Практическая работа «Пошаговая анимация в Macromedia Flash»

Сопровождающие иллюстрации

Шаги

1. Создайте новый документ Macromedia Flash

2. Назовите первый слой Движение

3. На 1-ом кадре нарисуйте статические детали, т.е. рисунок, который не будет подвергнут изменению в других кадрах (туловище, голова)

4. Создадим еще семь таких же ключевых кадров. Для этого выделите мышкой символ первого кадра и нажмите клавишу <F6> семь раз

5. Вернитесь на первый кадр и дорисуйте ноги и руки человечку

6. Перейдите на второй кадр и включите режим Onion Skin (луковая кожа) Ноги и руки первого кадра будут видны чуть бледнее, нарисуйте новые для второго кадра

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

8. Выделите и опустите человечка на 1 и 5 кадрах

9. Выделите и приподнимите человечка на 3 и 7 кадрах.

10. Создайте второй слой и расположите его ниже слоя Движение.

11. На втором слое нарисуйте пейзаж

12. Запустите файл на просмотр с помощью клавиш Ctrl+Enter

13. Сохраните файл

Сопровождающие иллюстрации

Шаги

1. Создайте новый документ Macromedia Flash

2. На первом кадре нарисуйте круг и овал. Круг заполните градиентной заливкой (это будет мяч), а овал однородным серым цветом (это будет тень которую отбрасывает мяч). Каждый объект сгруппируем отдельно друг от друга.

3. Создадим второй ключевой кадр анимации. Для этого щелкнем правой кнопкой мыши на первом ключевом кадре и в появившемся меню выберем пункт Insert Keyframe На временной шкале появится второй ключевой кадр. Нарисуем звёздочку, сгруппируем (Modify/Group) её и поместим на изображение мяча.

4. Так же как и второй, создадим третий ключевой кадр и поместим на изображение мяча ещё одну звёздочку.

5. Один за другим создайте ещё 12 ключевых кадров, помещая всякий раз на изображение по одному объекту.

6. Теперь зададим вращения мячу. Для того, чтобы световой блик при вращении оставался на месте, сгруппируем все звёзды и месяцы (Shift+ объект и выбрать команду Modify/Group). Для создания иллюзии вращения вполне достаточно придать вращение размещённым на изображении объектам, при этом сам мяч может оставаться неподвижным. Поскольку вращение у нас будет неравномерным то в первом кадре, в котором мяч начнёт вращаться он должен будет повернуться, например на 10°. В следующем кадре – на 30°, потом – на 50° и так далее пока угол поворота за 1 кадр не составит 190°

7. Создайте очередной ключевой кадр и выполните команду Modify/Transform/Scale and Rotate. В диалоговом окне параметр Scale оставьте без изменения, а в поле Rotate введите значение 10 (При этом выделенными должны быть объекты на шаре).

8. Далее, создавая каждый последующий кадр, увеличивайте угол поворота на 20. Всё это создаст иллюзию вращения.

9. Теперь будем создавать разлёт звёзд и месяцев с поверхности мяча, который должен напоминать взрыв. Разгруппируйте объекты и снова сгруппируйте теперь только центральные объекты.

10. Создадим очередной ключевой кадр, переместим периферийные объекты от изображения мяча, а для центральной группы применим команду Scale and Rotate. В поле параметра Scale введём значение 150, а поле Rotate оставим прежнее значение.

11. Используем для анимации удаления объектов от мяча 5 кадров, в каждом из них будем сдвигать одни объекты и используя команду Scale and Rotate, увеличивать и вращать группу других до тех пор, пока периферийные объекты на покинут пространство кадра.

12. Два раза щелкните по кнопке Frame Rate и установите цвет фона голубой

13. Создадим последний кадр, удалив все звёзды и полумесяцы, запустим анимацию (Ctrl + Enter).

Сопровождающие иллюстрации

Шаги

1. Создайте новый документ Macromedia Flash

2. Два раза щелкните по кнопке Frame Rate и установите скорость показа равной 8, при желании можно изменить размеры сцены, цвет фона.

3. Создайте слои: Фон, Горшок, Цветок

4. Перейдите на слой Фон и нарисуйте задний план будущего ролика

