Задание № 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 можно задать адрес той страницы, которая откроется при нажатии кнопки.
|
|
|
Работа со слоями
Создать слой удалить слой
Спрятать/ защитить убрать/
Показать слой показать рамку
Слой
Слоииграют важную роль при создании безупречного анимационного файла. Для того чтобы создать анимацию перемещения одного объекта на рабочем поле на фоне других объектов (или фонового изображения), этот объект следует поместить на отдельный слой. Если вы хотите выполнить анимацию нескольких объектов на рабочем поле, следует разместить каждый объект на индивидуальном слое.
Кроме того, Macromedia Flash не отображает объекты, расположенные на скрытых слоях. Скрытые слои отлично подходят для того, чтобы временно скрыть некоторые объекты, пока вы не закончите работу со всеми оставшимися элементами на рабочем поле.
Кроме свойства активности, слои характеризуются еще тремя состояниями, которые определяют функционирование объектов на данном слое или их вид. Можно отобразить или спрятать слой, заблокировать /разблокировать объекты на нем и отобразить объекты слоя в виде контуров. Эти характеристики используются для организации работы. Чем больше объектов и слоев вы применяете, тем больше вам пригодятся в работе опции назначения состояния слоев.
Скрытые слои все равно отображаются в опубликованном Flash–фильме.
Можно не допустить редактирования объектов, если заблокировать слой, на котором они содержатся. Блокирование слоя применяется для того, чтобы избежать случайного изменения объектов.
Можно отобразить объекты в виде контуров различного цвета. Контуры помогают установить какие объекты находятся на определенных слоях, так как для каждого слоя используется отдельный цвет.
Чтобы отобразить в виде контуров содержимое всех слоев, кроме данного, нажмите клавишу Alt и щелкните под пиктограммой квадрата в строке выбранного слоя.
Создание слоев.
В контекстном меню окна слоев выбрать Insert Layer
Переименование слоев.
Переименовывать можно в любое время, любой слой и столь раз, сколько нужно.
1. Дважды щелкнуть на имени слоя
2. Ввести новое имя, enter.
Удаление слоев.
Если слой не нужен или содержит не нужные объекты, то его можно удалить. При удалении слоя, удаляются все содержащиеся на нем объекты.
1. Выделить слой (щелкнуть на имени)
2. Нажать кнопку Delete Layer – справа внизу окна слоев.
Копирование слоев.
Слой копируется вместе с содержимым всех его кадров.
1. Выделить слой.
2. Edit–Copy Frames
3. Щелкнуть на кнопке Insert Layers в контекстном меню окна слоев.
4. Выделить созданный слой, Edit–Paste Frames.
Изменение порядка слоев.
Порядок следования слоев в списке определяет порядок объектов на рабочем поле.. Следовательно, объекты на первом слое всегда располагаются сверху, объекты на втором слое по являются на один уровень ниже и т.д. Объекты последнего слоя оказываются на самом нижнем уровне рабочего поля. Наиболее простым и эффективным способом управления объектами является расположение их на различных слоях и перемещение слоев выше или ниже в списке слоев.
Для перемещения – щелкнуть на имени слоя и перетащить мышью в нужное место.
Замечание: изменение порядка слоев позволяет эффективнее выделять и редактировать объекты., находящиеся под другими объектами. для этого следует просто перетащить выбранный слой в верхнюю часть списка слоев. После выполнения редактирования объектов, перетащить его на прежнее место.
Задание № 5. Создать изображение (пальмы, море, небо, домики), используя слои.
1) На первом слое Пальмы нарисовать пальмы (по краям рабочего поля), раскрасить, удалить контур (дважды щелкаем на контуре, выделяем его и delete).
2) На первый слой повесить замок 3)Добавить слой Небо
4) На этом слое будем рисовать небо с помощью прямоугольника (раскрасить светло-голубым цветом) и два домика
Для правого домика выбрать синий цвет окраски,
Для левого - голубой
5) Добавить слой Море
6) Нарисовать море (прямоугольник) и выбрать для него сине-зеленый градиент
7)Если один слой не виден из-за другого, нужно поменять слои местами просто потянув Имя слоя мышкой
8) Создать мувиклип по теме и разместить на каком-то слое
Дата добавления: 2018-04-05; просмотров: 378; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!