Кадры и ключевые кадры (часть первая)

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

Данный видеокурс расскажет, как с помощью 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...
Текст урока
Создание простой Флеш анимации
 

В этом уроке Вы узнаете о кадрах и ключевых кадрах, а также научитесь создавать анимацию мигающего квадрата на сцене.

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

Теперь, создадим простую анимациюмигание нарисованного квадрата. Для создания такой анимации, вы должны сначала задать себе вопрос «сколько данная анимация будет длиться по времени». Например, Вы хотите, чтобы данный квадрат оставался на сцене одну секунду, а затем исчезал. Одна секунда – это 24 кадра.

Это можно узнать из скорости перемещения воспроизводящей головки по временной шкале. В результате, нужно сделать так, чтобы квадрат оставался на сцене 24 кадра, а затем пропадал. Для этого, выделите 25-й кадр, в котором квадрат должен исчезнуть. О выделении свидетельствует, окрашенный в голубой цвет, прямоугольник.

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

В результате, 24-кадра, то есть одну секунду, квадрат находится на сцене, а 25-тый кадр становится пустым, т.к. квадрат в текущий момент удален.

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

В результате тестирования анимации видно как, квадрат одну секунду находится на сцене, затем исчезает ровно на одну секунду.

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

Оглавление
Анимация в Adobe® Flash® CS4
1. Временная шкала 3:11 1 15020
2. Кадры и ключевые кадры (часть первая) 3:11 0 10985
3. Кадры и ключевые кадры (часть вторая) 2:01 0 14432
4. Покадровая анимация 3:24 0 14405
5. Режим многослойной структуры 3:36 0 6849
6. Редактирование нескольких кадров 1:07 1 4893
7. Анимация движения 1:52 0 12772
8. Сглаживание анимации 0:57 0 9481
9. Создание собственного анимационного пути 2:06 1 10575
10. Ориентация объекта по анимационному пути 2:10 0 12989
11. Анимация формы 1:41 2 8993
12. Подсказки формы 3:34 0 6143
13. Анимация маски 1:52 0 9021
Символы
14. Что такое символ 1:09 0 4623
15. Создание символа 2:05 0 5001
16. Редактирование символов 1:45 0 4328
17. Точка регистрации 1:55 0 4477
18. Графические символы и фрагменты ролика (часть первая... 3:24 0 5477
19. Графические символы и фрагменты ролика (часть вторая... 2:09 0 3791
20. Символ «кнопка» 3:26 0 7861
Фильтры
21. Работа с фильтрами (часть первая) 2:14 0 7392
22. Работа с фильтрами (часть вторая) 2:15 0 4861
23. Копирование анимации 1:46 0 4306
Программные инструменты
24. 3D Инструменты 2:45 0 6107
25. Инструмент «Аэрограф» 1:35 0 3775
26. Инструмент «Декор» 3:58 0 3515
27. Инструмент инверсивной кинематики «Кость» 2:35 0 6199
28. Инструмент «Связывание» 1:56 0 3090
29. Редактор движения 2:20 0 5125
ActionScript® 3.0
30. Введение в ActionScript® 2:27 0 6757
31. Команда «Стоп». Останавливаем анимацию (часть первая... 2:14 1 7061
32. Команда «Стоп». Останавливаем анимацию (часть вторая... 2:20 0 5348
33. Вывод данных (часть первая) 2:30 0 4242
34. Вывод данных (часть вторая) 2:14 0 3355
35. Переменные в ActionScript® 2:26 0 3536
36. Функции в ActionScript® 2:17 1 3722
37. Пишем функцию 3:02 0 3777
38. События мыши 2:32 0 6672
Создание простого flash сайта
39. Начало создания флэш-сайта (часть первая) 2:30 3 45681
40. Начало создания флэш-сайта (часть вторая) 1:47 3 21061
41. Навигация по сайту 3:51 1 18178
42. Переходы на флэш сайте 3:14 4 17944
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook