Лабораторная работа №1
Рисование во Flаsh
Цель работы: Освоить инструменты рисования Flash и получить навыки рисования.
Основные теоретические сведения
Инструменты рисования
Рисование выполняется с помощью инструментов, расположенных на панели Tools.
Основными из них являются:
bine Tool (Линия) - инструмент позволяет рисовать прямые и ломаные линии, которые при необходимости могут использоваться в качестве контура объекта.
Инструмент не имеет кнопок-модификаторов. В качестве параметров настройки пользователь может выбирать толщину и цвет линии. Настройка выполняется с помощью инспектора свойств.
Oval Tool (Овал) - инструмент предназначен для создания стандартных геометрических фигур: эллипсов и окружностей различного радиуса. Созданная фигура состоит из двух компонентов, которые могут редактироваться отдельно друг от друга: контура (Outline) и заливки (Fill). В качестве параметров настройки пользователь может выбирать толщину и цвет линии. Настройка выполняется с помощью инспектора свойств.
Rectangle Tool (Прямоугольник) - инструмент предназначен для создания соответствующих геометрических фигур. Созданная фигура состоит из двух компонентов, которые могут редактироваться отдельно друг от друга: контура и заливки.
В качестве дополнительного параметра можно указывать радиус скругления углов прямоугольника, кроме того, пользователь может выбирать толщину и цвет линии.
Указанные параметры устанавливаются с помощью инспектора свойств.
Pen Tool (Перо) - инструмент позволяет рисовать прямые и сглаженные кривые линии с высокой точностью на основе механизма кривых Безье, для этого в процессе рисования Flash создает базовые точки (Anchor points) и затем строит по ним нарисованный сегмент.
Pencil Tool (Карандаш) - инструмент предназначен для рисования произвольных линий, однако при соответствующей настройке параметров он выполняет «распознавание» нарисованных фигур и автоматическое их преобразование к стандартным геометрическим фигурам.
Brush Tool (Кисть) - инструмент позволяет рисовать линии, напоминающие мазки кистью. Кисть имеет достаточно большое число дополнительных параметров.
Eraser Tool (Ластик) - это обычная для графических редакторов «стирательная резинка», по принципу действия и по набору дополнительных параметров она очень близка инструменту Brush Tool.
Результаты использования любого из перечисленных инструментов могут быть впоследствии отменены или скорректированы.
Рассмотрим подробнее особенности применения некоторых инструментов.
Инструмент Rectangle Tool. Как было указано выше, допускается изменение
следующих параметров работы инструмента Rectangle:
• величина угла скругления прямоугольника. Для изменения этого параметра следует щелкнуть кнопку-модификатор Round Rectangle Radius (Радиус скругления прямоугольника), и в открывшемся диалоговом окне ввести величину скругления (в точках);
• цвет контура и цвет заливки, которые выбираются с помощью соответствующих кнопок, расположенных на панели инспектора свойств инструмента;
• толщина и стиль линии контура устанавливаются с помощью инспектора свойств, по умолчанию толщина контура изменяется с дискретностью 0.25 точки (points), но с клавиатуры может быть введено любое значение в диапазоне от 0 до 10;
• дополнительный параметр Sharp Corners (Острые углы), задающий форму контура.
Изменение параметра выполняется в дополнительном диалоговом окне, которое открывается при щелчке на кнопке Custom... (Настройка). В этом окне также можно изменить толщину контура (с помощью раскрывающегося списка Thickness), значение в этом списке зависит от значения, установленного в панели инспектора свойств, и наоборот. Формат инспектора свойств аналогичен используемому для инструментов Line и Oval.
После того, как с помощью одного из трех инструментов будет нарисована соответствующая фигура, для корректировки ее параметров может применяться расширенный формат инспектора свойств. Он отличается от рассмотренного выше инспектора свойств наличием четырех текстовых полей, которые содержат следующую информацию:
• для линии - координаты левого (поля X и Y) и правого (поля W и Н) ее концов;
• для круга - координаты центра (поля X и Y) и радиус (поля W и Н);
• для прямоугольника - координаты верхнего левого угла (поля X и Y) и длины сторон (поля W и Н). Координаты измеряются относительно верхнего левого угла стола фильма.
Инструмент Pen Tool. С помощью данного инструмента можно рисовать прямые или ломаные линии, либо сегменты кривых. В обоих случаях линия строится по базовым точкам на основе механизма кривых Безье. Чтобы нарисовать прямую линию, необходимо указать первую и последнюю точки отрезка. Точка создается щелчком на столе. Нарисованную линию можно либо оставить незамкнутой, либо преобразовать в замкнутую фигуру. В первом случае достаточно дважды щелкнуть на последней точке линии, чтобы создать замкнутую фигуру, необходимо щелкнуть на начальной точке. Рисование кривых с помощью пера основано на перемещении так называемых касательных. Длина и направление касательной определяют размер и глубину (величину изгиба) сегмента кривой. Касательная является как бы осредником между указателем мыши и рисуемой линией. При работе с пером следует иметь в виду, что нарисованная линия считается «незавершенной» до тех пор, пока вы не нажмете клавишу <Esc> или не переключитесь на другой инструмент. В противном случае каждая новая точка будет
считаться принадлежащей данной линии и автоматически соединяться с ней новым сегментом (или прямым отрезком). После завершения рисования линии она может быть изменена с помощью любого из четырех инструментов: Pen, Arrow, Free Transform или Subselect.
Для инструмента Реп, как и для других инструментов рисования, пользователь может установить толщину и цвет линии, а также цвет заливки. Установка толщины линии выполняется с помощью инспектора свойств. Если в момент включения инструмента панель инспектора свойств закрыта, следует войти в меню Window и выбрать в нем пункт Properties. Установленные значения параметров применяются к вновь создаваемым линиям. Чтобы назначить их ранее созданным линиям и фигурам, они должны быть предварительно выбраны. Результат «проявляется» после того, как будет снято выделение.
Инструмент Pencil Tool. «Карандаш» имеется во многих графических редакторах, поэтому мы остановимся на отличительных особенностях его реализации во Flash. Начнем с того, что для этого инструмента имеется кнопка-модификатор, щелкнув которую вы можете открыть своеобразное меню, позволяющее выбрать режим работы инструмента. Таких режимов три:
• Straighten (Выпрямление);
• Smooth (Сглаживание);
• Ink (Рисунок чернилами).
Режим Straighten обеспечивает преобразование исходного изображения, нарисованного «вручную», в одну из геометрических фигур. Простейшим случаем такого преобразования является выпрямление линии.
Режим Smooth является менее «жестким» и позволяет просто избавиться от некоторых шероховатостей в рисунке.
Третий режим Ink - практически не отличается от режима Smooth, но оказывает еще меньшее воздействие на исходное изображение.
Чтобы нарисовать с помощью Карандаша абсолютно прямую горизонтальную или вертикальную линию, достаточно удерживать в нажатом положении клавишу <Shift>.
Если требуется сменить направление с вертикального на горизонтальное или наоборот,
следует отпустить клавишу <Shift>, затем вновь нажать ее и продолжить линию в
нужном направлении. Цвет и толщина линии настраиваются с помощью инспектора
свойств инструмента.
Инструмент Brush Tool. Инструмент позволяет создавать линии, напоминающие мазки кистью. Для него предусмотрен целый ряд дополнительных специальных эффектов, включая эффект каллиграфического письма. При создании изображений с помощью Кисти вы можете использовать в качестве заливки импортированное растровое изображение. Для инструмента предусмотрено пять режимов работы. Выбор режима выполняется с помощью кнопки-модификатора:
• Paint Normal (Обычное закрашивание) — «мазок» кисти покрывает все линии и заливки редактируемого изображения, а также любой другой объект или участок стола, оказавшиеся на пути кисти;
• Paint Fills (Закрашивание заливок) — обеспечивает закрашивание заливок, не влияя на контуры, линии и пустую область стола;
• Paint Behind (Закрашивание позади) — «мазок» кисти покрывает расположенную за изображением пустую область стола, оставляя все линии и заливки на редактируемом изображении без изменения;
• Paint Selection (Закрашивание выбранной области) - «мазок» кисти влияет только на выбранную заливку (или заливки, если их выбрано несколько), оставляя без изменения линии, контуры, невыбранные заливки и пустую область стола ;
• Paint Inside (Закрашивание внутри) - закрашивается только та заливка, с которой операция была начата. Другие заливки, линии, контуры и стол остаются без изменения, но если вы начнете закрашивание в пустой области рабочего стола, то эффект будет аналогичен применению режима Paint Behind.
При работе с Кистью следует иметь в виду, что эффект установленного режима проявляется не во время выполнения операции, а после ее завершения (то есть когда кнопка мыши будет отпущена). Дополнительно пользователь может выбрать размер, форму, цвет кисти. Установка первых двух параметров выполняется с помощью кнопок-модификаторов, а выбор цвета - либо с помощью кнопки Fill Color панели Tools, либо с помощью инспектора свойств Кисти.
Инструмент Eraser Tool. Инструмент действует подобно обычному ластику, удаляя линии, контуры и заливки. Для инструмента предусмотрено шесть режимов работы. Выбор режима выполняется с помощью двух кнопок-модификаторов: Eraser Mode и Faucet.
Кнопка Faucet (Кран) обеспечивает включение соответствующего режима, при использовании которого одним щелчком мыши удаляется («стирается») та часть объекта (контур или заливка), на которой установлен указатель в форме водопроводного крана, причем «горячей точкой» указателя является не сам кран, а капелька. Это позволяет с достаточно высокой точностью позиционировать указатель при стирании тонких линий и контуров, и даже отдельных точек изображения. Включение режима Faucet отменяет любой из пяти других режимов, выбираемых с помощью кнопки Eraser Mode, и наоборот, щелчок на этой кнопке отменяет режим Faucet. С помощью кнопки Eraser Mode может быть установлен один из следующих режимов:
• Erase Normal (Обычное стирание) - ластик удаляет все линии заливки редактируемого изображения, а также любой другой объект или фоновое изображение, расположенные в активном слое;
• Erase Lines (Стирание линий) - ластик удаляет линии и контуры, оставляя заливки на редактируемом изображении без изменения;
• Erase Selected Fills (Стирание выбранных заливок) - ластик удаляет только выбранную заливку (или заливки, если их выбрано несколько), оставляя без изменения линии, контуры, не выбранные заливки и т. д.;
• Erase Fills (Стирание заливок) - обеспечивает стирание заливок, не влияя на контуры, линии и пустую область стола;
• Erase Inside (Стирание внутри) - стирается только та заливка, с которой операция была начата, другие заливки, линии, контуры и стол остаются без изменения. Если начать закрашивание в пустой области рабочего стола, то все объекты останутся без изменения.
При работе с Ластиком, как и при работе с Кистью, эффект установленного режима проявляется не во время выполнения операции, а после ее завершения (то есть когда кнопка мыши будет отпущена). Дополнительно пользователь может выбрать форму и размер ластика.
Изменение формы линий и контуров фигур
Пользователь имеет возможность изменять форму линий и контуры фигур, созданных с помощью инструментов Pen, Pencil, Brush, Line, Oval или Rectangle.
Редактирование может выполняться инструментами Arrow, Free Transform и Subselection, либо средствами оптимизации кривых. Чтобы изменить форму линии или контур фигуры, можно перетащить на новую позицию любую точку линии, «зацепив» ее инструментом Arrow. При этом указатель служит индикатором того, как будет изменяться линия и ограниченная ею заливка.
В процессе перемещения линии Flash отображает ее новое положение. Если перемещаемая точка является конечной, то можно удлинить или сократить линию. При перемещении угловой точки величина угла не изменяется, хотя образующие его линии могут становиться длиннее или короче. Чтобы создать новую угловую точку, следует щелкнуть на редактируемой линии при нажатой клавише <Ctrl>. Дополнительные возможности по автоматическому редактированию линий и контуров с помощью инструмента Arrow обеспечиваются кнопками-модификаторами Smooth (Сгладить) и Straighten (Выпрямить). Щелчок на любой из них обеспечивает выполнение соответствующей операции. В зависимости от вида линии повторный щелчок на той же кнопке может либо усилить полученный результат, либо не привести к дополнительному эффекту.
Для редактирования линий и контуров инструментом Subselection соответствующая линия должна быть предварительно выбрана с помощью этого же инструмента. В остальном технология редактирования аналогична работе с инструментом Arrow.
Еще один способ редактирования графических объектов состоит в том, чтобы оптимизировать состав кривых Безье, на основе которых сформирован объект.
Конечная цель оптимизации заключается в уменьшении числа кривых, используемых для формирования объекта. Благодаря оптимизации можно убить сразу двух зайцев, сделать более правильными контуры объекта и уменьшить размер Flash-фильма. Для оптимизации объекта требуется выполнить следующие действия:
1. Выбрать объект, подлежащий оптимизации (выбрать можно весь объект, заливку, контур или часть контура).
2. В меню Modify выбрать команду Optimize (Оптимизировать).
3. В открывшемся диалоговом окне с помощью ползункового регулятора выбрать уровень оптимизации, а также два дополнительных параметра, первый из которых определяет способ проведения оптимизации, а второй – необходимость информирования пользователя.
Значения обоих параметров выбираются с помощью флажков:
• если установлен флажок Use Multiple Passes (Использовать последовательную оптимизацию), операция оптимизации автоматически повторяется до тех пор, пока это возможно;
• если установлен флажок Show Totals Message (Показать итоговое сообщение), то после «оценки ситуации» Flash выведет на экран сообщение о возможности оптимизации и ее эффективности.
Практика показывает, что наиболее целесообразно применять оптимизацию для объектов, созданных с помощью инструмента Pen Tool.
Как и кнопки-модификаторы Smooth и Straighten инструмента Arrow, оптимизацию можно применять к одному и тому же объекту несколько раз.
Работа с цветом
Flash обеспечивает различные механизмы применения, создания и модификации
цветовой палитры фильма и отдельных его элементов. Используя палитру, установленную по умолчанию или созданную вами, вы можете выбрать определенный цвет для заливки объекта или для его контура. Для закрашивания линий и контуров могут использоваться только базовые цвета, а при выборе цвета контура или отдельной линии можно дополнительно выбрать стиль и толщину линии. Для заливки может быть использован базовый (однотонный) цвет, градиент или растровое изображение. Чтобы применить для закрашивания растровое изображение, вы должны импортировать его в файл фильма. Flash поддерживает возможность применения прозрачного (невидимого) цвета для закрашивания линий и заливок. Это позволяет создавать, например, только контур объекта без заливки или, наоборот, закрашенный объект без контура. Кроме того, Flash поддерживает достаточно широкие возможности по управлению цветовой схемой текстовых символов.
Для работы с цветом во Flash предназначены следующие средства:
• инструменты Ink Bottle Tool (Бутылка чернил), Paint Bucket Tool (Банка краски), Fill Transform (Трансформация заливки) и Dropper Tool (Пипетка), расположенные на панели Tools;
• кнопки Stroke Color (Цвет контура), Fill Color (Цвет заливки), Default Colors (Цвета по умолчанию), No Color (Бесцветный) и Swap Colors (Поменять цвета), расположенные в поле Colors панели Tools;
• панели Color Mixer (Смеситель цвета) и Color Swatches (Образцы цвета).
Инструмент Ink Bottle Tool. Инструмент предназначен для изменения цвета линии или контура объекта. При этом использоваться могут только базовые цвета. Кроме того, с его помощью можно изменять толщину и стиль линии (контура). Для изменения цвета линии с помощью Ink Bottle необходимо выполнить следующие действия:
• включить инструмент;
• с помощью кнопки Stroke Color выбрать требуемый цвет;
• установить указатель на редактируемую линию (горячей точкой указателя является кончик «струи» из бутылки) и щелкнуть кнопкой мыши.
Чтобы изменить с помощью Ink Bottle толщину и/или стиль линии, необходимо установить соответствующие параметры в инспекторе свойств инструмента и затем щелкнуть им по редактируемой линии. Таким образом, благодаря инспектору свойств возможно «одним щелчком» изменить цвет, толщину и стиль любой линии.
Инструмент Paint Bucket Tool. Инструмент предназначен для изменения цвета заливки объекта или мазка кисти, а также для закрашивания произвольной замкнутой области на столе. Для закрашивания могут использоваться базовые цвета, градиенты и растровые изображения. Инструмент может также применяться для закрашивания и незамкнутых областей, однако в этом случае требуется разрешить Flash автоматически закрывать промежутки между ограничивающими область линиями.
Для изменения цвета заливки с помощью Paint Bucket Tool необходимо выполнить следующие действия:
• включить инструмент;
• с помощью кнопки Fill Color выбрать требуемый цвет;
• установить указатель на закрашиваемую область (горячей точкой указателя является кончик «струи» из банки) и щелкнуть кнопкой мыши.
Инструмент Paint Bucket имеет дополнительные параметры, установка которых выполняется с помощью кнопок-модификаторов, расположенных в поле Options панели Tools.
Кнопка Gap Size (Размер промежутка) открывает меню, позволяющее выбрать вариант автоматического «оконтуривания» незамкнутой области, которую требуется закрасить. Выберите вариант Don't Close Gaps (He закрывать промежутки), если вы хотите закрыть промежутки вручную. Такой вариант предпочтителен для сложных рисунков, поскольку, во-первых, Flash требуется время для поиска и закрытия промежутков и, во-вторых, это еще более усложнит рисунок.
Выбор любого из трех других вариантов (Close Small Gaps - «закрыть маленькие промежутки», Close Medium Gaps - «закрыть средние промежутки» и Close Large Gaps - «закрыть большие промежутки») обеспечивает закрашивание областей, контур которых имеет один или более просветов.
Модификатор Lock Fill (Блокировка заливки) используется только для градиентных заливок и растровых изображений. Он создает эффект, словно изображения являются частью одного, занимающего весь стол. Соответственно, каждому изображению «достается» свой участок общей заливки, цвет которого зависит от позиции объекта на столе.
Инструмент Fill Transform. Данный инструмент позволяет изменять параметры градиентной или растровой заливки некоторой области. Чтобы перейти в режим редактирования заливки, необходимо включить инструмент Fill Transform (при этом изменится форма указателя мыши) и выбрать редактируемую заливку, щелкнув на ней мышью. Это приведет к тому, что в центре заливки появится точка трансформации, а на выделяющей рамке - три маркера. Первый и второй обеспечивают изменение размера градиента (или растрового изображения), третий - его положение. При наведении указателя на маркер форма указателя изменяется, показывая назначение маркера. Перемещение точки трансформации также позволяет изменять вид градиентной заливки и растрового изображения.
Инструмент Dropper Tool. Инструмент позволяет копировать (переносить) атрибуты некоторой линии или заливки на другой объект. Кроме того, с его помощью можно производить выбор растрового изображения, которое будет использовано для создания заливки. Для копирования атрибутов линии или заливки требуется выполнить следующие действия:
1. Включить инструмент Dropper Tool и щелкнуть на линии или фигуре, в зависимости от типа эталонного элемента (линия или заливка) автоматически включается соответствующий инструмент закрашивания - Ink Bottle Tool или Paint Bucket Tool, кроме того, для инструмента Paint Bucket Tool устанавливается режим Lock Fill.
2. Щелкнуть на объекте, которому требуется назначить эталонные атрибуты. Кнопки группы Colors. В эту группу панели Tools входят кнопки Stroke Color, Fill Color, Default Colors, No Color и Swap Colors. Кнопки Stroke Color и Fill Color представляют собой как бы два переключателя, и в каждый момент времени может быть включена только одна из них. Кнопки могут использоваться либо совместно с инструментами рисования, рассмотренными выше, либо с инструментом Arrow. Щелчок на любой из кнопок приводит к открытию окна палитры, в котором производится выбор нужного цвета. Для градиентных цветов код RGB принимается равным #000000 (то есть коду черного цвета).
Кнопка Swap Color позволяет быстро (одним щелчком) поменять местами цвета заливки и контура выбранного объекта.
Кнопка No Color предназначена для создания объектов с прозрачной (бесцветной) заливкой или с прозрачным (бесцветным) контуром. Данная установка может быть применена только к вновь создаваемым объектам, но и к существующим. Для существующего объекта аналогичный эффект можно получить, просто удалив контур или заливку. Кнопка становится доступной только при включении инструментов Oval Tool или Rectangle Tool. Щелчок на кнопке приводит к тому, что прозрачный цвет устанавливается для заливки. Чтобы применить его к контуру объекта, следует воспользоваться кнопкой Swap Color.
Кнопка Default Colors обеспечивает замену цветовой схемы выбранного объекта (или нескольких объектов) на используемую по умолчанию (белая заливка и черный контур).
Панель Color Mixer. Панель позволяет выполнять следующие действия:
• устанавливать цвет заливки для выбранного или вновь создаваемого объекта;
• редактировать существующие градиентные заливки;
• выбирать растровое изображение, которое должно использоваться в качестве заливки;
• создавать новые и редактировать основные цвета палитры Flash.
Формат панели зависит от вида операции, который может быть выбран из раскрывающегося списка. Таких вариантов пять:
None (Отсутствует) - установить прозрачный цвет заливки. Вариант доступен только в том случае, если на панели Tools включен один из трех инструментов: Pen, Oval или Rectangle (для вновь создаваемого объекта кнопки, отображаемые справа от списка режимов, дублируют кнопки, входящие в группу Colors панели Tools);
Solid (Базовый цвет) - установить для заливки один из базовых цветов; при выборе этого варианта панель также содержит кнопки, дублирующие группу Colors панели Tools. При выборе основного цвета вы можете использовать как полный, так и сокращенный формат панели;
Linear gradient (Линейный градиент) - редактировать заливку с линейным градиентом. В данном случае на панели отображаются те же элементы, что и при создании радиального градиента;
Radial gradient (Радиальный градиент) - редактировать заливку с радиальным градиентом. Формат панели и технология работы с ней анологично, как для заливки с линейным градиентом;
Bitmap (Растровое изображение) - выбрать растровое изображение для заливки. В данном случае панель Color Mixer дополняется своеобразным списком, в котором отображаются растровые изображения, импортированные в фильм. Щелчок на элементе списка приводит к тому, что соответствующий вид заливки становится активным и может быть применен к объектам фильма с помощью инструмента Paint Bucket.
Панель Color Swatches. Данная панель отличается от панели Color Mix тем, что позволяет работать не с отдельными цветами, а с палитрами цветов. С ее помощью можно скомпоновать и сохранить на диске несколько палитр, каждая из которых будет использоваться в определенном фильме.
Основным средством работы с палитрами являются команды раскрывающегося меню. К ним относятся:
• Duplicate Swatch (Дублировать образец) - копирование выбранного цвета;
• Delete Swatch (Удалить образец) удаление выбранного цвета;
• Add Color... (Добавить цвет) - импортирование во Flash внешней палитры и добавление ее цветов к текущей палитре. Палитра может храниться в файле формата CLR (Flash Color Set - палитра Flash) или ACT (Adobe Color Table);
• Replace Colors... (Заменить цвет) - импортирование во Flash внешней палитры и замена ею текущей палитры;
• Load Default Colors (Загрузить стандартную палитру) - замена текущей палитры используемой по умолчанию;
• Save Colors (Сохранить палитру) - сохранение текущей палитры в формате ACT или CLR;
• Save as Default (Сохранить как стандартную палитру) - сохранение текущей палитры в качестве используемой по умолчанию;
• Clear Colors (Очистить палитру) - из палитры удаляются все цвета, кроме черного и белого, а также серого градиента;
• Web 216 (попробуйте перевести самостоятельно) - загрузка палитры из 216 цветов, которая гарантированно поддерживается в Интернете;
• Sort by Color (упорядочить цвета) - упорядочивание цветов текущей палитры по оттенку.