Штенников Д.Г. Краткое введение в Adobe Photoshop CS3 и Flash CS3
.pdf
61
В случае, если нет желания так глубоко залезать в настройки проекта, то
можно просто заменить цвет фона в панели Properties 
. Делается это аналогично описанному чуть выше способу. И можно
поменять скорость кадров: 
.
Обзор инструментов рисования
С первым инструментом Вы уже знакомы: 
- Selection Tool служит для выделения объектов, их частей, а также простого деформирования объектов.
Второй инструмент – Subselection Tool (a), служит для работы с кривыми, и выделения частей объектов, особенно данный инструмент хорош для
редактирования точек кривых (их перемещения или выгибания) 
Затем идет группа трансформации объектов в которой присутствуют два инструмента:
Free Transform Tool (q) – свободная трансформация объектов
Gradient Transform Tool (f) – изменение параметров градиентной заливки
Для того, чтобы воспользоваться инструментом Free Transform Tool, необходимо выделить объект:
После чего автоматически появляются маркеры по периметру объекта, используя которые существует возможность масштабировать объект относительно центра (курсор мыши в виде двунаправленной стрелки) (обозначен
белым кружком в центре объекта), вращать его (курсор мышки в виде дуги
62
со стрелкой) и делать сдвиг объекта. Кроме этого, внизу панели инструментов появляются дополнительные возможности для этого инструмента:
Rotate and Skew – поворот и сдвиг
Scale – масштабирование
Distort – дисторсия – нелинейный выгиб объекта для имитации перспективы
Envelope – инструмент для простого изгибания объекта.
Для того, чтобы применить Distort необходимо выбрать опцию Distort, схватить мышкой за один из маркеров на объекте и оттащить его в сторону:
После чего отпустить лкм.
Для того, чтобы применить Envelope необходимо выбрать эту опцию, после чего количество маркеров по периметру объекта увеличится.
Если перетаскивать маркер, находящихся ближе к центральному маркеру, то изменения стороны объекта будет симметричным относительно центра:
Если перемещать маркер, находящийся дальше от центра, то изменния стороны не будут симметричными:
63
Также существует возможность перемещать центральный маркер:
И Угловые маркеры
Инструмент Gradient Transform Tool – предназначен для изменения параметров градиентных заливок. Для того, чтобы применить данный инструмент необходимо щелкнуть лкм по градиентной заливке внутри объекта. В случае если градиентная заливка радиальная, то на экране Вы увидите следующее:
Если рассматривать маркеры по часовой стрелке, то первый маркер отвечает за преобразование радиальной заливки в эллиптическую, второй маркер за изменение радиуса градиента, третий маркер – за поворот заливки.
64
Центральный маркер отвечает за центр заливки, а ползунок над ним – за нелинейность заливки возле центра.
Если заливка линейная, то вид маркеров будет иной Поворот заливки, изменение линейных
размеров, изменение центра заливки Инструмент Lasso Tool (l) – Лассо аналогичен
данному инструменту в Photoshop. 
. Он позволяет выделять фрагменты изображений, но по правде говоря, с этими функциями замечательно справляется и Select Tool.
Затем идет группа инструментов для классического векторного рисования: Pen Tool (p) – инструмент, позволяющий рисовать кривые на основе опорных точек (кривые Безье)
Add Anchor Point Tool (=) – добавление новой опорной точки на созданную ранее кривую
Delete Anchor Point Tool (-) – удаление опорной точки с ранее созданной ранее кривой
Convert Anchor Point Tool (c) – инструмент, позволяющий модифицировать опорные точки, например изгибая их.
Параметры этих инструментов весьма просты: цвет, толщина и тип линий.
Как задавать цвет, Вы помните, толщина задается ползунком:
Типов линий не так много, но для простого рисования вполне хватает.
65
По нажатию на кнопку Custom (Пользовательски заданные) можно в специальном окне задавать аналогичные параметры.
Рисование при помощи данного инструмента подчиняется примерно следующему алгоритму:
Поставить первую точку кривой, далее, удерживая лкм нажатой, указать направление изгибания кривой.
После этого лкм отпустить и поставить вторую точку, направление выгибания которой задать аналогично. Кка Вы видите алгоритмы рисования очень похожи на те, которые использует Corel Draw
Ниже располагается инструмент Text Tool 
- инструмент для написания текста.
Среди его основных параметров:
Тип текста - Static, Dynamic, Input (статичный, динамический текст, текстовое поля для ввода текста)
66
Тип шрифта Размер шрифта в пунктах Цвет шрифта
Выравнивание текста (по мимо известных с photoshop’а параметров добавилось выравнивание по ширине)
Параметры текста для экранного сглаживания. Затем идет группа рисования векторных примитивов:
Rectangle Tool (r) и Rectangle Primitive Tool (r) – рисование прямоугольников,
просто разными алгоритмами.
Oval Tool (o) и Oval Primitive Tool (o) – рисование овалов при помощи различных алгоритмов построения.
PolyStar Tool – инструмент для рисования многоугольников и звезд.
Начнем с Rectangle Tool 
- до начала рисования объекта стоит посмотреть на панель Properties в которой можно выбрать цвет окантовки, цвет заливки, толщину и тип линий окантовки (аналогичные параметры были рассмотрены ранее).
К этим параметрам для прямоугольников добавился параметр скругления углов, которые могут быть как положительные, так и отрицательные.
67
Овал (Oval Tool) 
позволяет рисовать как логичные по названию круги и эллипсы, так и используя параметр Inner radius (внутренний радиус) фигуры в виде шайбы.
А используя параметры Start angle и End angle (начальный угол и конечный угол) – сектора.
Остальные свойства Вы уже знаете.
PolyStar Tool (Полистар) достаточно интересный инструмент и помимо надоевших стандартных параметров содержит очень важную кнопку Options (Опции)
Именно эта кнопка скрывает основные настройки этого инструмента. Внутри этих настроек можно выбрать Style (стиль) позволяет выбрать какой именно графический примитив Вы желаете создать: polygon (многоугольник) или star (звезда), далее можно задать количество углов для полигона или лучей у звезды, а также параметр, отвечающий за то, насколько звезда будет остроугольной.
Следующий инструмент карандаш – Pencil Tool (y) позволяет рисовать произвольные
линии от руки 
. Дла данного инструмента характерны дополнительные настройки, которые можно найти внизу панели инструментов рисования.
68
Среди этих параметров – Straighten (рисование угловатых линий), Smooth (рисование сглаженных линий), Ink (свободное рисование). Первые два варианта используют дополнительные программные алгоритмы для сглаживания или спрямления кривых.
Инструмент Brush Tool (b) – позволяет имитировать рисование кистью. Если использование карандаша заточено под рисование тонких линий, то кисть под рисование толстых линий.
Ink Bottle Tool (s)– чернильница предназначена для изменения параметров линий контура графических примитивов, линий, нарисованных пером и линий, нарисованных карандашом.
Pant Bucket Tool (k) – ведро для задания цвета для изменения параметров заливки и изменения цвета линий, созданных при помощи Brush Tool.
Eye Dropper Tool (i) – пипетка для измерения цветовых параметров объекта для дальнейшего использования.
Eraser Tool (e) – резинка для стирания объектов или их частей. Немного лишний инструмент, поскольку любой объект или его часть можно выделить и нажать на клавишу Delete.
Анимация
Программа Flash создавалась не столько для рисования, сколько для создания анимации, по этому дальнейшее описание будет посвящено описанию возможных действий по созданию анимации.
Анимация Shape
Анимация Shape (анимация контуров) направлена на создание самой простой и быстрой исполнении анимации, и является единственным видом анимации во Flash, предназначенной для анимации контуров объектов и градиентных заливок. Вот с этой простой анимации и следует начать. Для начала Выберите инструмент Rectangle Tool и нарисуйте прямоугольник.
После этого стоит обратить внимание на то, что в первом ключевом кадре появится черная точка, показывающая, что в данном ключевом кадре (кк) появилось содержимое.
69
Выберите инструмент Selection Tool 
и щелкните лкм по 25 кадру на Timeline, после этого кадр закрасится в синий цвет.
После этого, нажмите на клавишу F6, создавая тем самым второй кк в котором можно будет разместить независимое содержимое.
Сразу после нажатия на клавишу F6, в 25 кадре появится кк, закрашенный в черный
цвет с белой точкой внутри (так выглядит выделенный кк), а пространство между кк закрасится в светло-серый цвет. При этом, в новый кк автоматически переносится содержимое предыдущего кк, которое при этом и выделяется (прямоугольник покроется узором в виде сетки). Теперь Вы можете удалить старый объект, нажав на клавиатуре клавишу Delete, после чего при помощи любого другого инструмента создания примитивов нарисовать новый объект, или изменить старый. Для этого необходимо щелкнуть лкм по свободной части сцены (выделение объекта при этом снимается), затем подвести курсор мыши к одному из углов фигуры (курсор мыши изменит форму – рядом со стрелкой появится знак прямого угла), нажав и удерживая лкм изменить координаты угла, также можно поступить и с другими углами фигуры. При подведении курсор мыши к стороне (курсор мыши меняет форму – рядом со стрелкой появляется значок дуги), затем нажав и удерживая лкм изогнуть стороны фигуры.
Как только фигура была модифицирована или нарисована заново, необходимо перейти на первый кк (для этого по первому кк необходимо щелкнуть один раз лкм).
В панели Properties должно отобразиться слово Frame (кадр), тем самым будет показано, что Вы будете работать именно с кадрами. В
панели Properties найдите пункт Tween (задание анимации). В списке Tween, выберите Shape (контур).
70
После этой операции обратите внимание на Timeline, в ней от первого кк до второго кк должна появиться стрелка, а кадры закраситься в салатный цвет.
Если Timeline выглядит иначе, то Вы допустили ошибку.
Анимация Shape легко анимирует различные фигуры, линии контура, градиентные заливки. Можете поэкспериментировать.
Просмотр и сохранение анимации
Создать анимацию мало, желательно ее просмотреть, насколько корректно она (анимация) происходит. Для этого можно нажать клавишу Enter (в этом случае анимация прокрутится один раз) или комбинацию клавиш Ctrl+Enter (в этом случае анимация запустится в бесконечном режиме в окне предварительного просмотра, которое необходимо будет затем закрыть). Если Вас все устроит, то выполните операцию сохранения файла File > Save (Файл, Сохранить), и после этого файл необходимо преобразовать для использования в Интернет следующей операцией: File > Publish (Файл, Опубликовать).
Анимация Motion
Анимация Motion (анимация движения) более технологически сложная анимация, поскольку она работает не с графическими примитивами напрямую, а со специальными объектами во Flash, которые называются символы (Symbol).
Вначале необходимо нарисовать графический примитив, и, как и прежде в первом кк появится черная точка.
Теперь необходимо преобразовать графический примитив в Symbol. Для
этого выберите Selection Tool 
и выделите нарисованный ранее объект (объект должен покрыться узором в виде сетки).
После этого, нажмите клавишу F8, нажатие на которую приводит к появлению диалогового окна – Convert to Symbol, в котором существует возможность выбрать один из типов символов: