Статьи

Анімація по траєкторії

Напрямні шари (Guide layers) - це шари, які містять криву (траєкторію), по якій повинен рухатися об'єкт.

Будь-шар можна зробити напрямних, вказавши це в його властивостях, або направляються, перетягнувши потрібний шар мишкою, так, щоб він знаходився під напрямних.

Технологія створення руху по траєкторії полягає в наступному:

  1. Створіть новий файл (Ctrl-N).

У робочій області:

  1. У лівому верхньому кутку робочої області намалюйте коло і залийте її радіальним градієнтом (в першому кадрі з'явиться ключовий кадр).

У шкалі часу:

  1. Створіть просту розрахункову анімацію на 30 кадрів:

  • Перший кадр повинен бути виділений, якщо немає - виділіть його. У головному меню виберіть Insert - Timeline - Create Motion Tween (або в контекстному меню). Тепер кадр має світло-фіолетовий колір.
  • Створіть ключовий кадр в 30-м кадрі.
  • Виділіть, якщо він не виділений 30-ий ключовий кадр і в робочій області перемістіть вниз і вправо кульку за допомогою інструменту Arrow (Стрілка). При необхідності його можна промасштабіровать за допомогою модифікатора Scale (Масштаб) або закриття, як в прикладі стрибаючого м'ячика за допомогою панелі Properties.

  • При необхідності його можна промасштабіровать за допомогою модифікатора Scale (Масштаб) або закриття, як в прикладі стрибаючого м'ячика за допомогою панелі Properties

    При натисканні в шкалі часу на кнопки

    - Onion Skin Outlines (Суміжні кадри у вигляді контурів) - відображаються контури суміжних кадрів,

    - Edit Multiple Frames (Редагування декількох кадрів) - режим одночасного редагування кількох кадрів - видно задаються стану об'єкта - кульки і контури - все розрахункові стану, що забезпечуються використанням твінінгу (чорна стрілка на світло-бузковому тлі)

    1. Для того, щоб додати направляючий шар, потрібно вибрати шар, на якому знаходиться ваш символ (кульку), і, натиснувши праву кнопку миші, у випадаючому меню вибрати Add Motion Guide (Додати направляючий шар). При цьому вихідний шар з кулькою стає направляються (guided layer). Додати направляючий шар можна і за допомогою кнопки, під шарами (див. Тему про шари).
    2. Тепер в шарі Guide потрібно намалювати траєкторію руху. Траєкторією може бути будь-яка крива, яка не є областю заливки.
    3. Виділіть в цьому шарі перший кадр і в робочій області намалюйте будь-яку криву. Керуючий шар готовий. Ви можете його заборонити для редагування, щоб було зручніше працювати, а в подальшому і зовсім зробити його невидимим.
    4. Щоб анімація по траєкторії заробила, потрібно прив'язати символ до траєкторії. Для цього потрібно взяти (лівою клавішею миші) символ за центральну точку і перетягнути її на траєкторію.
    5. Як тільки ви побачите маленький гурток на символі - це означатиме, що він "зачепився" за траєкторію. Ви відчуєте, коли символ "зачепиться" за неї, і побачите, як він буде по ній ковзати. Те ж саме потрібно зробити і для другого ключового кадру в 30 кадрі - причепити символ до кінця траєкторії. Якщо потрібно, щоб об'єкт повертався згідно траєкторії, а не просто рухався по ній, то на панелі Properties потрібно включити прапорець Orient to path.

    Якщо потрібно, щоб об'єкт повертався згідно траєкторії, а не просто рухався по ній, то на панелі Properties потрібно включити прапорець Orient to path

    1. А щоб перевірити прив'язку символу до траєкторії, натисніть кнопки - Onion Skin Outlines (Суміжні кадри у вигляді контурів) і - Edit Multiple Frames (Редагування декількох кадрів). Якщо ви побачите контури символу, розташовані по траєкторії, значить прив'язка відбулася успішно. Якщо немає, спробуйте ще раз виконати з 8 пункту даного прикладу.

    2. Протестуйте свою анімацію.

    Протестуйте свою анімацію

    Якщо потрібно, щоб об'єкт повертався згідно траєкторії, а не просто рухався по ній, то на панелі Properties потрібно включити прапорець Orient to path Якщо потрібно, щоб об'єкт повертався згідно траєкторії, а не просто рухався по ній, то на панелі Properties потрібно включити прапорець Orient to path.

    завдання завдання

    Спробуйте зробити подібне самі. Сподіваюся ваша фантазія не обмежиться цими прикладами і ви зробите, що - то дуже-дуже ефектне.

    Якщо дане пояснення вам не зрозуміло, скачайте доп. матеріал приклад 2 .

    Новости


     PHILIP LAURENCE   Pioneer   Антистресс   Аромалампы   Бизнес   Игры   Косметика   Оружие   Панно   Романтика   Спорт   Фен-Шуй   Фен-Шуй Аромалампы   Часы   ЭКСТРИМ   ЭМОЦИИ   Экскурсии   визитницы   подарки для деловых людей   фотоальбомы  
    — сайт сделан на студии « Kontora #2 »
    E-mail: [email protected]



    • Карта сайта