Анімація метелики у флешh
У цьому уроці ви дізнаєтеся, як зробити анімацію метелики. Метелик буде анімована, і з вигляду зверху (як-ніби ви зверху на неї дивіться) і з боку как-будто вона просто Пархаев і сідає на сподобалася їй квітку.
Для цього уроку я використовував програму Macromedia Flash 8.
Для початку вам потрібно підготувати зображення метелика. Зображення метелика, слід помістити на прозорий фон і зробити з нього 2 окремих зображення (одне з крил і тільце). Можете скачати картинки. використані в даному уроці.
1 Створюємо новий документ з потрібними параметрами.
2 Імпортуємо в бібліотеку програми свої зображення метелика (крило і тільце).
3 Створюємо 3 шари і називаємо їх: (1 Telo, 2 Left Wing і 3 Right Wing).
4 Перебуваючи на шарі (Telo) перетягуємо з бібліотеки на сцену програми зображення тільця метелика.
5 Переходимо на шар (Left Wing), перетягуємо з бібліотеки зображення крила і поміщаємо його впритул зліва від тільця метелика (для більш точного розташування крила щодо тільця можна збільшити сцену в кілька разів).
6 Так як крила у метелика симетричні, зробимо з лівого крила і праве, для цього поки крило вибрати, натискаємо комбінацію кнопок "Ctrl + C", щоб копіювати його, потім переходимо на шар (Right Wing) і натискаємо комбінацію кнопок "Ctrl + Shift + V ", щоб вставити скопійоване зображення крила, це буде друге крило, потім йдемо в меню" Modify -> Transform -> Flip Horizontal ", щоб відобразити його по горизонталі і поміщаємо його впритул праворуч від тільця метелика.
8 Створюємо ключові кадри на 10 і 20 кадрі шару (Right Wing), Кількома правою кнопкою миші між 1-10 і 10-20 кадрами цього шару і зі списку вибираємо "Create Motion Tween", (Створити анімацію руху).
9 Переходимо на 1 кадр шару (Right Wing), вибираємо інструмент "Free Transform Tool (Q)", затискаємо центр зображення і переміщаємо його вліво (зміщуємо центр), те ж саме робимо на 10 і 20 кадрах.
10 Переходимо на 10 кадр і все темже інструментом "Free Transform Tool (Q)" звужує наше зображення крила в 4 рази, так як ми змістили центр до лівого краю воно буде звужуватися лише справа, а лівий край залишиться нерухомим (ВАЖЛИВО! Спочатку зробіть анімацію між ключовими кадрами, а вже потім звужуйте крило).
Аналогічно робимо і з лівим крилом, тільки центр зображення зміщуємо вправо.
11 На завершення анімації метелики створюємо порожній ключовий кадр на 20 кадрі шару (Telo), щоб тільце метелики весь час відображалося.
Можна протестувати, що у нас вийшло "Control -> Test Movie".
Тепер зробимо анімацію метелики виду збоку (на одній площині).
1 Створюємо новий документ.
2 Як тільки ви створили новий документ йдемо в меню "Insert -> New Symbol.", Щоб створити новий кліп, називаємо його "Babochka_mc", тиснемо "Ok" і ви відразу потрапляєте в створений мувик.
3 Імпортуємо в бібліотеку програми все теж зображення крила, а тільце метелики тепер необхідно виду збоку.
4 Перебуваючи в створеному мувіку перетягуємо з бібліотеки на сцену крило метелика.
7 Кількома інструментом "Selection Tool (V)" по крилу, щоб вибрати його, потім натисніть комбінацію кнопок "Ctrl + C", щоб скопіювати його, потім створіть новий шар і перебуваючи на ньому натисніть комбінацію кнопок "Ctrl + Shift + V", щоб вставити скопійоване зображення.
8 Створюємо новий шар, називаємо його (Telo), поміщаємо його між двома шарами (між крилами) і перебуваючи на цьому шарі поміщаємо на сцену програми зображення тільця. Підганяємо це тільце під наші крила інструментом "Free Transform Tool (Q)".
9 Вибираємо шар (Layer 1), можна перейменувати його в (Right Wing), щоб було видно, що це праве крило і перебуваючи на цьому шарі створюємо ключові кадри на 10 і 20 кадрі, натискаючи кнопку "F6" і відразу створюємо анімацію руху між цими кадрами.
10 Перебуваючи на 1 кадрі вибираємо інструмент "Free Transform Tool (Q)" і зміщуємо центр зображення крила в сторону тільця метелика, як ми це робили в 1 флешці 9 пункті, так проробляємо ще на 10 і 20 кадрі. Після цього переходимо на 10 кадр і темже інструментом звужує наше крило в 4 рази і трохи розтягуємо (зміщуємо вправо, а ліве крило вліво) звужене крило, це додасть об'ємності помахом крил.
Аналогічно робимо і з другим, лівим крилом.
11 Повертаємося на головну сцену, натискаючи на посилання.
12 Перебуваючи на головній сцені перетягуємо з бібліотеки мувик "Babochka_mc", в якому ми працювали і інструментом "Free Transform Tool (Q)" повертаємо нашу метелика так, як нам треба.
Можна протестувати, що у нас вийшло "Control -> Test Movie".
Частина 3: Анімація парханія / польоту метелика
Тепер, коли ми навчилися анімувати метелика, якщо спостерігати за нею з будь-якого ракурсу, можна приступити до анімації польоту метелика.
1 Створюємо новий документ з потрібними параметрами.
2 Імпортуємо в бібліотеку програми всі необхідні зображення, в тому числі і зображення фону.
3 Створюємо 3 шари: (Fon, Butterfly_1 і Butterfly_2).
4 Вибираємо шар (Fon) і поміщаємо по центру сцени зображення, яке буде служити фоном, переходимо на 150 кадр і створюємо порожній кадр, натискаючи кнопку "F5" для того, щоб фон був на всіх кадрах.
5 Переходимо на шар (Butterfly_1) і створюємо новий кліп, для цього йдемо в меню "Insert -> New Symbol.", Називаємо кліп "Butterfly_1_mc" і натискаємо кнопку "Ok", одночасно потрапляючи всередину цього кліпу.
6 Перебуваючи всередині створеного кліпу створюємо і анімуємо першого метелика (вид зверху).
7 Повертаємося на головну сцену.
8 Переходимо на шар (Butterfly_2) і створюємо новий кліп, для цього йдемо в меню "Insert -> New Symbol.", Називаємо кліп "Butterfly_2_mc" і натискаємо кнопку "Ok", одночасно потрапляючи всередину цього кліпу.
9 Перебуваючи всередині створеного кліпу створюємо і анімуємо другу метелика (вид збоку).
10 Повертаємося на головну сцену.
11 Переходимо на шар (Butterfly_1) і перетягуємо з бібліотеки на сцену мувик першої метелики "Butterfly_1_mc".
12 Тепер створюємо направляючу для польоту першої метелики, для цього натискаємо правою кнопкою миші по шару (Butterfly_1) і зі списку вибираємо "Add Motion Guide" і утворюється новий шар (Guide: Butterfly_1).
13 Перебуваючи на шарі (Guide: Butterfly_1), вибираємо інструмент "Pen Tool (P)", створюємо їм першу точку (де повинна починатися анімація польоту метелика), потім ставимо другу точку і утворюється пряма лінія, так ставимо точки кілька разів, створюючи ламану лінію, коли всі крапки розставлені і лінії між ними прокладені вибираємо наш мувик метелики і переміщаємо його по центру першої точки початку руху, щоб прив'язати його до направляючої.
14 Далі переміщаємо мувик метелики по направляючої лінії (якщо необхідно повертаємо метелика інструментом "Free Transform Tool (Q)"), створюючи при цьому кожен раз нові ключові кадри на шарі (Butterfly_1) при переміщенні. Головне, щоб політ починався і закінчувався за межами сцени, це буде виглядати цікавіше. Створюємо ключові кадри на 45, 50, 80, 100, 101, 120, 121, 125 і 150 кадрі. У проміжках з 45-50, 80-100 і 120-125 кадру можна не створювати анімацію, на цих ділянках метелик залишається на місці.
15 Перебуваючи на 101 і 120 кадрі вибираємо нашу метелика і видаляємо її, натискаючи кнопку "Delete", на цьому проміжку буде видно другий мувик, де метелик буде сідати на квітку. Коли всі кадри розставлені, метелик переміщена в кінцевий пункт (політ метелика завершено) створюємо анімацію руху між 1-45, 50-80 і 125-150.
16 Переходимо на шар (Butterfly_2), на 101 кадр і створюємо на ньому ключовий кадр, натискаючи на кнопку "F6". Перебуваючи на цьому кадрі перетягуємо з бібліотеки на сцену другий мувик метелики (Butterfly_2_mc) і виставляємо його на те місце сцени, де ми видалили перший мувик метелики.
17 Створюємо ключовий кадр на 105 кадрі тогоже шару і перебуваючи на ньому перемещаем метелика трохи нижче (як ніби вона сідає на квітку). Створюємо 115 ключовий кадр і залишаємо метелика в нижньому положенні (метелик сидить на квітці). Створюємо ключовий кадр на 120 кадрі і переміщаємо нашу метелика наверх (в початкове положення). Після цього створюємо аніммацію руху між 100-105 і 115-120 кадрами цього шару.
Все, ми завершили анімацію польоту / парханія метелики, тепер можна протестувати, що у нас вийшло "Control -> Test Movie".