Двигуни руху у Flash CS6

• Може 16, 2024

У цьому підручнику ми дізнаємось, як створити Motion Tween у Flash^R CS6. Ви можете пам’ятати, що ми створили анімацію в попередньому підручнику, який перемістив коло по сцені. На цьому уроці ми створили анімацію Classic Tween. Classic Tween - це оригінальний тип анімації для Flash.

Тепер ми розглянемо новий тип анімації твін. Цього разу ми створимо анімацію Motion Tween, яка перемістить квадрат по сцені. На перший погляд, ці дві анімації можуть здатися однаковими. Але по мірі прогресування майбутніх уроків ви побачите, чому Motion Tween - це улюблений варіант анімації між. Це дуже гнучко і може використовуватися для створення досить складної анімації.

1. Відкрийте Flash CS6 та виберіть ActionScript 3.0 у стовпці Створити новий на екрані привітання.
   
   Ви побачите, що у нас є пустий етап і один шар на шкалі часу.
   
   
2. Двічі клацніть на назві шару та перейменуйте рівень 1 на «Квадрат».
   
   
3. Встановіть нульовий колір обведення.
   
   
4. Клацніть на полі Колір заливки та виберіть будь-який колір із Колекції кольорів.
   
   
5. Інструментом «Прямокутник» намалюйте квадрат на сцені.
   
   У цей момент квадрат є основною формою. Щоб підтвердити це, давайте розглянемо інформацію на панелі властивостей.
   
   
6. За допомогою інструменту "Вибір" виберіть квадрат на сцені.
   
   На панелі "Властивості" ми бачимо, що цей об'єкт є "Форма". Ми також можемо побачити положення, розмір та колір об'єкта.
   
   Перший крок до створення Motion Tween - перетворення форми в символ. Ми будемо детально обговорювати Flash Symbols у майбутньому навчальному посібнику.
   
   
7. Виберіть квадрат на сцені та на панелі меню натисніть Змінити - Перетворити на символ.
   
   
8. У діалоговому вікні «Перетворити на символ» назвіть символ «Квадрат» та встановіть «Тип» у «Відеокліп». Далі встановіть Реєстраційну точку в центр, натиснувши невелике центральне вікно в групі невеликих коробок. Натисніть кнопку ОК.
   
   Ви побачите, що навколо квадрата з’являється тонка синя лінія, що вказує на те, що об’єкт зараз є символом.
   
   
9. Клацніть правою кнопкою миші на кадр 50 часової шкали і виберіть пункт Вставити кадр, щоб продовжити рамки 50 шкали.
   
   
10. Клацніть правою кнопкою миші на будь-якому кадрі на шкалі часу та оберіть Create Motion Tween.
    
    Ви побачите, що Flash перетворив усі кадри на інший колір. Вони називаються тривалістю проміжку руху Твін.
    
    Перемістіть Playhead по часовій шкалі назад до Frame 1. Як і в останньому навчальному посібнику, об’єкт не рухається. Це тому, що ми ще не додали другий ключовий кадр для вказівки кінцевої позиції для анімації.
    
    
11. Клацніть правою кнопкою миші на кадр 50 і виберіть в меню пункт Вставити ключовий кадр.
    
    
12. Перебуваючи на кадрі 50, натисніть на квадрат і перетягніть його на іншу сторону сцени, щоб сказати Flash, що це буде кінцеве положення для Motion Tween.
    
    

Тепер, коли ви переміщуєте Playhead, площа поступово рухається по сцені.

Але за допомогою Motion Tweens ми можемо легко змінити анімацію так, щоб квадрат рухався по вигнутій лінії, а не по прямій.

Авторські права 2018 Adobe Systems Incorporated. Всі права захищені. Знімки екрана продуктів Adobe передруковані з дозволу Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst та Flash Paper є або є [a] зареєстрованою торговою маркою (ими), або торговою маркою (ими) Adobe Systems Incorporated у США та / або інших країнах.

Відео Інструкція: Анимация машины и ее колес [Создаем муль 11/20] (Може 2024).