„Tweens“ judesys „Flash CS6“

• Gegužė 13, 2024

Šiame vadove mes išmoksime sukurti „Motion Tween“ „Flash“^R CS6. Galbūt prisimenate, kad ankstesniame vadove sukūrėme animaciją, perkelę ratą per sceną. Toje pamokoje mes sukūrėme klasikinę Tween animaciją. „Classic Tween“ yra originalus „Flash“ animacijos tipas.

Dabar apžvelgsime naujo tipo „Tween“ animaciją. Šį kartą mes sukursime „Motion Tween“ animaciją, kuri perkels kvadratą per sceną. Iš pirmo žvilgsnio šios dvi animacijos gali atrodyti tapačios. Tačiau kai progresuosime per būsimas pamokas, pamatysite, kodėl „Motion Tween“ yra mėgstamiausia „Tween“ animacijos parinktis. Tai labai lanksti ir gali būti naudojama kuriant gana sudėtingas animacijas.

1. Atidarykite „Flash CS6“ ir pasveikinimo ekrano stulpelyje „Sukurti naują“ pasirinkite „ActionScript 3.0“.
   
   Pamatysite, kad laiko juostoje yra tuščias etapas ir vienas sluoksnis.
   
   
2. Du kartus spustelėkite sluoksnio pavadinimą ir pervardykite 1 sluoksnį į „Square“.
   
   
3. Stroke spalvą nustatykite į nulinę.
   
   
4. Spustelėkite laukelį Užpildykite spalvą ir iš spalvų rinkiklio pasirinkite bet kurią spalvą.
   
   
5. Naudodamiesi stačiakampio įrankiu nubrėžkite kvadratą ant scenos.
   
   Šiuo metu kvadratas yra pagrindinė forma. Norėdami tai patvirtinti, pažvelkime į ypatybių skydelyje pateiktą informaciją.
   
   
6. Naudodamiesi pasirinkimo įrankiu, scenoje pasirinkite kvadratą.
   
   Savybių skydelyje matome, kad šis objektas yra forma. Taip pat galime pamatyti objekto vietą, dydį ir spalvą.
   
   Pirmasis žingsnis kuriant „Motion Tween“ yra formos pavertimas simboliu. Būsimame vadove išsamiai aptarsime „Flash“ simbolius.
   
   
7. Pasirinkite sceną scenoje ir meniu juostoje spustelėkite Modifikuoti - konvertuoti į simbolį.
   
   
8. Dialogo lange Konvertuoti į simbolį pavadinkite simbolį „Kvadratas“ ir nustatykite „Type“ į „Movie Clip“. Tada nustatykite registracijos tašką į centrą spustelėdami mažą centrinį laukelį mažų dėžučių grupėje. Spustelėkite Gerai.
   
   Pamatysite, kad aplink aikštę atsiranda plona mėlyna linija, nurodanti, kad objektas dabar yra simbolis.
   
   
9. Dešiniuoju pelės mygtuku spustelėkite laiko juostos 50 rėmelį ir pasirinkite Įterpti rėmelį, kad išplėstumėte „50 laiko juostos“ rėmus.
   
   
10. Dešiniuoju pelės mygtuku spustelėkite bet kurį laiko juostos rėmelį ir pasirinkite Sukurti judesį tarp laiko.
    
    Pamatysite, kad „Flash“ pavertė visus kadrus skirtinga spalva. Jie vadinami Tween judesio Tween spanu.
    
    Perkelkite grotuvo galvutę palei laiko juostą atgal į 1 rėmelį. Kaip ir paskutiniame vadove, objektas nejuda. Taip yra todėl, kad mes dar nepridėjome antrojo pagrindinio kadro, kuris nurodytų animacijos pabaigos vietą.
    
    
11. Dešiniuoju pelės mygtuku spustelėkite rėmelį 50 ir meniu pasirinkite Įterpti pagrindinį kadrą - Viskas.
    
    
12. Dar būdami ant rėmo 50, spustelėkite kvadratą ir vilkite jį į kitą scenos pusę, kad „Flash“ pasakytų, kad tai bus „Motion Tween“ galutinė padėtis.
    
    

Dabar, kai jūs judate „Playhead“, kvadratas juda palaipsniui per sceną.

Bet „Motion Tweens“ pagalba mes galime lengvai modifikuoti animaciją taip, kad kvadratas judėtų išlenktąja linija, o ne tiesia linija.

Autorių teisės 2018 m. „Adobe Systems Incorporated“. Visos teisės saugomos. „Adobe“ produkto ekrano kopija (-os) perspausdinta gavus „Adobe Systems Incorporated“ leidimą. „Adobe“, „Photoshop“, „Photoshop Album“, „Photoshop Elements“, „Illustrator“, „InDesign“, „GoLive“, „Acrobat“, „Cue“, „Premiere Pro“, „Premiere Elements“, „Bridge“, „After Effects“, „InCopy“, „Dreamweaver“, „Flash“, „ActionScript“, „Fejerverkai“, „Prisidėkite“, „Captivate“, „Flash Catalyst“ ir „Flash“ popierius yra (yra) registruotas (-i) prekės ženklas (-ai) arba „Adobe Systems Incorporated“ prekės ženklas (-ai) JAV ir (arba) kitose šalyse.