Egyszerű animáció készítés Adobe Flash-ben

Készítette: cyrexone
2010. június 10. 12:40:15 - 23086 megtekintés
  • Egyszerű animáció elkészítését mutatom meg Adobe Flash-ben. Ez egy példa a motion tween használatára. Legalább Adobe Flash CS4 verzióra lesz szükségünk.
  • Amire szükségünk van

    Adobe Flash CS4
  • Egyszerű animáció készítése

    Hozzunk létre egy új dokumentumot Action script 3 támogatással. Adjuk meg a dokumentum méretét (300x500) a Properties panelen. Rajzoljnunk egy téglalapot (300x500), az x é y pozíciója legyen 0. A színátmenet, gradiant transport toolt válasszuk, majd alkalmazzuk. A color tabnál állítsuk be a színket, jelen esetben felül sötétszürke, alul világosszürke legyen. Nevezzük el a réteget, majd a lakat ikonnal zároljuk.<br /> <br /> Hozzunk létre egy új réteget, rajzoljunk rá egy kört a SHIFT gomb megnyomásával. A kitöltés legyen ugyanaz. A gradiant legyen radial, a kitöltés legyen kétféle piros. Mozgassuk el a színátmenet közepét, ezzel 3D hatást érhetünk el. A méretet változtassuk át, 90 képpontra. Igazítsuk középre. Az align to horizont és aling to centert alkalmazzuk.<br /> <br /> Ahhoz, hogy animálni tudjunk egy alakzatot, szibólummá kell konvertálnunk. Kattintsunk rá, jelöljük ki, jobb egérgomb kattintás után válasszuk ki a Convert to symbolt. Maradjon movie clip, majd nevezzük el. Az első képkockán nevezzük el a jobb egérgombot lenyomja tartva válasszuk a Create motion twint. Kaptunk egy 24 képkockából álló animációt. Kattintsunk a 24-es képkockára, jobb egérgomb, majd az Instert frame-et válasszuk, így a háttér végig látható lesz az animáció alatt.<br /> <br /> Kézzel is animálhatunk vagy előre beállított animációt is választhatunk. Utóbbihoz válasszuk a Motion presetset, majd tetszőleges animációt válasszunk ki. Ha az animációnk hosszabb lett, a hátterünket igazítsuk hozzá.<br /> <br /> Hozzunk létre egy új réteget, nevezzük el shadownak. Kapcsoljuk be a vonalzókat, húzzunk két segédvonalat a labda széleihez, illetve ahol a labda földet ér. Kattintsunk az első képkockára, rajzoljunk árnyékot, fekete kitöltéssel. Ha most exportáljuk az animációnkat, megjelent az árnyék. Viszont még nem tökéletes, ezért a Motion twin segítségével konvertáljuk át ismét, majd válasszuk az előzőleg használt Create motion twint. Kattintsunk az első képkockán az árnyékunkra. A Color effectnél az alphát, vegyük le nullára. A lejátszófejet húzzuk a 36-os képkockára, majd kattintsunk az árnyékra, és húzzuk vissza 100-ra az alphát.<br /> <br /> Az árnyék megnyújtásához a 37-es képkockán kell megnyújtanunk az árnyék méretét. Azon a képkockán, ahol az előbb a színt változtattuk, a képkockára kattintva jobb egérgombbal válasszuk az Instert keyframe-et, ott a scale-t. Ezzel beszúrtunk egy kulcskockát, tehát ha innentől kezdve az árnyékot módosítjuk, az csak ettől a képkockától fog megváltozni. A 40-es képkockánál húzzuk vissza akkorára, mint az eredeti méret volt.<br /> <br /> Az utolsó képkockánál állítsuk meg az animációt, hozzunk létre egy új réteget, nevezzük el actionsnek, a Window menüből válasszuk az Action panelt, írjunk rá egy stop-ot. Azon a képkockán fogja megállítani a lejátszófejet, ahol az action található, így vigyük az utolsó képkockára.<br />
  • Címkék:

    flash animáció adobe grafika
Buttermanos - 12 éve, 9 hónapja

erre szeretnék vidit :Videó

hard - 14 éve, 6 hónapja

Jó a videó, remélem lesz még több is!