Motion Tweens във Flash CS6

• Април 25, 2024

В този урок ще научим как да създадем Motion Tween във Flash^R CS6. Може би си спомняте, че създадохме анимация в предишен урок, който премести кръг през сцената. В този урок създадохме анимация Classic Tween. Classic Tween е оригиналният тип анимация за Flash.

Сега ще разгледаме нов тип анимация на tween. Този път ще създадем Motion Tween анимация, която ще премести квадрат през сцената. На пръв поглед тези две анимации могат да изглеждат идентични. Но докато напредваме през бъдещите уроци, ще видите защо Motion Tween е любимата опция за анимация между. Той е много гъвкав и може да се използва за създаване на доста сложни анимации.

1. Отворете Flash CS6 и изберете ActionScript 3.0 от колоната Създаване на нов на екрана за добре дошли.
   
   Ще видите, че ние имаме празен етап и един слой в Timeline.
   
   
2. Кликнете два пъти върху името на слоя и преименувайте Layer 1 на "Square".
   
   
3. Задайте цвета на Stroke на нула.
   
   
4. Кликнете върху полето Fill color и изберете всеки цвят от Color Picker.
   
   
5. С инструмента Rectangle нарисувайте квадрат на сцената.
   
   В този момент квадратът е основна форма. За да потвърдим това, нека разгледаме информацията в панела Свойства.
   
   
6. С инструмента за избор изберете квадрата на сцената.
   
   В панела Свойства виждаме, че този обект е форма. Можем също да видим позицията, размера и цвета на обекта.
   
   Първата стъпка към създаването на Motion Tween е преобразуването на формата в символ. Ние ще обсъдим Flash символи в дълбочина в бъдещ урок.
   
   
7. Изберете квадрата на сцената и от лентата с менюта щракнете върху Промяна - Превръщане в символ.
   
   
8. В диалоговия прозорец Преобразуване в символ назовете символа "Квадрат" и задайте Тип на видеоклип. След това задайте точка за регистрация в центъра, като щракнете върху малката централна кутия в групата от малки кутийки. Щракнете върху OK.
   
   Ще видите, че около квадрата се появява тънка синя линия, което показва, че обектът вече е Символ.
   
   
9. Щракнете с десния бутон върху Frame 50 на Timeline и изберете Insert Frame, за да разширите кадрите на Timeline 50.
   
   
10. Щракнете с десния бутон върху всеки кадър от времевата линия и изберете Create Motion Tween.
    
    Ще видите, че Flash е превърнал всички рамки в различен цвят. Те се наричат ​​междурелсието на междурелсието на движението.
    
    Преместете Playhead по хронологията обратно към Frame 1. Както и в последния урок, обектът не се движи. Това е така, защото все още не сме добавили втори ключов кадър, който да показва крайната позиция на анимацията.
    
    
11. Щракнете с десния бутон върху Frame 50 и изберете Insert Keyframe - All от менюто.
    
    
12. Докато все още сте на Frame 50, щракнете върху квадрата и го плъзнете от другата страна на сцената, за да кажете на Flash, че това ще бъде крайната позиция за Motion Tween.
    
    

Сега, когато преместите Playhead, квадратът се придвижва постепенно през сцената.

Но с Motion Tweens можем лесно да модифицираме анимацията, така че квадратът да се движи по извита линия, а не по права линия.

Copyright 2018 Adobe Systems Incorporated. Всички права запазени. Екран (и) на екрана с продукти на Adobe препечатани с разрешение от Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, 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 в Съединените щати и / или други страни.

Инструкции Видео: Flash CS6 Motion Tween (Април 2024).