Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Гриценко Е.М., Никитина Т.В. Человеко-машинное взаимодействие. Создание анимации средствами Macromedia Flash MX.pdf
Скачиваний:
168
Добавлен:
02.05.2014
Размер:
1.69 Mб
Скачать

перетащите его к одной из конечных точек траектории. Символ притянется к этой точке (рисунок 7). Если при перемещении вдоль траектории отклонить символ от нее, символ (или группа) по-прежнему притянется к траектории.

6.Переместите указатель шкалы времени на конечный ключевой кадр трансформации и выполните действия из шага 3.

3.

Задание: создать анимированный фильм.

Содержание: облака перемещаются слева направо, самолет по заданной траектории.(рисунок 8)

Ответ на вопросы.

В: Как изменить размер объекта?

В: Как установить прозрачность цвета?

В: Какая горячая клавиша позволяет вставить в сцену keyframe?

В: Пустой keyframe?

Рисунок 8

Scale and Rotate

Alpha-0%

F6

F7

Лабораторная работа №4 Работа с масками в Flash.

Вид и место

 

 

п/

самостоятель

Содержание самостоятельной работы

Предполагаемый результат

пл.

ной работы на

 

занятии

 

 

1.ФормироваЗадание: Сделать следующую анимацию: Крутятся две ние умения и окружности, одна вложена в другую. Меньшая – против

навыков

часовой стрелки, большая – по часовой. При это они

творческого

постепенно уменьшаются в размерах. Цвет окружностей

характера.

постепенно изменяется: от прозрачного к насыщенному.

 

Одновременно с этим в центре крутится снежинка из

 

линий, которая наоборот увеличивает свои размеры.

 

Потом все останавливается и появляется стрелочка,

 

движущая к центру.

2.Закрепление и

уточнение

Задание: Создайте в Flash надпись из двух букв. Получить

нового

качественную имитацию написания в ручную.

материала.

Способ выполнения задания:

 

1.

Создайте в Flash надпись из двух букв. Разместите их

 

 

на разных слоях. (рисунок 6)

 

2.

Нам будут нужны 4 слоя: два слоя с буквами и два

 

 

слоя в которых мы будем делать маски. Это нужно для

 

 

того, чтобы сначала написать одну, а затем другую

 

 

букву.

 

3.

Выбираем слой, который будет маской для буквы А и

 

 

кликаем правой кнопкой по его названию. В

 

 

появившемся меню выбираем пункт Mask.(рисунок 7)

 

4.

Начинаем создавать ключевые кадры, в каждом из

 

 

которых помаленьку закрашиваем нашу букву при

 

 

помощи инструмента brush. Закрашивайте так, как

 

 

если бы вы писали букву А. (рисунок 8)

(рисунок 1)

(рисунок 2)

(рисунок 3)

 

(рисунок 4)

 

(рисунок 5)

(рисунок 6)

5.Если все сделать правильно, делать достаточно короткие штрихи при переходе от отдного кадра к другому, то получиться вполне качественная имитация написания в ручную. Особенно эффектно она смотрится на больших надписях.

Ответы на вопросы. В: Как изменить размер сцены?

В: Как сделать текущий слой маской?

(рисунок 7)

(рисунок

8)

Выбрать modify/movie/dimensions

Вызвать контекстное меню и выбрать Mask

Лабораторная работа №5, 6 Создание меню. Использование Tell Target.

Вид и место

 

 

п/

самостоятель

Содержание самостоятельной работы

Предполагаемый результат

пл.

ной работы на

 

занятии

 

 

1.Закрепление и Задание: Создайте меню с фоном и четырьмя кнопками,

уточнение

при наведении курсора мыши в нижней части появляется

 

знаний.

текст, более расширенно поясняющий, какую

 

 

информацию получит пользователь, нажав на кнопку.

 

 

Способ выполнения задания:

 

 

Начнем с создания новой сцены с фоном и четыремя

 

 

кнопками. Это будет наш фон (рисунок 1).

 

 

Сделайте новый слой, напишите на нем текст (в нашем

 

 

случае это "авторы") и нажмите F8. Выберите тип button и

 

 

