Globale linker

Flash

Shape Tweening

Nå som vi har sett på hva Flash kan gjøre for oss animasjonsmessig med Motion Tween, er det på tide å ta et steg opp på stigen og se på Shape Tween. Så langt mestrer vi det å forflytte et element fra A til B, men elementet har fortsatt samme form når det kommer fram til B.

Når vi har kommet til slutten av denne siden, skal vi kunne både flytte på elementer, og få dem til å forandre form underveis.

Shape Tween følger mye av den samme fremgangsmåten som for Motion Tween. Den grunnleggende idèen er at du har et element med en bestemt form ved punkt A, og den er forandret i formen ved punkt B.

Vi har allerede foretatt en Shape Tweeing, når vi fikk soppen til å vokse. Nå skal vi ta det enda lenger.

Vi må gi Flash noe å tygge på i et startpunkt i en Keyframe og fortelle Flash hvordan vi vil det til slutt skal se ut i et sluttpunkt i en senere Keyframe, og Flash vil fylle inn de mellomliggende framene for oss. Og som for Motion Tweens er det å anbefale at det foregår kun én tweening pr. layer.

Den viktigste forskjellen mellom Motion og Shape Tweens, er at vi må benytte symboler eller grupperte elementer i en Motion Tween, men det kan vi IKKE i en Shape Tween. I en Shape Tween skal vi gi Flash en startform og en sluttform, også skal Flash morphe seg fra det ene til det andre. For at en Shape Tween skal kunne virke må alt være i sine enkeltdeler, slik at Flash kan morphe de enkelte delene. For å være sikker på at element ikke på noen måter er noe annet enn en form kan du bruke kommandoen
Modify > Break Apart.

VIKTIG

Skal du foreta en Motion Tween, MÅ elementene enten være gruppert, eller symboler!

Skal du foreta en Shape Tween KAN IKKE elementene være gruppert eller symboler!

Så var det bare å gjøre det da:

  1. Åpne et nytt blankt dokument
  2. Tegn en sirkel i Frame 1
  3. Klikk og marker Frame 15 og konverter til Keyframe (F6)
  4. (Slett sirkelen. Dette behøver vi ikke gjøre hvis vi dekker sirkelen)
  5. Tegn et rektangel som fullstendig dekker sirkelen
  6. Klikk et eller annet sted mellom de to Keyframe'ne
  7. I Frames paletten velger du Shape fra nedtrekksmenyen
  8. Tut og kjør

Nå ser du at du har fått en pil mellom de to Keyframe'ne og at framene mellom er fyllt med en blek grønnfarge. Denne fargen betyr at her foregår det en Shape Tween.

Når du nå viser filmen skjer det en jevn overgang fra sirkel til rekangel, også hopper den plutselig tilbake til sirkelen, osv.....

  1. Klikk og marker Frame 1
  2. Kopier sirkelen (den er allerede markert, så trykk CTRL+C)
  3. Klikk og marker Frame 30
  4. Konverter til en Blank Keyframe (F7) for vil ikke kopiere innholdet fra forrige Keyframe, som er det vi gjør hvis vi lager nytt Keyframe (F6).
  5. Velg Edit > Paste in Place (CTRL+SHIFT+V) for å legge sirkelen inn på det stedet på scenen du kopierte det fra
  6. Klikk mellom Keyframe 15 og 30
  7. I Frames paletten velger du Shape fra nedtrekksmenyen
  8. Test (F12)

Fremgangsmåte er altså:

  1. Gi Flash en form eller ugruppert elelement i et Keyframe
  2. Gi flash en annen form i et senere Keyframe
  3. La Flash legge til Shape Tween

Shape TweenAkkurat som for Motion Tween kan vi også sette egenskapene for hvordan tweeningen skal skje med Shape Tween.

Easing funger på akkurat samme måte som for Motion Tween. Minus verdier gir tregere start, plussverdier gir raskere start

Blend har noe med skarpheten på linjene i en morphing å gjøre. Velger du Distributive gir en morphing med runde og irregulære linjer, altså ingen rette linjer.
Velger du Angular vil morphingen prøve ta vare på hjørner og rette linjer, så godt det lar seg gjøre.

Så skal vi se at Shape Tween både Shape Tweener og Motion Tweener på en gang.

  1. Klikk og marker Keyframe 15
  2. Flytt rektangelet til et annet sted på siden
  3. Test

Hmmm... hvis du kan få til bevegelse på Shape Tween, hvorfor skal man da bruke Motion Tween? Det enkle svaret er PC-kraft. Det krever mer av datamaskinen å utføre en Shape Tween enn en Motion Tween. Kjører du en haug med Shape Tweens i samme animasjon vil det etterhvert gå ut over avspillingen av animasjonen, den vil bli hakkete. Det enkleste er å ha Motion Tween der du bare flytter på elementer, og Shape Tween på de elementene som skifter form. Sånn er det med den saken!

