Знакомство с интерфейсом программы Macromedia Flash

Знакомство с интерфейсом программы Macromedia Flash 8

Flash – это программа фирмы Macromedia, которая позволяет создавать анимационные файлы очень небольшого размера. Благодаря своей компактности этот формат практически стал стандартом де-факто для анимации в Интернете. Кроме того, Flash-ролик может реагировать на действия пользователя. Благодаря этой особенности Flash применяют для создания красочных интерфейсов, анимированных кнопок и схем.

Под строкой заголовка расположена строка меню, содержащая команды управления программой и созданием фильма (1).
Для выбора команды меню достаточно щелкнуть мышью на ее имени, а затем в появившемся подменю - на имени нужной команды.

Под строкой меню расположены Временная линейка (2) и панель слоёв (3).
С помощью Временной линейки определяется длительность фильма, время появления каждого кадра при проигрывании фильма, а также периоды жизни разных объектов. В левой её части расположена Панель слоев, позволяющая размещать объекты на разных слоях, что позволяет независимо управлять режимами их просмотра и редактирования. Убрать и вывести временную линейку на экран можно через меню Window -> Timeline (Окно -> Временная линейка).

У левого края рабочего окна программы расположена панель инструментов (4), кнопки которой предназначены для выбора инструментов создания и редактирования графики.
Эти инструменты позволяют рисовать, закрашивать, выделять, модифицировать и масштабировать изображение. При наведении указателя мыши на значок любого из инструментов панели, значок приобретает форму кнопки, и появляётся всплывающая подсказка с названием инструмента и горячей клавишей, которая активизирует данный инструмент.

В центре расположены рабочая область и сцена. (5). Белая область – это сцена, серый фон – рабочая область.Сцена – это область окна документа, в которой Вы можете рисовать кадры Вашего будущего фильма.

В самом низу расположена диалоговая панель (6) - так называемый инспектор свойств (Property Inspector). Этот инструмент позволяет быстро изменять свойства активного (выбранного) объекта.

Панель инструментов разделена на четыре секции:
Тооls (Инструменты) — содержит инструменты рисования, закрашивания и выделения;
View (Просмотр) - предлагает инструменты для изменения мас-штаба отображения и перемещения изображения;
Colors (Цвета) - содержит элементы управления для выбора цвета обводки и заливки;
Options (Параметры) - отображает модификаторы выбранного инструмента, которые позволяют изменить режим его функционирования.
Для выбора любого инструмента достаточно нажать его кнопку на панели инструментов или соответствующую клавишу на клавиатуре.
Ниже кратко описано назначение всех инструментов.
Рядом с кнопкой инструмента указана всплывающая подсказка, которая появляется при установке указателя мыши на данном инструменте, а в скобках - горячая клавиша, активизирующая данный инструмент.

Инструменты секцииТооls (Инструменты):
Перечисление инструментов (нумерация) слева направо, сверху вниз)
1 Selection Tool - "выделение" с помощью него можно выделять прямоугольные области графики и объекты
2 Subselection Tool - это так называемое "суб выделение" корректировка прямолинейных и криволинейных сегментов;
3 Free Transform Tool "трансформация" - (Произвольная трансформация) - масштабирование, вращение и искажение объекта;
4 Gradient Transform Tool "изменение градиентной заливки"- (Преобразование заливки) - растяжение, перемещение и поворот градиентных заливок;
5 Line Tool - "прямая" - позволяет нарисовать прямую линию
6 Lasso Tool -"лассо" - можно захватывать часть изображения, выделение объектов произвольной формы;
7 Pen Tool - (Перо) создание контуров, состоящих из прямолинейных и криволинейных сегментов;
8 Text Tool - "текст"- текстовый ввод
9 Oval Tool - "круг"- рисование овалов и кругов;
10 Rectangle Tool - "квадрат" - рисует квадрат либо прямоугольник
11 Pencil Tool "карандаш" - рисование линий произвольной формы;
12 Brush Tool "кисть" - создание форм, представляющих собой области заливки. Действует подобно кисти в программах растровой графики;
13 Ink Bottle Tool "чернила"- придает дополнительную толщину
14 Paint Bucket Tool "заливка"- можно заливать цветами объекты
15 Eyedropper Tool "пипетка" можно выбрать любой цвет из пределов рабочей области Flash MX
16 Eraser Tool (Ластик) - удаление форм и линий, созданных другими инструментами. Кроме того, за инструментом Rectangle Tool (Прямоугольник) скрыт вложенный инструмент Polystar Tool (Многоугольник), с помощью которого можно рисовать многоугольники и звезды с разным числом вершин.
Чтобы увидеть этот инструмент, наведите указатель мыши на инструмент Rectangle Tool (Прямоугольник), нажмите левую кнопку мыши и подержите ее нажатой несколько секунд. Раскроется меню инструмента, в котором будут представлены инструменты Rectangle Tool (Прямоугольник) и Polystar Tool (Многоугольник). Чтобы выбрать любой из этих инструментов, щелкните на нем мышью.

Инструменты секции \View (Просмотр):
Hand Tool (Рука) - перемещение изображения в окне;
Zoom Tool (Масштаб) - изменение масштаба отображения.

Элементы управления секции Colors (Цвета):
Stroke Color (Цвет контура) - открывает палитру, из которой выбирается цвет для обводки контура объекта, создаваемого инструментами рисования и закрашивания.
Fill Color (Цвет заливки) - позволяет выбрать из палитры цвет для заливки объектов.
Black and White (Черный и белый) - позволяет быстро установить черный цвет для обводки и белый цвет для заливки;
No Color (Не задан) - удаляет выбранный ранее цвет обводки или заливки;
Swap Colors (Поменять цвета) - меняет местами цвета обводки и заливки.
В секции Options (Параметры), как указывалось выше, отображаются модификаторы выбранного инструмента, которые позволяют изменить режим его работы. Набор модификаторов индивидуален для каждого инструмента.

Попробуйте нарисовать квадрат, выбрав из панели инструментов Rectangle Tool (1).
Чтобы увидеть этот инструмент, наведите указатель мыши на инструмент Rectangle Tool (Прямоугольник), нажмите левую кнопку мыши и подержите ее нажатой несколько секунд. Раскроется меню инструмента, в котором будут представлены инструменты Rectangle Tool (Прямоугольник) и Polystar Tool (Многоугольник). Чтобы выбрать любой из этих инструментов, щелкните на нем мышью.

Инструменты секции \View (Просмотр):
Hand Tool (Рука) - перемещение изображения в окне;
Zoom Tool (Масштаб) - изменение масштаба отображения.

Элементы управления секции Colors (Цвета):
Stroke Color (Цвет контура) - открывает палитру, из которой выбирается цвет для обводки контура объекта, создаваемого инструментами рисования и закрашивания.
Fill Color (Цвет заливки) - позволяет выбрать из палитры цвет для заливки объектов.
Black and White (Черный и белый) - позволяет быстро установить черный цвет для обводки и белый цвет для заливки;
No Color (Не задан) - удаляет выбранный ранее цвет обводки или заливки;
Swap Colors (Поменять цвета) - меняет местами цвета обводки и заливки.
В секции Options (Параметры), как указывалось выше, отображаются модификаторы выбранного инструмента, которые позволяют изменить режим его работы. Набор модификаторов индивидуален для каждого инструмента.

Выберите цвет заливки квадрата, воспользовавшись выпадающим окном функции Fill Color.

Fill Color (Цвет заливки) - позволяет выбрать из палитры цвет для заливки объектов (цифра 1).

Элементы управления секции Colors (Цвета):
Stroke Color (Цвет контура) - открывает палитру, из которой выбирается цвет для обводки контура объекта, создаваемого инструментами рисования и закрашивания (цифра 2).

Рассмотрим подробнее функцию Stroke Color (Цвет контура).

Чтобы выбрать основной цвет для контура, вызовите всплывающую палитру Stroke (Контур) и выберите цвет для контура.

Чтобы изменить цвет контура, выделите обьект с помощью инструмента Selection Tool (1).

Выберите инструмент Ink Bottle Tool и во всплывающей палитре Stroke (Контур) и выберите цвет для контура (2).

Щёлкните мышкой по контуру (3). Вы увидете, что контур окрасился в выбранный вами цвет.

Изменить стиль и толщину линии контура можно, воспользовавшись инструментом Pencil Tool.

В диалоговой панели появятся дополнительные функции, воспользовавшись которыми вы можете изменить цвет, стиль и толщину линии контура.

Интересные эффекты можно создавать с помощью градиентной заливки.

Градиентная заливка представляет собой плавный переход от одного цвета к другому и может быть использована также и для обводки. Она может быть линейной или радиальной. Чтобы задать градиентную заливку и создать переход между несколькими цветами, надо воспользоваться панелью Fill (Заливка) - цифра 1. Выберите в раскрывающемся списке этой панели тип заливки: Linear Gradient (Линейный градиент) - цифра 2 или Radial Gradient (Радиальный градиент) - цифра 3.

Внизу панели находятся стандартные цвета заливки. При выборе любого из них справа на экране появляется панель настройки градиентной заливки. Цвета ползунков определяют цвета перехода, а их положение – его ширину. Для управления цветом обоих ползунков служит индикатор цвета сверху от шкалы. Снизу от шкалы находится окно предварительного просмотра. В нем отражаются все действия над градиентом, чтобы вы могли представить, как будет выглядеть заливка при данной настройке.
Работать с градиентными заливками достаточно просто, так что выполним редактирование градиентной заливки на практическом примере.
Выберите инструмент Paint Bucket (Ведро с краской) и в качестве цвета заливки укажите градиентную заливку. Теперь щёлкните на инструмент Oval (Овал) и нарисуйте круг, для чего удерживайте нажатой клавишу Shift. Вы видите, что он автоматически закрасился градиентом.

Сделаем градиентный переход более резким. Для этого выберите инструмент Selection (Выделение) и щёлкните один раз по заливке. Теперь переместите один или оба ползунка к центру. Усложним градиентный переход, добавив к нему еще два цвета. Верните ползунки на крайние позиции и добавьте к ним еще два ползунка, щелкнув прямо под шкалой градиентов. Задайте цвета для этих ползунков. Получившийся контур должен выглядеть примерно так, как на рисунке:

Инструмент Rectangle Tool

Программа Macromedia Flash 8 допускает изменение величины угла скругления прямоугольника.

Для изменения этого параметра следует выбрать из панели инструментов Rectangle Tool (1).

Щёлкните кнопку-модификатор Set Corner Radius(Радиус скругления угла) - цифра 2, и в открывшемся диалоговом окне введите величину скругления (в точках - points) - цифра 3.

Сохраните изменения, нажав на кнопку ОК (4).

Ластик (Eraser Tool) – ластик имеет несколько режимов ( ): Нормальный ( - Eraser Normal), Ластик для заливки ( - Eraser Fills), Ластик для линий ( - Eraser Lines), Ластик для выделенной заливки ( - Eraser Selected Fills) и Eraser Inside ( ).

Нормальный режим (Eraser Normal) позволяет стирать абсолютно все нарисованные средствами Flash изображения. Режимы Ластик для заливки (Eraser Fills) и Ластик для линий (Eraser Lines) стирают только либо заливку, либо границы. Ластик для выделенной заливки (Eraser Selected Fills) стирает заливку выделенную инструментом Выделение (Arrow Tool).