Кладена анімація - студент малює все сам.

9. Зміна швидкості анімації

Завдання для роботи: Студент малює свою машину, пейзаж. Створює анімацію руху машини по траєкторії. При підйомі в гірку рух автомобіля сповільнюється. Колеса автомобіля повинні обертатися. Для створення такої анімації потрібно створити символ Машина, складовою частиною якого будуть два однакових (вкладених) кліпи Колесо, які імітують обертові колеса.

Приклад :

Для створення такої анімації нам потрібно створити символ Машина, складовою частиною якого будуть два однакових (вкладених) кліпи Колесо, які імітують обертові колеса.

Таким чином,один кліп розташований усередині іншого, причому кожний з них має свою тимчасову шкалу: для кліпу Машина встановлена анімація руху у вигляді руху по заданій траєкторії, кліп Колесо забезпечує вкладену анімацію — обертання коліс.

Практика :Перейменуйте шар Layer 1 у Фон й намалюйте фоновий малюнок. Заблокуйте шар від змін.

Практика :Створіть новий шар Шлях і намалюйте на ньому за допомогою інструмента траєкторію руху машини.

Практика :Створіть новий символ Машина (клавіші Ctrl-F8), виберіть тип символу Movie Clip. Намалюйте корпус машини .

Для того, щоб колеса оберталися, нам потрібно замість простого графічного символу Колесо використати кліп (символ типу Movie Clip). Після цього ми додамо анімацію (обертання) усередині цього кліпу.

Практика : Створіть новий символ (Ctrl+F8) типу Movie Clip (кліп) з ім'ям Колесо Намалюйте на поле кліпу Колесо так, щоб центр обертання виявився в тім же місці, що й хрестик (крапка реєстрації).

Практика :У кадрі 30 кліпу Колесо вставте новий ключовий кадр і включите анімацію руху для кадру 1. На панелі Properties установите обертання (Rotation) по годинній стрілці (CW) на 2 оберти (2 times). Переглянете результат.

Практика :Відкрийте кліп Машина в режимі редагування. Виберіть зі списку кліп Колесо. Зістикуйте Колесо з корпусом. У такий же спосіб вставте друге колесо.

Практика :Поверніться до редагування сцени. Створіть шар Машина й додайте в кадр 1 машину з бібліотеки так, щоб вона виявилася на червоній лінії ліворуч від видимої області.

Практика : Зробіть так, щоб шар Шлях став шаром напрямних для шару Машина. Для цього треба у властивостях Шлях (права кнопка миші — Properties) вибрати варіант Guide, а у властивостях Машина встановити Guided.

Практика :У кадрі 80 шару Машина вставте новий ключовий кадр (F6) і розташуєте машину праворуч від видимої області так, щоб її центр обертання (білий кружок) виявився на напрямній лінії. У кадрі 80 інших шарів вставте нові проміжні кадри (F5).

Практика: Для кадру 1 шаруючи Машина включите анімацію руху й відзначте прапорці Orient to Path й Snap на панелі Properties.

Якщо перейти в кадр, де включена анімація руху, і клацнути по кнопці Edit у панелі Properties, ми побачимо лінію, що задає швидкість руху уздовж траєкторії. На осі абсцис відзначені номери кадрів, а на осі ординат - відсоток пройденого шляху.

Практика :Перейдіть у кадр 1 шару Машина й зміните криву.

Щоб рух автомобіля виглядав більш натурально, додамо падаючу тінь.

Практика :Відкрийте символ Машина в режимі редагування. Додайте новий шар Тінь і розташуєте його нижче основного шару Layer 1. Намалюйте тінь у вигляді заливання чорних кольорів із прозорістю 50%.

10. Анімація тексту

- зміна розміру тексту,

Завдання для роботи: Побудувати анімацію, у ході якої текст у вигляді цифр 2014буде збільшуватися, починаючи із центра циферблата. У другій половині фільму циферблат затінити, перекривши його чорним прямокутником, для якого буде змінювати параметр Alpha від 0% (повністю прозорий) до 80%.

Приклад:

Практика :Створіть шар Текст і помістите на нього текст 2014: шрифт Arial, жирний, розмір 96, додатковий інтервал між буквами 4, кольори R=255 (червоний), G=229 (зелений), B=172 (синій). Для точного уведення кольорів використайте кнопку / у правому верхньому куті палітри.

Практика :Застосуєте до тексту фільтри Drop Shadow й Bevel. Для фільтра Bevel установите спеціальні параметри:

• тип (Type): Inner (внутрішній);
• сила (Strength): 40%;
• дистанція (Distance): -14.

Практика :Перетворіть текст у символ з ім'ям 2014 (клавіша F8).

Тепер побудуємо анімацію, у ході якої текст буде збільшуватися, починаючи із центра циферблата. Відведемо на це збільшення 6 секунд (72 кадру при частоті 12 кадрів у секунду), а потім зафіксуємо напис ще на 3 секунди.

Практика :На шарі Текст вставте в кадри 72 ключовий кадр. Потім додайте в кадр 108 обох шарів проміжний кадр

Практика :Перейдіть у кадр 1 шаруючи Текст і зменшите текст, розташувавши його в центрі циферблата. Включите анімацію руху для кадру 1.

Практика :Створіть шар Затінення між тлом і текстом і намалюйте на ньому чорний прямокутник, що перекриває всю сцену. Додайте в цьому шарі ключовий кадр у кадр 72. У кадрі 1 установите за допомогою панелі Color прозорі кольори (Alpha=0), а в кадрі 72 — Alpha=80% (майже непрозорий). Включите для кадру 1 анімацію форми (Shape Tween).

- побуквіна анімація тексту «Лугань»

Завдання для роботи: Побудувати анімацію, у ході якої Темні букви влітають с правої сторони сцени. Вибудовуються в слово Лугань посередині Фона. Далі, використовуючи фільтр Bevel, зробити так, щоб букви поступово ставали золотавими.

Приклад:

Практика :Створіть новий шар Текст, уведіть у нижній частині сцени текст Лугань (шрифт Arial, чорний, жирний, розмір 70) і вирівняйте його по середині сцени (панель Align, включити режим To Stage).

Тепер ми розіб'ємо текст на окремі букви й розмістимо кожну з них на окремому шарі.

Практика :Виділите текст і застосуєте команди Break Apart й Distribute to Layers з контекстного меню. Видалите шар Текст (він тепер порожній).

Програма створила кілька нових шарів, їхні імена збігаються з буквами тексту.

Практика :Виділите кадр 10 у всіх шарах з буквами й додайте новий ключовий кадр (F6). Потім виділите кадр 1 у всіх верствах-буквах (виділяться всі букви) і клавішею «вправо» перемістите букви за праву границю сцени (натискання клавіші Shift прискорює процес).

Практика :Включите анімацію руху для всіх верстов-букв, вставте новий проміжний кадр у кадр 10 шаруючи Тло й переглянете результат.

Якщо подивитися на бібліотеку, можна помітити, що в неї додані нові символи, створені автоматично з букв. Це необхідно програмі для побудови анімації руху.

Практика :Виділите кадри 1-10 шаруючи, де перебуває буква в, і перетягнете вправо, так щоб анімація починалася з кадру 6. Зруште й інші шари з буквами так само, на 5 кадрів від попередньої букви. Виділите кадр 35 всіх верстов-букв і вставте новий ключовий кадр, у той же кадр фонового шару вставте проміжний кадр. Переглянете результат.

Далі, використовуючи фільтр Bevel, зробимо так, щоб букви поступово ставали золотавими. Однак застосувати фільтри можна тільки до тексту або символів типу Movie Clip. Зараз букви мають тип Graphic, це можна побачити на панелі Properties. Тому потрібно буде змінити тип символів на Movie Clip.

Практика :Перейдіть у кадр 35, виділите всі букви й на панелі Properties зміните тип символу на Movie Clip.

Зараз усе готово для створення анімації, що зводиться до поступового застосування фільтра.

Практика :Виділите кадр 50 у всіх верствах-буквах і вставте новий ключовий кадр. Не знімаючи виділення з букв, перейдіть на панель Filters і застосуєте фільтр Bevel, змінивши деякі параметри:

• кольори тіні (Shadow): R=116, G=89, B=78;
• кольори світлих областей (Highlight): R=253, G=202, B=139;
• дистанція (Distance): -6.

Додайте анімацію руху до всіх шарів з буквами в кадрі 35.

Залишається зробити невелику паузу перед початком нового циклу.

Практика :Вставте проміжні кадри в кадр 70 у всіх шарах

Питання для самостійної роботи.

1. Що таке Символ?

2. Які три типи символів розрізняють у програмі Flash ?

3. Як задати нестандартну траєкторію руху об'єкта?