Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Лабор_1_VG.doc
Скачиваний:
3
Добавлен:
01.05.2025
Размер:
3.82 Mб
Скачать

Понятие символа. Типы символов. Работа с символами

Символ (symbol) – это многократно используемый объект. Символы бывают 3-х видов:

  • клип (анимация)

  • кнопка

  • графический рисунок

Экземпляр (instance) – это копия символа на сцене.

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

Для создания символов клипа и кнопки существуют два способа:

  1. Создание нового символа Insert – Symbol. При этом VG перейдет в режим редактирования символа

  2. Создание символа путем преобразования существующего изображения в символ (контекстное меню 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). На этом фоне появляются и растут грибы (увеличиваются) и трава (появляется и растет).

Нарисовав гриб, можно преобразовать его в символ и с ним работать.

1-й кадр

2-й кадр

3-й кадр

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 можно задать адрес той страницы, которая откроется при нажатии кнопки.