Доброго времени суток, товарищи!

Сейчас я Вам расскажу, как можно быстро создать морфинг (плавный переход с одного объекта в другой) с помощью программного пакета Adobe Flash CS4.

Заодно, я открою "линейку" уроков по технологии Flash и ActionScript. Правда, сегодня для простого морфинга нам ActionScript не понадобится

Вот, что-то типа такого должно получится:

View Demo

Ну что, летс гоу?

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

.2 В первом кадре рисуем круг с помощью инструмента Oval Tool (O).

В этом же слое на 30 кадре создаем ключевой кадр (F7) или правой кнопкой мыши на кадре и выбираем Insert Blank keyframe.

Рисуем в этом кадре прямоугольник с помощью инструмента Rectangle Tool (R).

Далее на 60 кадре снова создаем ключевой кадр и рисуем в нем овал.

Такие же самые действия делаем на 90 и 120 кадре, в которых рисуем другие фигуры.

По желанию, Вы можете разукрасить Ваши фигуры разными цветами или градиентами, это уже по вкусу

.3 Далее возвращаемся к 1-му кадру и копируем его, с помощью вызова контекстного меню и выбора Copy Frames.

Переходим к 160 кадру и вставляем наш скопированный 1-й кадр (Paste Frames).

Теперь нам надо создать сам морфинг - анимацию преобразования разных фигур друг в друга.

.4 Кликаем правой кнопкой мыши на 1 кадре и вызываем контекстное меню, где выбираем Creat Shape Tween.

Если Вы всё правильно сделали, то на Timeline должна появится стрелка на зеленом фоне, которая направлена в сторону следующего кадра.

Это стрелка символизирует морфинг. В инспекторе свойств кадра (Ctrl + F3) должно появиться выпадающее меню Blend, в нем нужно выбрать способ превращения, я выбрал Angular (быстрая трансформация).

.5 Повторяю предыдущий шаг для всех остальных ключевых кадров, кроме последнего.

.6 Всё! Морфинг готов! Жмем Ctrl + Enter и наслаждаемся результатом!

Скоро опубликую ещё парочку интересных уроков по Флэшу, так что stay in touch! А ещё расскажу, как создать простенькую галерею! И, чтобы не пропустить интересный материал, подписывайтесь на RSS!

Download source

Хорошие и полезные статьи о Веб-дизайне и уроки Flash. Рекомендую!

Хотите узнать больше о маркетинге и монетизации блога? Тогда, Вы обязательно должны почитать этого блоггера! Он научит Вас зарабатывать в Интернете!

(проголосовало: 7, средняя оценка: 4.14 с 5)
 Loading ...