X

Zmaga.com | Zmagajmo z znanjem  
Adobe Flash Osnove  
  Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Risanje z orodjem Shape Tween

 
  Delite vsebino na Twitterju   Delite vsebino na Facebooku
  Tokrat se bomo na enostavnem primeru naučili, kako lahko animiramo risanje črt s funkcijo Shape Tween, zraven pa bomo spoznali tudi osnove ustvarjanja v Flashu.
 
 
1
 
 
  Najprej v Flashu odpremo nov dokument.
 
 
2
 
 
  Za risanje črt bomo uporabljali Line tool, ki ga zato najprej izberemo v oknu z orodji.
 
 
3
 
 
  Začeli bomo tako, da najprej narišemo kratko črto v levem spodnjem kotu lista.
 
 
4
 
 
  V Timeline-u se sedaj postavimo na frame 30, kliknemo z desnim miškinim gumbom in izberemo Insert Keyframe.
 
 
 
5
 
 
  Sedaj izberemo orodje Free Transformation Tool, ki omogoča spreminjanje oblike in položaja objektov.
 
 
6
 
 
  Našo črto sedaj raztegnemo do desnega roba lista.
 
 
7
 
 
  Postavimo se na katerikoli vmesni frame med 1 in 30, kliknemo z desnim miškinim gumbom in v padajočem meniju izberemo opcijo Create Shape Tween.

S tem postopkom smo sedaj animirali risanje naše prve črt.

Najbolje, da si vmesni rezultat že kar pogledate s pritiskom na kombinacijo tipk Ctrl+Enter.
 
 
8
 
 
  Sedaj označimo frame 210, oz. kolikor bo dolga končna naša transformacije in na tem mestu ustvarimo novi Keyframe.


 
 
9
 
 
  Za risanje naslednje črte ustvarimo novi Layer s klikom na ikono, ki je prikazana na sliki.

Ker bomo nadaljevali animacijo, se postavimo na frame 31 in zopet ustvarimo nov Keyframe.

Zopet ponovimo isti postopek iz korakov od 3 do 7, s tem da sedaj črto ustvarimo na drugem mestu, s to razliko, da sedaj delamo od frame-a 31 do 60.

Postopek tako ponavljamo, dokler ne narišemo vseh črt naše animacije.
 
 
10
 
 
  V mojem primeru sem narisal enostavno hišo, za kar sem porabil 7 posameznih layer-jev.

Vsak vsebuje 30 frame-ov, od česar pride tudi končna dolžina animacije - 210 frame-ov.
 
 
11
 
 
  Seveda pa efekt Motion Tween ni omejen samo na črte.

Poigrajte se tako, da na podoben način animirate tudi kakšen drug objekt, kot npr. v mojem primeru krog.

Tukaj pa si lahko ogledate končni rezultat.
 
 
Komentiraj
 
 
Prijava in registracija
 
 
 
 
 
 
  Zmaga.com | Zmagajmo z znanjem
 
  Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, nudi enkraten način spoznavanja z različnimi svetovnimi jeziki, vas s podrobno obrazloženimi recepti nauči kulinarike in vam prežene strahove pred domačimi opravili.