Доброго времени суток, товариші!
Зараз я Вам розповім, як можна швидко створити морфинг (плавний перехід з одного об'єкта в інший) за допомогою програмного пакету Adobe Flash CS4.
Заодно, я відкрию "лінійку" уроків за технологією Flash і ActionScript. Правда, сьогодні для простого морфинга нам ActionScript не знадобиться
Ось, щось типу такого маємо отримати:
Ну що, летс гоу?
.1 Створюємо новий документ.
.2 В першому кадрі малюємо коло за допомогою інструменту Oval Tool (O).
У цьому ж шарі на 30 кадрі створюємо ключовий кадр (F7) або правою кнопкою миші на кадрі і вибираємо Insert Blank keyframe.
Малюємо в цьому кадрі прямокутник за допомогою інструменту Rectangle Tool (R).
Далі на 60 кадрі знову створюємо ключовий кадр і малюємо в ньому овал.
Такі ж самі дії робимо на 90 і 120 кадрі, в яких малюємо інші фігури.
За бажанням, Ви можете прикрасити Ваші фігури різними кольорами або градієнтами, це вже за смаком
Переходимо до 160 кадру і вставляємо наш скопійований 1-й кадр (Paste Frames).
Тепер нам треба створити сам морфинг - анімацію перетворення різних фігур один в одного.
.4 Кількома правою кнопкою миші на 1 кадрі і викликаємо контекстне меню, де вибираємо Creat Shape Tween.
Якщо Ви все правильно зробили, то на Timeline повинна з'явиться стрілка на зеленому тлі, яка спрямована в бік наступного кадру.
Це стрілка символізує морфинг. В інспектора властивостей кадру (Ctrl + F3) має з'явитися меню, що випадає Blend. в ньому потрібно вибрати спосіб перетворення, я вибрав Angular (швидка трансформація).
.5 Повторюю попередній крок для всіх інших ключових кадрів, окрім останнього.
.6 Все! Морфинг готовий! Тиснемо Ctrl + Enter і насолоджуємося результатом!
Скоро опублікую ще парочку цікавих уроків по флеш. так що stay in touch! А ще розповім, як створити простеньку галерею! І, щоб не пропустити цікавий матеріал, підписуйтесь на RSS!
Хороші і корисні статті про Веб-дизайн та уроки Flash. Рекомендую!
Хочете дізнатися більше про маркетинг і монетизації блогу? Тоді, Ви обов'язково повинні почитати цього блогера! Він навчить Вас заробляти в Інтернеті!
ФМ: Михайленко Олег.
Звідки: Україна, Київ.
Рід занять: Web, UI дизайн.