HTML
Flash VIII.
Folytatjuk a Flash megismerését. A mai írásunkban megnézzük, hogyan tudjuk a hangokat háttérzeneként és effektekként felhasználni. Rovatunk a Merlin Stúdió segítségével készült.
Flash VII.
Flash VI.
Flash V.
Flash IV.
Flash III.
Távtan
Webesztétika
A magyar játékfejlesztő cégek
Tech
Norton Antivirus
Kártyázzunk
Alsós
Programajánló
December 2019
H K S C P S V
2526272829301
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
Ebben a hónapban
Hírfolyam
14:42 
Csongrád megyében is támogatják a Mintamenza program terjedését
14:41 
Ukrán válság - Az oroszok hajók elsüllyesztésével foglyul ejtették az ukrán flotta egy részét
14:40 
Ukrán válság - Orosz lap: Viktor Janukovicsot állítólag infarktussal kórházban kezelik
14:38 
Versenyuszoda épül Gödöllőn
14:36 
Ukrán válság - Magyar katona vezeti az EBESZ katonai megfigyelőit
13:44 
Diszkótragédia - Fenntartotta a korábbi jogerős ítéletet a Kúria a West Balkán-ügyben
Szeged
Szegedi hírek
Színházi világnapi programok Szegeden
Szabó Gábor akadémikust javasolja rektornak a Szegedi Tudományegyetem szenátusa
Balett és fantasztikus vígjáték a Szegedi Nemzeti Színház márciusi műsorán
FIGYELEM! MENETREND MÓDOSÍTÁS!
Elindult az utastájékoztató-rendszer tesztüzeme a szegedi megállókban
HTML HTML
Fireworks VII.
Munkatársunktól   2005 March 06, Sunday  

Folytatjuk a Fireworks megismerését. A mai részben animációs lehetőségeket mutatunk be. Rovatunk a Merlin Stúdió segítségével készült.
  Hozzászólások Nyomtat E-mail PDF
A gombok designolása után animációk készítésével foglalkozunk. Nyissuk meg a kezdő állományunkat. Az animációkat animált gif képként fogjuk kimenteni. 1. A legegyszerűbb animáció két képkockából áll. A Frames panelon látható, hogy egy frame-ünk van, ezért duplikáljuk a meglévő képkockánkat, majd módosítsuk a második képkockánkat. Az Optimize panelon állítsuk a fájl típust Animated GIF-re! E nélkül nem exportálható az animáció. A Fireworks munkaablakának alján lévő play gombbal lehet az animációt lejátszani. Kicsit gyors lett a képkockák váltása. A Frames panelon minden képkockának beállíthatjuk a megjelenítési idejét század másodpercben. Most minden képkockának legyen 100 a megjelenítési ideje! Megnézhetjük az eredményt az Internet böngészőben is. Ha nem állítottuk volna a fájltípust Animated GIF-re, akkor most nem villogna a felírat! Exportáláshoz válasszuk a File menü Export Preview parancsát! Itt még beállíthatjuk a képminőséget, és megadhatjuk a GIF fájl nevét.

2. Hozzunk létre egy feliratot, amely átgördül a reklámcsíkon. Most automatikusan generálunk egy animációt. Állítsunk be kisebb nagyítást, hogy a szöveg kiinduló pozíciójában a reklámcsík mellé férjen. Az animálandó rajzelemet konvertáljuk grafikus objektummá, és egy példányt helyezzünk a mozgás kezdeti és egyet a vég pozíciójába. Most egy vonalba igazítjuk őket, hogy csak vízszintes mozgás jöjjön létre. Jelöljük ki a kezdő példányt, és a végpéldányt, majd adjuk ki a Modify menü - Symbol - Tween Instances parancsot. A megjelenő ablakban beállíthatjuk a két végállapot közötti képkockák számát, és pipáljuk ki, hogy a fázisokat ossza szét képkockákra. A Frames panelon látható, hogy létrejöttek a képkockák. Játsszuk le! Mi most egy mozgás animációt mutattunk be, de változhat a rajzelem mérete, színe, átlátszósága. Foroghat, nyúlhat az objektum.

3. Induljunk ki az előző munkánkból. Egymással párhuzamosan több animációt is elindíthatunk! Az 1. képkockán indítsunk egy növekvő méretű négyszöget, amely megfordítja a mögötte lévő rajzobjektumok színét! Jelöljük ki a Frames panelon az 1. képkockát! Rajzoljunk rá egy fehér téglalapot, majd konvertáljuk grafikus szimbólummá. Vigyük ki a reklámcsík jobb szélére! A blending módot váltsuk át differenciálóra. Helyezzünk még egy példányt a téglalapból a lapra, úgy, hogy lefedje a reklámcsíkot! Állítsuk át itt is a blending mode-t! Jelöljük ki a kezdő állapot példányát, majd a végállapot példányát. Ezt most legkönnyebben a Layers panelon tehetjük meg! Majd adjuk ki a Modify menü - Symbol - Tween Instances parancsot! Legyen ez is 20 képkockás! Nézzük meg a művünket!

4. A most következő példánkban animáció szimbólumok használatát mutatjuk be. Jelöljük ki az animálandó rajzobjektumot a munkaterületen, majd adjuk ki a Modify - Animation - Animate selection parancsot. A kijelölt részből egy animáció szimbólum jött létre, melynek egy ablakban megadhatjuk a paramétereit. A képkockák száma legyen 20. Az elmozdulás értéket hagyjuk 72-n, később ezt úgyis könnyen módosíthatjuk. Az irány legyen 0 fokos, azaz vízszintes! A kezdeti állapothoz képest a végállapot mérete legyen kisebb. A láthatósága a kezdeti állapotban legyen 0 és a végállapotban pedig 100%. Forogjon 90 fokot! Ha nincs elég képkocka az animációhoz, a Fireworks létrehozza azokat. Az animáció szimbólum mozgását egy irányvektor jelzi, melynek kezdő- és végállapotát húzással módosíthatjuk. Nézzük meg az animációt!

Írta: Klari



Hozzászólások Kedves Olvasó! Jelentkezzen be és akkor hozzászólhat a témához!



Webradio.hu - Szegedi, országos és sport hírek a nap 24 órájában!:Hírek arrow Távtan arrow HTML arrow Fireworks VII.



Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player