Animált spirál


Készítsünk egy egyszerű animációt, hogy megismerkedjünk a Flashel, és lássuk, hogy mire képes. Ennek a spirálnak tényleges feladata nincsen, de nagyon szép látványt nyújt.

1.) Hozzunk létre egy új dokumentumot.

2.) A Brush tool eszköz segítségével készítsünk egy nekünk tetsző színnel valami hasonlót.

3.) Jelöljük ki dupla kattintással és az F8 segítségével alakítsuk Symbol-lá, majd ismételjük meg a műveletet.

4.) Kattintsunk duplán a Symbolra, jelöljük ki, amit készítettünk, és nyomjuk le a CTRL+T billentyűkombinációt.

5.) Használjuk a Copy and apply transform gombot, hogy másolva forgassuk a kijelölt részt. A Rotate értékét állítsuk be nekünk tetszőre, én 15.0°-ot használtam.

6.) Kattintsunk duplán az üres területre, hogy a legfelső szintre kerüljünk. Kattintsunk az időszalagra, például a 30-as értéknél, és nyomjuk meg az F6 billentyűt. Ezután kattintsunk a létrehozott időszakaszra jobb gombbal, és válasszuk a Create Motion Tween menüpontot.

7.) Kattintsunk az első kockára és állítsuk be a Rotate értékét CW vagy CCW értékre. Ez a forgás irányát befolyásolja.

8.) Ezután már lehet szórakozni új Layer felhúzásával, majd a műveletek ismételt elvégzésével. Én két Layer segítségével a következőt készítettem. Mivel ez GIF formátumban van, így nem néz ki annyira jól, mint SWF-ben, de azért lehet látni az eredményt. Ha valaki mégis kíváncsi az SWF-ben mentett változatra, akkor megtekinthető a demo oldalon.

Kapcsolódó bejegyzések:
  • A leírásban a félig transzparens szövegdoboz elkészítéséről lesz szó. A feladathoz szükségünk lesz egy képre.1.) Hozzunk létre egy új réteget készíts …

  • Bemutatok nektek egy olyan tutorialt, aminek segítségével egyszerűen készíthető amolyan “vámpíros” szöveg. 1, Nyissunk egy 72 dpi felbontású 500*500-as fájlt fe …

  • 3D-s szöveg elkészítése nem túl nehéz, de nagyon látványos. Ebben a tutorialban megtudhatod, hogyan készítsd el :)1.) Nyissunk egy új lapot 600×600 méretben …

  • A mini bannerek használata egy elterjedt lehetőség a társoldalság jelzésére. Általában 88x31px a méretük, de a szép háttér készítéséhez nagyobb vászonra van szü …

  • Ezzel a tutoriallal el tudjuk érni azt a hatást, hogy a lámpák fényét sokkal erősebbnek lássuk.1.) Először nyissuk meg ezt a képet:2.) Aztán dupl …

A cikket beküldte: GD (http://www.gdportal.hu/)

5 hozzászólás

  1. niki says:

    Nem értem: hogy jelölöm ki dupla kattintással?

  2. Ally says:

    a selection toollal kétszer a formása kattintasz.

  3. zoleytaylor says:

    az ilyen kérdések olyan fölöslegesek. ennyi erővel kérhetnél egy makrót, ami elvégzi helyetted az egész műveletsort. nem az a lényeg hogy dupla kattintással jelölj ki valamit, hanem hogy ki legyen jelölve valami, akárhogyan csinálhatod.

  4. screty says:

    zoley! nem tudom olvastad-e a leírást: “Készítsünk egy egyszerű animációt, hogy megismerkedjünk a Flashel, és lássuk, hogy mire képes. Ennek a spirálnak tényleges feladata nincsen, de nagyon szép látványt nyújt.”

    Véleményem szerint ez arra vezet rá hogyha valaki egy ilyet ír akkro ne legyen lusta és igenis írja le hogy mit hogy!Lehet hogy ,te vagy ő már nagyon profik vagytok de mivel ez egy kezdő tut. igenis legyen ott hogy mit és hogyan. Én például sokáig kerestem : Copy and apply transform ez sem volt leírva hol találom. csak ennyi . köszönöm a megértést….

  5. BonFire says:

    Jó lenne ilyen egyszerű Flashekből még anyag. Amiket fellelek magyar nyelven, azok már haladóknak készülnek kivétel nélkül. Itt még az angol tutorial sem segít, ahhoz a progi túl bonyolult. (legalábbis számomra)

Szólj hozzá
a Animált spirál c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>