В этом уроке мы будем изучать motion и shape tween. Узнаем, как с помощью движения плоских объектов можно имитировать 3D. Вот что должно получиться в итоге:

В этом уроке мы будем изучать "motion" и "shape" "tween".
Узнаем, как с помощью движения плоских объектов можно имитировать 3D.
Вот что должно получиться в итоге:

1)Для начала откроем флэш, в данном случае версия приложения не имеет разницы.

2)Создаем слой, называем его "Передний план" и рисуем в нем машину в профиль, без колес.

3)Копируем изображение на второй слой и называем его "Задний план".

4)Редактируем передний план, убираем начертание кисти на капоте, стекле и бампере.

5)Редактируем задний скин, убираем ненужную (Заднюю часть машины), продлеваем лобовое стекло, убираем фару. Планы нужно наложить друг на друга, чтобы они слились в одну картинку.

6)Создаем "MovieClip", рисуем в первом кадре колесо на двадцатом кадре нажимаем "F5", затем правая клавиша мыши "create(classic) motion tween", после чего F6"insert keyframe"(вставлям ключевой кадр). Выделяем первый кадр, в "properties"(свойства)-"tweening"-"rоtate"(поворот) задаем "CCW" и количество вращений "1".

7)Создаем второй "MovieClip", помещаем в него из библиотеки первый, созданный нами "MovieClip".
на 50м кадре нажимаем F5, затем правая клавиша "create motion tween"(классическая анимация движения), после чего "insert keyframe". на восьмидесятом кадре нажимаем "F5", затем правая клавиша "create motion tween"(классическая анимация движения,после чего "insert keyframe"(добавить ключевой кадр). Выбираем "modify"-"transform"-"free transform"(свободная трансформация) и слегка сжимаем наше колесо по оси "Х". Нажимаем "F5" на 125 кадре.

8)Создаем второй слой, на 50 кадре нажимаем правую клавишу мыши и создаем "insert blank keyframe"(создать пустой ключевой кадр). Рисуем в нем половинку колеса с еле заметным продолжением в виде 2х линий перед срезанием,(Они пригодятся нам во время трансформации). На 80м кадре нажимаем F5, затем правая клавиша "create shape tween"(анимация формы), после чего "insert keyframe"(добавить ключевой кадр). Передвигаем нашу половинку колеса немного влево, и вытягиваем те 2 линии, которые мы нарисовали на концах полукруга к верхней и нижней части колеса первого слоя.
Нажимаем "F5" на 125 кадре. Затем правая клавиша "create shape tween"(анимация формы),после чего "insert keyframe"(вставить ключевой кадр).

9)Перетаскиваем второй "MovieClip" на сцену и редактируем его "Free Transform" чтобы подошло по размерам к заранее нарисованным слотам на нашей машине.

10)Скопируйте колесо три раза и разместите все четыре колеса на новых слоях. Два передних колеса сразу после переднего плана размещаем с названиями "Колесо 11" и "Колесо 12". Два колеса, которые должны быть на заднем плане размещаем в слоях после заднего плана.

11)Выделяем все детали на сцене и перетаскиваем их за сцену вправо(Оттуда поедет машина).

12)создаем на 50 кадре для всех слоев "MotionTween"(классическая анимация движения) и "Keyframe"(ключевой кадр). Опять же выделяем все детали и перетаскиваем их немного правее центра сцены. Здесь машина начнет якобы поворачивать.

13)На 125 кадре создаем опять "MotionTween" и "Keyframe".
А теперь самое главное. Увеличиваем все детали в размерах приблизительно на 45% и перетаскиваем машину за кадр вправо и немного вниз. Далее выбираем "Free Transform" и сжимаем передний план по оси "Х" на ту же величину, что и колесо во втором "MovieClip". подвигаем колеса переднего плана на их места, которые слегка сместились. Колеса заднего плана подвигаем по пропорциям на глаз(как по вашему красивее выглядеть будет). При желании можно подвинуть задний план и колеса влево, для получения большего эффекта разворота.

МАШИНА ГОТОВА. Самостоятельно нарисуйте фон на отдельном слое.

Дата добавления: 2015-09-29