ГЛАВА 11. Створення анімації Flash


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

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

Кадрувати анімація - ефективний спосіб зобразити рух і взагалі будь-яка зміна протягом часу при невеликому розмірі файлу. У кадрованій анімації Flash зберігає тільки інформацію про зміну змісту між початковим і кінцевим кадрами. На відміну від oл-ого, в покрокової анімації Flash зберігає інформацію про вміст кожною окремого кадру.

Щоб запустити інтерактивне введення в створення анімацій, виберіть команду Help (Довідка) Þ Lessons (Уроки) Þ Animation (Анімація) або ознайомтеся з відповідним розділом в голосі I.

    Анімацію також можна створити за допомогою коменли Set Property (Встановити властивість),
Див. Руконодство по ActionScript,

Створення ключових кадрів

Ключовим називають кадр, в якому задаються зміни в анімації. У покрокової анімації ключовим є кожен кадр, а в кадрованій анімації, де вміст проміжних кадрів розраховується як поступова зміна від початкового до кінцевого, ключовими є тільки початковий і кінцевий кадри. Врахуйте, що початковий і кінцевий кадри не обов'язково є першим і останнім кадрами всієї анімаційної послідовності. У ключових кадрах визначені головні зміни анімації. У тимчасовій діаграмі інтерпольовані проміжні кадри кадрованій анімації підсвічуються синім (кадрування руху) або зеленим (кадрування зміни форми) кольором з проходить через них стрілкою, спрямованої від початкового до кінцевого ключового кадру. Ключові кадри створюються тільки в тих місцях, де змінити зміст інтерполяцією можна, наприклад, потрібно ввести нові елементи. У тимчасовій діаграмі ключовий кадр зі змістом позначений жирним кружком, а порожній ключовий кадр - вертикальною лінією перед кадром. Наступні кадри, що додаються до цієї верстви, матимуть той же зміст, що і ключовий кадр.

Для того щоб створити ключовий кадр, виконайте один з наступних кроків:

  • виділіть кадр в тимчасовій діаграмі і виберіть команду Insert (Вставка) Þ Keyframe (Ключовий кадр);
  • клацніть правою кнопкою миші (Windows) або лівою кнопкою, утримуючи клавішу <Cmd> (Macintosh), на кадрі в тимчасовій діаграмі і виберіть команду Insert Keyframe (Вставити ключовий кадр).

Подання анімації в тимчасовій діаграмі

Кадрувати і покрокова анімації різним чином відображаються в тимчасовій діаграмі:

  • ключові кадри кадрованій анімації позначаються чорною точкою, а через проміжні кадри проходить чорна стрілка. Якщо послідовність являє кадрувати рух, то кадри в тимчасовій діаграмі підсвічуються синім; якщо ж представлено зміна форми - зеленим (рис. 11.1, а);
  • пунктирна стрілка означає відсутність заключного ключового кадру (рис. 11.1, б);
  • єдиний ключовий кадр позначається чорної точкой- Наступні за ним кадри сірого відтінку мають той же зміст без змін і пересічені лініей1 з порожнистим прямокутником в останньому кадрі цього інтервалу (рис. 11.1, б);
  • маленька буква "а" означає, що кадру призначено дію в панелі Actions (Процедури) (рис. 11.1, г) ',
  • червоний прапорець означає, що кадр містить ярлик або коментар (рис. 11-1, д).

Рис. 11.1. Подання різних типів кадрованих послідовностей в тимчасовій діаграмі

Шари в анімації

Кожна сцена у фільмі Flash може складатися з любою кількості шарі За допомогою шарів можна впорядкувати компоненти анімованої послідовності і розділити аніміруемие об'єкти, щоб вони не зливалися НЕ сегментували один одного. При необхідності одночасно кадрувати рух кількох груп або символів набагато зручніше, якщо кожна група і кожен символ знаходитимуться в окремому шарі. Як правил фоновий шар містить статичну графіку, а додаткові шари - до одного анімованими об'єкту. Шари відображаються на часовій діаграмі у вигляді рядків (рис. 11.2).


Рис. 11.2. Відображення шарів на тимчасовій діаграмі

Коли у фільмі мало шарів, редагування об'єктів може бути ускладнене. Завдання спроститься, якщо працювати окремо з об'єктами в різних шарах.

Див. Гл. 8.

швидкість відтворення

При занадто низькій швидкості відтворення анімація як би періодично завмирає, при дуже високій - подробиці анімації зливаються. Оптимальна швидкість відтворення складає 12 кадрів в секунду (frames per second, fps) і зазвичай дає найкращі результати для подання анімації в Інтернеті. Цю швидкість відтворення (12 fps) мають фільми QuickTime і AVI (стандартна швидкість відтворення кінофільму становить 24 fps). Плавність відтворення залежить від складності самої анімації і швидкодії комп'ютера, на якому вона воспроізводітся- Протестуйте анімацію на різних комп'ютерах, щоб визначити оптимальну швидкість відтворення для кожного з них.

Оскільки для всього фільму Flash вказується єдина швидкість відтворення, рекомендується поставити її до початку створення анімації.

Див. Розд. "Створення нового фільму ч настройки його властивостей" гл. 2.

Розмноження нерухомих зображень

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

Для того щоб розмножити зображення на кілька кадрів:

  1. Створіть зображення в першому ключовому кадрі послідовності.
  2. Виберіть останній кадр проміжку, в кадри якого ви хочете розмножити зображення.
  3. Виконайте команду Insert (Вставка) Þ Frame (Кадр).

Щоб використовувати гарячі клавіші для розмноження зображення:

  1. Створіть зображення в першому ключовому кадрі.
  2. Натиснувши і утримуючи клавішу <Alt>, перетягніть ключовий кадр вправо. При цьому буде створено новий проміжок, але без заключного ключового кадру в кінці.


Чи знаєте Ви, що діаграма розгортання, Діаграма застосування, Діаграма розміщення Deployment diagram - це метод об'єктно-орієнтованого проектування, що відображає фізичні взаємозв'язку між програмними і апаратними компонентами системи.