5. Заблокируйте слой Фон, нажав кнопку под изображение замка, находящуюся справа от названия слоя.

6. Перейдите на слой Горшок и нарисуйте горшочек и заблокируйте слой.

7. Встаньте на кадре 4 слоя Цветок и выполните команду Insert / Timeline / Keyframe (или нажмите F6).

8. Выберите инструмент кисть, толщину и цвет нарисуйте маленький побег.

9. Встаньте на кадре 7 слоя Цветок и вставьте ключевой кадр. Дорисуйте побег.

10. Встаньте на кадре 10 слоя Цветок и вставьте ключевой кадр. Дорисуйте побег. И так далее, включая появление цветка, а дальше его увядание.

11. Сохранения во внутреннем формате (fla).

12. Запустите ролик на выполнение, Ctrl+Enter.

13. Обратите внимание – горшок исчез. Он есть только на слое горшок в 1 кадре. Для его размножения встаньте на слое горшок напротив последнего ключевого кадра слоя Цветок и нажмите F5

14. Запустите ролик на выполнение повторно.

15. Для сохранения ролика в формате gif выберите в меню File/Export команду Export Movie. Установите нужные опции (прозрачность, повторять). Выполните сохранение щелкнув по кнопке Опубликовать.

Сопровождающие иллюстрации

Шаги

1. Создайте новый документ Macromedia Flash

2. Нарисуйте контуры лягушки (то, что неподвижно)

3. Выделите первый кадр и нажмите клавишу F6 6 раз чтобы добавить 6 ключевых кадров (на каждом будет копия первого)

4. Вернитесь на первый кадр. Выберите инструмент кисть и нарисуйте глаза и муху.

5. Включите режим Onion Skin (луковая кожа) для того, что бы видеть то, что было на предыдущих кадрах.

6. Перейдите на следующий кадр и нарисуйте глаза и муху на новом кадре. И так пока не закончатся кадры

7. Выключить режим Onion Skin

8. Запустите файл на просмотр Ctrl + Enter

Сопровождающие иллюстрации

Шаги

1. Создайте новый документ Macromedia Flash

2. Переименуйте первый слой в «Пейзаж»

3. Выполните команду File / Import / Import to Stage и вставьте картинку с изображением пейзажа

4. Выберите инструмент Free Transform и растяните картинку так, чтобы она покрывала все рабочее поле

5. Создайте цепочку дублирующих кадров. Для этого выделите тридцатый кадр и нажмите клавишу <F5>

6. Заблокируйте слой «Пейзаж», нажав кнопку под изображением замка правее имени слоя.

7. Создайте новый слой «Авто» и расположите его над слоем «Пейзаж»

8. В первом кадре нарисуйте автомобиль без колес

9. Сгруппируйте нарисованную машинку: выделите все изображение слоя «Авто», используя инструмент Selection, и нажмите клавиши Ctrl +G

10. Сдвинте ваше авто за пределы рабочего поля в начало движения (смотрите по картинке на слое «Пейзаж»)

11. Создадим второй ключевой кадр. Для этого выделите первый кадр слоя «Авто» и нажмите клавишу <F6>

12. Сдвиньте немного автомобиль в сторону движения

13. Создайте еще один ключевой кадр и опять произведите сдвиг; и так до тех пор, пока машинка не скроется за противоположной границей рабочего поля

14. Нажмите клавишу Enter и просмотрите движение авто

15. Заблокируйте слой «Авто»

16. Создайте новый слой «Колесо1» и расположите его выше слоя «Авто»

17. Нарисуйте колесо и сгруппируйте его

18. Расположите его так, чтобы оно проектировалось туда, где должно быть колесо у автомобиля

19. Создайте второй ключевой кадр на слое «Колесо1» и выполните смещение колеса, так чтобы оно оказалось на нужном месте.

20. Поверните его на небольшой угол, используя инструмент Free Transform

21. Проделайте эти операции во всех кадрах с участием автомобиля

22. Выделите всю последовательность кадров слоя «колесо1» и командой Edit / Copy Frames скопируйте их в буфер

23. Создайте новый слой «Колесо2» и командой Edit / Paste Frames вставьте кадры

24. Поставьте каждое колесо на место и просмотрите результат

25. Сохраните ролик