дайте ему имя. После этого начните редактирование

 

 

готовой кнопки (рисунок 2).

(рисунок 1)

 

Создайте два слоя - один с нашим текстом и еще один с

 

каким-либо фоном. Сделайте полупрозрачный фон белого

 

 

цвета. Задайте основные положения кнопки по вашему

 

 

желанию (up, over и down) (рисунок 3).

 

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

Выберите тип Movie Clip и назовите его helper (название может быть любым). (рисунок6)

Подредактируйте свой клип таким образом, чтобы в первом кадре ничего не было, а во всех остальных были различные тексты поясняющие ту или иную кнопку. Например:

ТЕКСТЫ К ПЕСНЯМ ИЗВЕСТНЫХ РОССИЙСКИХ И ЗАРУБЕЖНЫХ ИСПОЛНИТЕЛЕЙ.

МУЗЫКА К ПЕСНЯМ ИЗВЕСТНЫХ РОССИЙСКИХ И ЗАРУБЕЖНЫХ ИСПОЛНИТЕЛЕЙ.

ФОТОГРАФИИ ИЗВЕСТНЫХ РОССИЙСКИХ И ЗАРУБЕЖНЫХ ИСПОЛНИТЕЛЕЙ. ИЗВЕСТНЫЕ РОССИЙСКИЕ И ЗАРУБЕЖНЫЕ ИСПОЛНИТЕЛИ.

В первом кадре создайте action stop, чтобы ваш ролик не начал проигрываться при вызове.(рисунок 7)

Задайте каждому из состояний ролика свою метку. Например(рисунок 8)

первый кадр - Start

кадр с текстом для первой кнопки - text для второй кнопки - autor

и т.д.

Перейдите в режим редактирования основной сцены и вызовите свойства вашего movie clip (см. рисунок 9). Обратите внимание на то, что справа от списка символов Flash (клипов, кнопок и прочего) есть пункт Instance options. Задайте вашему movie clip какое-нибудь instance

(рисунок 2)

(рисунок 3)

name. Например, helper. (рисунок10)

После этого перейдите на слой с кнопками и каждой из них задайте свой Action. Обратите внимание на картинку 11. Там показан пример подобного Action.

Давайте немного поясним, что у нас происходит. В первой части мы при наведении на кнопку мышки (roll over) говорим (tell target) нашему movie clip, что ему нужно перейти на метку text. После этого мы при клике или отводе мышки от кнопки возвращаем наш movie clip в исходное (start) положение. Распишем Action для каждой кнопки.

Текст: On(Roll Over)

Begin Tell Target (“/helper”) Go to and Stop (“text”)

End Tell Target End On

On(Press, Roll Out)

Begin Tell Target (“/helper”) Go to and Stop (“start”)

End Tell Target End On

Авторы: On(Roll Over)

Begin Tell Target (“/helper”) Go to and Stop (“autors”)

End Tell Target End On

On(Press, Roll Out)

Begin Tell Target (“/helper”) Go to and Stop (“start”)

End Tell Target

(рисунок 4)

(рисунок 6)

(рисунок 5)

(рисунок 7)

(рисунок 8)

Музыка: End On On(Roll Over)

Begin Tell Target (“/helper”) Go to and Stop (“music”)

End Tell Target End On

On(Press, Roll Out)

Begin Tell Target (“/helper”) Go to and Stop (“start”)

End Tell Target End On

Фотографии: Аналогично, метка foto.

Ну вот, а в результате при наведении на ту или иную кнопку у нас в определенном месте появляется определенная подсказка.

2.ФормироваЗадание: Используя метод Tell Target создать меню в ние умений и котором отображены такие разделы:

навыков

НЛО (миф или реальность),

творческого

РЕКЛАМА (двигатель чего?),

характера.

НАШИ ИСТОКИ (что появилось первым: курица или

 

яйцо.)

 

МОДА (ее значение в жизни современного человека)

 

При наведении курсора мыши в нижней части появляется

 

текст, более расширенно поясняющий, какую

(рисунок 9)

(рисунок 10)

(рисунок 11)