Og glem ikke at du kan kun ha en type Tween på hvert Layer.

Shape Tween Motion Tween
Tweene en form til en annen form Flytte en gruppe eller et symbol uten å forandre form
Forandre fargen på et element Forandre på gjennomsiktigheten til et element
Flytte og forandre form Når du må bruke Motion Guide

Å Tweene tekst

Før vi kan Shape Tweene tekst må teksten brytes opp i sine enkelte deler. Hver bokstav må være i vektorform. For å få til dette velger vi Modify > Break Apart.

  1. Nytt, blank dokument
  2. Skriv inn en tekst, f.eks: Ole Brumm (Her kan det lønne seg å få fram linjalen (CTRL+ALT+SHIFT+R) og trekke inn hjelpelinjer for tekststart og tekstbunn)
  3. Konverter til grafikk ved å velge Modify > Break Apart (CTRL+B)
  4. Lag et nytt Blank Keyframe (F7) i f.eks. Frame 12
  5. Skriv inn tekst; f.eks. Nasse Nøff og plasser inntil hjelpelinjene
  6. Konverter til grafikk ved å velge Modify > Break Apart (CTRL+B)
  7. Klikk et sted mellom de to Keyframene og velg Shape i Frame paletten
  8. Test

Å tweene fra rektangel til tekst

  1. Nytt blankt dokument
  2. Tegn et rektangel
  3. Konverter til Graphic Symbol (F8)
  4. Åpne Library (CTRL+L)
  5. Trekk ut 5 Instancer av rektangelet fra Library
  6. Trekk en markering over alle rektanglene
  7. I Align paletten klikker du på Align Top Edge (nr. 4 i første rekke) og Distribute Horizontal Center nr. 5 i andre rekke)
  8. Konverter til grafikk ved å velge Modify > Break Apart (CTRL+B)
  9. Nytt Keyframe (F6) i Frame 16
  10. Skriv inn Nasse
  11. Ved hjelp av Character Paletten justerer du størrelse på tekst, og horisontalt strekk (den under Size), slik at hver og en bokstav ligger rett over hvert sitt rektangel.
  12. Slett rektanglene som ligger under teksten
  13. Konverter teksten til grafikk ved å velge Modify > Break Apart (CTRL+B)
  14. Klikk et sted mellom de to Keyframene og velg Shape i Frame paletten
  15. Test

Shape Hints

Shape Hints bruker vi i Shape Tweening for å gi en bedre kontroll med morphe prosessen. For å kunne legge til Shape Hints må du velge en Keyframe som er i en Shape Tweening.

En Shape Tween med Shape Hints krever mer av maskinens ressurser enn en Shape Tween uten.

Med Shape Hints forteller vi Flash hvilke punkter som skal være felles for start og sluttpunktene. Shape Hints legger vi inn i startKeyframe og sluttKeyframe.

  1. Nytt blankt dokument
  2. Tegn et rektangel
  3. Nytt Keyframe i Frame 16
  4. Tegn en trekant
  5. I Frame paletten velger du Shape
  6. Test. Det blir en boblete morphing
  7. Marker Keyframe 1
  8. Legg inn første Shape Hint ved å velge Modify > Transform > Add Shape Hint, eller trykk SHIFT+CTRL+H
    Vises ikke små rundinger med bokstaver i kan det hende at visning av Shape hints er slått av. Velg isåfall View > Show Shape Hints
  9. Plasser Shape hint A i øverste venstre hjørne
  10. Nytt Shape Hint (SHIFT+CTRL+H)
  11. Plasser Shape Hint B i nederste venstre hjørne
  12. Shape Hint C i nederste høyre hjørne
  13. Marker Keyframe 16
  14. Shape Hint C skal i nederste høyre hjørne
  15. Shape Hint B skal i nederste venstre hjørne
  16. Shape Hint A skal i toppen
  17. Test. Nå ser det ut som om den roterer
  18. Marker Keyframe 1
  19. Shape Hint D skal mellom midt mellom A og B på venstre vertikale strek
  20. Shape Hint E skal på motsatte (høyre) strek
  21. Marker Keyframe 16
  22. Shape Hint E skal på linjen midt mellom A og C
  23. Shape Hint D skal på linjen midt mellom A og B
  24. Test. Nå var den bedre, syns nå jeg

Nå kan vi både Shape Tweene og Motion Tweene. det var vel ikke så vanskelig.

Neste sideGå til neste side hvor vi ser på noe som heter Onion Skinning