Понедельник, 25.06.2018, 02:55Главная | Регистрация | Вход

Меню сайта

Точное время

Опрос Сайта

Как вы нашли мой Форум?
Всего ответов: 39

Поиск

Анимация формы - Форум
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Флеш » Flash Анимация » Анимация формы (класный ефект)
Анимация формы
Smitg9Дата: Вторник, 27.10.2009, 21:38 | Сообщение # 1
Подполковник
Группа: Администраторы
Сообщений: 109
Награды: 1
Репутация: 51
Статус: Offline
Анимацию во Flash можно условно разделить на три вида:
Покадровая анимация
Анимация движения
Анимация формы

Сегодня мы познакомимся с принципами создания анимации формы.

Начнем.
В отличие от анимации движения, анимация формы, работает только с примитивами, то есть с формами, созданными с помощью инструментов рисования. Так же как и в анимации движения в одном слое не должно быть больше одной анимированной формы.
А теперь давайте попробуем создать анимацию формы.
Я видел подобное где то на англоязычном сайте, мне очень понравился этот пример, думаю он понравиться и вам. Итак, приступим!

1. При помощи инструмента Oval Tool (O) создадим овальную форму, предварительно запретив создание контура, кликнув по перечеркнутому квадратику в палитре Stroke color.

2. В контекстном меню 20 кадра выберем команду Insert Keyframe (Вставить ключевой кадр). С помощью инструмента Selection Tool (V) преобразуем нашу форму следующим образом:

3. Если вы работает во Flash CS3 то в контекстном меню любого кадра расположенного между 1 и 20 выберем команду Create Shape Tween (Создать анимацию формы). Если вы работаете во Flash 8 то выделите любой кадр между 1 и 20 и перейдите в панель Properties и из раскрывающегося списка Tween выберем Shape

Протестируем ролик (Ctrl+Enter).
4. Теперь давайте сделаем так, чтобы наша капелька разделилась на две.

5. Как я уже сказал на одном слое не должно быть более одной анимированной формы. Создадим новый слой, кликнув по значку Insert Layer

6. Выделим 21 кадр в обоих слоях и сделаем его ключевым, выбрав в контекстном меню команду Insert Keyframe. Затем выделим любую из двух частей нашей формы и в контекстном меню выберем команду Вырезать (Cut). Выделим 21 кадр второго слоя и в меню Edit выберем команду Paste in Place.

7. Каждая из частей формы оказалась в своем слое, теперь можно продолжить работу над анимацией. Сделайте 30 кадр обоих слоев ключевым и создайте анимацию формы для каждого слоя, как это делается, вы уже знаете, если забыли, посмотрите 3 шаг. Панель Timeline должна выглядеть как на рисунке.

8. Теперь выберем инструмент Selection Tool (V) и с его помощью изменим форму наших капелек в 30 кадре так, чтобы движение было правдоподобным.
9. Сделаем 40 кадр обоих слоев ключевым и создадим анимацию движения в обоих слоях. Подредактируем в 40 кадре наши капельки чуть-чуть чтобы возникло впечатление останавливающихся капелек.
10. Ну вот анимация почти готова, не мешало бы применить к ней фильтры, но как это сделать? Ведь применение фильтров доступно только к муви клипам. Нам ничего не мешает создать пустой муви клип и скопировать туда то, что у нас получилось.
Итак, создаем новый символ Ctrl+F8, радио переключатель ставим в положение Movie clip.

11. Скопируем все содержимое панели Timeline, выделив при помощи инструмента Selection Tool (V) и применив команду контекстного меню Copy Frames.

12. Откроем только что созданный нами муви клип, кликнув по нему дважды в библиотеке. Выделим первый кадр и применим команду контекстного меню Paste Frames. Теперь у нас есть мувиклип с анимацией, и мы свободно можем применять к нему фильтры.

13. Вернемся на главную сцену, кликнув по значку сцены.

14. Удалим все содержимое панели Timeline, выделив при помощи инструмента Selection Tool (V) и применив команду контекстного меню Remove Frames.
Второй слой можно удалить, перетащив в корзину.

15. Сделаем первый кадр ключевым и из библиотеки перетащим на сцену муви клип с анимацией. Перейдем на панель Properties и откроем вкладку Filters.

16. Выделим на сцене муви клип и применим к нему фильтры, делается это так, нужно нажать на плюсик и из списка выбрать нужный фильтр. Я применил фильтры Bevel, Gradient Bevel и Drop Shadow (с настройками фильтров поиграйтесь сами) Ну вот и всё smile

 
Форум » Флеш » Flash Анимация » Анимация формы (класный ефект)
  • Страница 1 из 1
  • 1
Поиск:

portofollo.at.ua | Хостинг от uCoz