Понятие символа. Типы символов. Работа с символами
Символ (symbol) – это многократно используемый объект. Символы бывают 3-х видов:
клип (анимация)
кнопка
графический рисунок
Экземпляр (instance) – это копия символа на сцене.
С помощью символов можно уменьшить размер файла и упростить редактирование сцены.
Для создания символов клипа и кнопки существуют два способа:
Создание нового символа Insert – Symbol. При этом VG перейдет в режим редактирования символа
Создание символа путем преобразования существующего изображения в символ (контекстное меню Convert to symbo или F8)
Графический символ = импортированный рисунок, хранящийся в каком-либо файле.
Все символы, относящиеся к данному анимационному файлу, сохраняются в библиотеке. Просмотреть содержимое библиотеки можно путем выбора пункта меню Window - Library.
Задание № 2. Создание графического символа и на его основе анимации
Создаем Effect – вращающийся закрашенный круг с надписью внутри |
|
1. Нарисовать в рабочей области круг, используя инструмент Oval Tool (клавиша О). Раскрасить его. Затем поверх круга добавить текст с помощью инструмента Text Tool (клавиша Т). Чтобы задать параметры написанного текста, нужно в панели Properties выбрать шрифт, размер, цвет текста и т.п. При этом все изменения, производимые на панели Properties будут воздействовать на текст, если он в этот момент активен |
|
1. Выделить символ при помощи инструмента Selection Tool , вызвать контекстное меню Convert to symbol. В появившееся окно ввести имя символа и указать тип символа. В качестве имени задать Effect и выбрать тип Movie Clip, после чего н ажать Enter. В библиотеке появится этот символ. Теперь можно перетаскивать с помощью мыши символы из библиотеки на сцену клипа. Причем можно использовать сколько угодно экземпляров одного и то же символа, производя над экземплярами различные преобразования. |
|
3. В данном примере нам понадобится по одному экземпляру символа Effect на пяти ключевых кадрах. Выделим 1 кадр и перетащим в него символ Effect, если его удалили после конвертации.
|
|
4. С помощью контекстного меню, пункта Insert KeyFrame сделать ключевыми 20-й и 40-й, 60-й и 80-й кадры. В каждый из этих кадров перенести символ Effect, позиционировав его в одно и то же место на сцене. При этом содержимое 20-го, 40-го, 60-го и 80-го кадров сейчас повторяют 1-й кадр. |
|
5.Сделать активным 20-й кадр и применить трансформацию к символу: Free Transform Tool, в соответствующей панели задать параметр Rotation=90.Аналогичную трансформацию применить к 40, 60, 80 кадрам. Параметр Rotation=90, 180, 270 и 360 соответственно |
|
6. Выбрать в панели времени 2-ой кадр и нажать правую кнопку мыши. В появившемся меню выбрать пункт Create Motion Tween. Повторить то же самое для 21-го, 41-го, 61-го кадров.
|
|
7.Посмотреть анимацию. |
|
Задание № 3
Создание символа «клип» (анимация, мультфильм)
1. Insert – Symbol, выбрать тип «клип» (анимация), задать клипу имя, ОК – переходите в режим редактирования символа. Переходить в режим редактирования символа можно, дважды щелкнув на значке символа в библиотеке. |
|
3.Нарисовать мультфильм, состоящий из нескольких кадров (1, 10, 20-50). Фон – еловый лес (Brush Tool). На этом фоне появляются и растут грибы (увеличиваются) и трава (появляется и растет).
Нарисовав гриб, можно преобразовать его в символ и с ним работать. |
2-й
кадр
|
3. Когда создан клип, его можно перетащить в какой-то кадр. Например, в кадр, в котором имеется светящееся солнышко. Нарисовать солнышко с лучиками в 1-ом кадре основной сцены, преобразовать его в символ и применить к нему эффект: контекстное меню, Effect – Add…, выбрать Radiate и Duration=50, ОК |
|
5. Сохранить анимацию в формате swf: Filt – Export Flash Movie, выбрать папку, имя и формат swf. |
|
4. Посмотреть анимацию swf. |
|
Кнопка – это одна из разновидностей символов. С помощью кнопок можно организовывать интерактивное взаимодействие между пользователем и клипом.
В VG каждой кнопке сопоставляется 4 кадра:
Кадр Up соответствует изображению кнопки, когда она находится в поднятом (не нажатом) состоянии.
Кадр Over соответствует изображению кнопки, когда над ней находится курсор мыши.
Кадр Down соответствует нажатому состоянию кнопки.
Кадр Hit задает область изменения состояний кнопки. Изменения будут происходить, если курсор мыши находится в этой области.
Задание № 4
Создание кнопки
1. Нажать Insert – Symbol. В появившемся окне выбрать тип символа – Button и задать имя, после чего нажать Enter. При этом VG перейдет в режим редактирования кнопки. Как вы можете видеть, на панели времени имеется 4 кадра с именами Up, Over, Down и Hit. В настоящее время активным является кадр Up. Щелкнуть на нем и создать в первом кадре круг, используя инструмент Oval Tool (клавиша О). Раскрасить его.
|
|
2. Выделить второй кадр, вызвать для него контекстное меню и выбрать Insert KeyFrame, изменить цвет круга, который появится во 2-ом кадре и будет копировать круг 1-го кадра.
|
|
3.Аналогично превратить в ключевые еще два кадра, изменив в них изображение круга соответственно. Поверх круга добавляется и изменяется текст с помощью инструмента Text Tool (клавиша Т). Кнопка готова. |
|
4.Кнопка готова. Поместить ее из библиотеки в 1-ый кадр основной сцены перетаскиванием. |
|
4. Чтобы просмотреть работу кнопки, сохранить анимацию в формате swf и воспроизвести, наблюдая за интерактивными изменениями. |
|
Замечание. Если опубликовать созданную кнопку в HTML-файле, то потребуется, чтобы при нажатии кнопки осуществлялся переход к какой-либо HTML-странице. Чтобы организовать такой переход, надо подвести курсор мыши к изображению кнопки на сцене и нажать правую кнопку. В появившемся меню выбрать пункт Actions. Откроется окно редактирования событий, связанных с данной кнопкой. В расположенном слева списке найти надпись getURL и дважды нажать на ней. При этом внизу появятся элементы управления для настройки параметров события getURL. В строке ввода с именем URL можно задать адрес той страницы, которая откроется при нажатии кнопки.

1-й
кадр
3-й кадр