Покадровая анимация

С этим уроком также смотрят

Данный видеокурс расскажет, как с помощью Adobe® Flash® CS4 создавать анимацию, использовать необходимые программные инструменты, узнать и научиться пользоваться ActionScript® 3.0, и, наконец, сделать простейший Flash – сайт.

Adobe®, Flash® and ActionScript® are registered trademarks of Adobe® Systems Incorporated in the United States and/or other countries.

Обновлен: 11 сентября 2011

Создаем сайт на Flash,
TeachVideo - Администрирование и разработка сайтов

Loading the player...
Текст урока
Как создать покадровую анимацию?
 

Бывают случаи, когда необходимо сделать анимацию движения губ персонажа или движения каких-либо объектов на сцене и для этого иногда удобно пользоваться покадровой анимацией, то есть объект анимировать покадрово. Например, стоит такая задача, как сделать покадровую анимацию объекта, взлетающего вверх и падающего вниз.

Пусть это будет, некий мяч, поэтому выберите инструмент «Овал» и нарисуйте на сцене мячик, удерживая клавишу «Шифт».

Для создания покадровой анимации, выделите второй кадр и нажмите клавишу «F6». Данная горячая клавиша отвечает за создание ключевого кадра. Как видно, созданный ключевой кадр ничем не отличается от предыдущего. Сделаем так, чтобы он отличался. Переместим объект чуть выше, имитируя его взлет вверх. Затем снова нажимаем F6 и снова перемещаем объект и так повторяйте эти действия до тех пор, пока объект, то есть мяч не пройдет нужный путь. Как видите, создавать анимацию таким способом достаточно трудоемко и длительно. Но в некоторых случаях без покадровой анимации не обойтись. Если делать покадровую анимацию вручную, то она может получиться неестественно, поэтому рассмотрим другой вариант – это создание покадровой анимации с использованием направляющего слоя.

Итак, сначала удалим созданные кадры, для этого выделите все кадры кроме первого и нажмите комбинацию горячих клавиш «Шифт + ЭФ5». Затем заблокируем первый слой, создадим второй слой и нарисуем на сцене прямую линию с помощью инструмента «линия».

После чего выберите инструмент «выделение» и искривите линию вверх. Удерживая клавишу ALT, создадим две дополнительные точки и опустим их вниз. В результате должна получиться направляющая линия будущей анимации.

Теперь второй слой заблокируем, а первый разблокируем. Обратите внимание, чтобы привязка к объектам была включена. Чтобы привязать объект к направляющей линии, достаточно выделить его и центр объекта переместить на линию, тем самым центр объекта автоматически будет присоединяться к линии.

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

Комментарии (0)

Оглавление
Анимация в Adobe® Flash® CS4
1. Временная шкала 3:11 1 14903
2. Кадры и ключевые кадры (часть первая) 3:11 0 10829
3. Кадры и ключевые кадры (часть вторая) 2:01 0 14328
4. Покадровая анимация 3:24 0 14167
5. Режим многослойной структуры 3:36 0 6792
6. Редактирование нескольких кадров 1:07 1 4857
7. Анимация движения 1:52 0 12633
8. Сглаживание анимации 0:57 0 9168
9. Создание собственного анимационного пути 2:06 1 10467
10. Ориентация объекта по анимационному пути 2:10 0 12847
11. Анимация формы 1:41 2 8925
12. Подсказки формы 3:34 0 6073
13. Анимация маски 1:52 0 8907
Символы
14. Что такое символ 1:09 0 4592
15. Создание символа 2:05 0 4944
16. Редактирование символов 1:45 0 4268
17. Точка регистрации 1:55 0 4416
18. Графические символы и фрагменты ролика (часть первая... 3:24 0 5370
19. Графические символы и фрагменты ролика (часть вторая... 2:09 0 3763
20. Символ «кнопка» 3:26 0 7803
Фильтры
21. Работа с фильтрами (часть первая) 2:14 0 7218
22. Работа с фильтрами (часть вторая) 2:15 0 4810
23. Копирование анимации 1:46 0 4265
Программные инструменты
24. 3D Инструменты 2:45 0 5919
25. Инструмент «Аэрограф» 1:35 0 3736
26. Инструмент «Декор» 3:58 0 3466
27. Инструмент инверсивной кинематики «Кость» 2:35 0 6048
28. Инструмент «Связывание» 1:56 0 3067
29. Редактор движения 2:20 0 5041
ActionScript® 3.0
30. Введение в ActionScript® 2:27 0 6700
31. Команда «Стоп». Останавливаем анимацию (часть первая... 2:14 1 6986
32. Команда «Стоп». Останавливаем анимацию (часть вторая... 2:20 0 5309
33. Вывод данных (часть первая) 2:30 0 4216
34. Вывод данных (часть вторая) 2:14 0 3332
35. Переменные в ActionScript® 2:26 0 3508
36. Функции в ActionScript® 2:17 1 3697
37. Пишем функцию 3:02 0 3756
38. События мыши 2:32 0 6622
Создание простого flash сайта
39. Начало создания флэш-сайта (часть первая) 2:30 3 45402
40. Начало создания флэш-сайта (часть вторая) 1:47 3 20949
41. Навигация по сайту 3:51 1 17932
42. Переходы на флэш сайте 3:14 4 17843
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook