Анімація форми - уроки 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.

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

13. Повернемося на головну сцену, клікнувши по значку сцени.

14. Вилучимо весь вміст панелі Timeline. виділивши за допомогою інструменту Selection Tool (V) і застосувавши команду контекстного меню Remove Frames.

Другий шар можна видалити, перетягнувши в кошик.

15. Зробимо перший кадр ключовим і з бібліотеки перетягнемо на сцену муві кліп з анімацією. Перейдемо на панель Properties і відкриємо вкладку Filters.

16. Виділимо на сцені муві кліп і застосуємо до нього фільтри, робиться це так, потрібно натиснути на плюсик і зі списку вибрати потрібний фільтр. Я застосував фільтри Bevel. Gradient Bevel і Drop Shadow (з настройками фільтрів пограйте самі) і ось що у мене вийшло: