Ez a cikk megmutatja, hogyan kell használni egyszerű lépéseket kezdje meg az ismerkedést Adobe Flash CS5. Az óra témája az egyszerű animáció, elkészítjük anélkül, hogy belemélyednénk a felület és a program bonyolultságába.

Új flash dokumentum létrehozása

Megnyitjuk a programot és létrehozzuk új dokumentumot ActionScript 3.0.

Rajzoljunk egy objektumot a későbbi animációhoz

Most rajzoljunk egy kört. Válassza ki az "ovális" eszközt a jobb oldali panelen, és tartsa lenyomva bal gomb az egér és a billentyűzet "shift" gombja rajzoljon egy kört fehér alapon.

A Kijelölő eszközzel jelölje ki az újonnan létrehozott objektumot az egérrel rákattintva vagy egy négyzet alakú kijelölésbe fogva.

Konvertálja az objektumot szimbólummá az egyszerű animáció érdekében

A további munkához az objektumot szimbólummá kell konvertálnia. Mivel a kör már ki van jelölve, nyomja meg a jobb egérgombot és be helyi menü válassza a "Konvertálás szimbólummá" lehetőséget.

A "Típus" listából válassza a "Grafika" lehetőséget

Most egy kék négyzetnek kell megjelennie az objektum körül.

Hogyan készítsünk klasszikus animációt (Classic Tween)

Animáció létrehozásához ki kell jelölnie egy "kulcskockát".

Az alsó panelen van egy animációs skála, válassza ki a huszonötödik képkockát, és nyomja meg az egér jobb gombját, a megjelenő helyi menüben válassza az "Insert Keyframe" lehetőséget.

Jelölje ki a kört, és a bal egérgombot lenyomva tartva mozgassa jobbra.

Válassza ki az első képkockát az animációs skálán, és a felső főmenüben, a "Beszúrás" menüpontban válassza a "Classic Tween" lehetőséget.

A létrehozott animáció megtekintése

Most megnézhetjük az animációt. A főmenüben a „Vezérlő” menüpontban válassza a „Lejátszás” lehetőséget.

Adjunk hozzá egy „eltűnő” effektust a körhöz. Ehhez válassza ki újra az objektumot, és a jobb oldali panelen a "színhatás" menüben válassza az "alpha" lehetőséget, állítsa az értéket "0"-ra.

Nézzük meg mi történt. Lépjen a "Vezérlő" elemre, válassza a "Lejátszás" lehetőséget.

Elgondolkozott már azon, hogy mi rejtőzik az interneten található bannerek gyönyörű animációi mögött? Vagy újszerű rajzfilmek, amelyekkel készültek számítógépes technológia? Leggyakrabban "húson" alapulnak, vagy inkább így fordítják a Flash technológia nevét angolról. Ma az oldal flash-animációjáról fogunk beszélni:

Flash technológia

A multimédiás keretrendszert a Macromedia fejlesztette ki. Ám a felvásárlás (összeolvadás) után a technológia minden joga átkerült az új tulajdonoshoz - az Adobe Systemshez.

Az Adobe Flash modern használatának területe:

• A webalkalmazások létrehozása meglehetősen új irány. Tartalmazza a Flash teljes vagy részleges használatát webhelyek létrehozásához. Részleges alkalmazással ez a technológia létrehozza egyedi elemek tervezés: különféle interaktív menük, animált gombok stb.

A hagyományos erőforrásokhoz képest html alapú A Flash-webhelyeknek vannak olyan funkciói, amelyek korlátozzák a használatukat. Ide tartozik a magas fejlesztési költség, az igényes szervererőforrások, a hosszú letöltési idők lassú internetkapcsolat mellett és néhány egyéb szempont:

• Multimédiás képességek megvalósítása - hanghallgatáshoz és videolejátszáshoz a webhelyeken gyakran használják a Flash alapján létrehozott médialejátszókat. Fejlesztésük magában foglalja az egyik szkriptnyelv (gyakrabban JavaScript) használatát:

• Az online hirdetésekben a technológiát leggyakrabban animált bannerek készítésére használják. Nemcsak multimédiás hirdetések lejátszását jelentik, hanem valamilyen játékon alapuló interakciót is a felhasználóval.

A Flash fejlesztés alapjai és eszközei

Flash-animációk készítéséhez leggyakrabban az Adobe hagyományos eszközeit használják:

• Adobe Flash Professional - interaktív animáció készítésére szolgáló program (animátor);
• Adobe Flash Builder - webes alkalmazás felület létrehozására szolgáló környezet;
• Az Adobe Flash Player egy böngészőbe integrált lejátszó a Flash lejátszásához.

Ezen kívül számos ilyen típusú multimédiás tartalom lejátszható harmadik féltől származó alkalmazások... Ezek közül a legnépszerűbb a Gnash, a QuickTime és néhány másik:

Ez a technológia lehetővé teszi bármilyen típusú grafika megjelenítését ( raszter, vektor, 3D). Ezenkívül támogatja az audio- és videoadatok streaming továbbítását. Kifejezetten azért mobil eszközök egy könnyűsúlyú Flash verzió Lite.

A Flash-fájlok fő szabványa az SWF-kiterjesztés. A rövidítés a Small Web Format rövidítése. A Flash-ben rögzített videó FLV, F4V kiterjesztésű.

Az interaktív animáció fejlesztése flash-en alapul vektoros grafika... Ennek köszönhető, hogy sikerült megvalósítani a multimédiás platform támogatását és az animáció minőségének függetlenségét a képernyőfelbontástól.

A flash alkalmazás fájlmérete minden felhasználó számára azonos technikai sajátosságok képernyőfelbontás).

A Flash interaktív animáció a morphingon (vektor típusú) alapul, amelyben lassú áramlás van a kulcskockák között. Az adatok lejátszásához egy flash lejátszót használnak, amelynek munkája sok tekintetben hasonlít a munkához Virtuális gép JavaScript. A technológia szoftverkomponense az ActionScript nyelv használatával valósul meg.

A technológia hátrányai a következők:

• Nagy terhelés processzor kliens gép. Ennek oka a flash virtuális gép alacsony hatékonysága, amely a lejátszóval együtt be van ágyazva a felhasználó böngészőjébe;
• Nagy a hiba valószínűsége - A Flash-animáció nagy valószínűséggel játszható le. Ezenkívül a Flash-lejátszás hibái negatívan befolyásolják a teljes kliens alkalmazás (böngésző) működését. Ennek oka a programkód hibatűrésének elégtelen ellenőrzése a flash alkalmazások létrehozásakor;
• Indexelési hiba – A Flash-tartalomban megjelenített szöveges tartalom nem vesz részt az indexelési folyamatban. Ez a korlátozás különösen problémás azon erőforrások esetében, amelyek ezen a technológián alapulnak.

A harmadik féltől származó Flash-készítő szoftver áttekintése

A Sothink SWF Quicker prototípusalkalmazásnak készült, amely bemutatja a Flash létrehozásának alapjait. Sok szakember szerint a program a legérthetőbb és legkönnyebben megtanulható.

A létrehozáson és szerkesztésen kívül a Flash szerkesztő minden más típusú webes animációval (GIF, HTML és egyéb szabványok) is képes együttműködni:

A telepítés után lépjen a program barátságos felületére. Sajnos, miután végigkalandoztuk a felület nyelvváltójának minden zugát, nem találtuk meg.

Annak érdekében, hogy megértsük, hogyan lehet Flash-animációt készíteni ebben az alkalmazásban, a beépített sablonokat fogjuk használni. A program indítása után azonnal megjelenik az "Új sablonból" párbeszédpanel. Ezenkívül a "Fájl" főmenüponton keresztül hívható meg. A javasolt lehetőségek közül a banner létrehozását választottuk:

A varázsló következő ablakában a legördülő listából ki kell választani egy sablont, amely alapján az animáció létrejön. Alatta van egy kis keret, amelyben a kiválasztott sablon lejátszásra kerül:

A következő lépésekben be kell állítania a szalaghirdetés méreteit, és meg kell adnia az animációban lejátszott 5 szöveges kifejezést. Ezenkívül a szalaghirdetésre kattintva meg kell adnia annak az erőforrásnak a címét, amelyhez a felhasználó el lesz vezetve:

A projekt összeállítása és a varázsló ablak bezárása után megtekintheti a kapott videót a beépített lejátszóban. Ehhez kattintson a felső zöld nyílra:

A lejátszó bezárása után nézzük meg közelebbről az alkalmazás felületét. Felhívjuk figyelmét, hogy két fő ablakból áll: a felső a videó időintervallumának szerkesztésére szolgál, az alsó pedig egy normál grafikus szerkesztő. Mindegyik elem külön rétegen található, amely segítségével megváltoztatható szabványos szerszámok az oldalsó panelen található.

Folyamatosan szembesülünk a flash animációval - az interneten és a televíziós adásokban. Egyszerű Flash animációkat készíteni Flash technológiával szép dolog egyszerű feladat mivel a Flash sokat kínál hasznos eszközöket amelyek leegyszerűsítik az egész folyamatot. Ha flash-animációt vagy rajzfilmet szeretne készíteni, akkor néhány óra alatt megrajzolhatja.

Lépések

1. rész

Képkockánkénti flash animáció

A time-lapse animáció alapjai. Ezt a módszert tekintik a "hagyományos" animáció létrehozásának fő módszerének, amelyben minden következő képkocka egy, de kissé módosított képet tartalmaz. Az összes képkocka lejátszásakor a kép életre kel. Ez ugyanaz a technika, amelyet a szabadkézi animátorok használnak, és időigényesebb, mint a tweening (lásd a következő részt).

• Alapértelmezés szerint a Flash 24 képkocka/másodperc (FPS) sebességgel játszik le. Ez azt jelenti, hogy egy másodperc alatt 24 képkocka jelenik meg, de nem kell mindegyiknek különböznie. Ezt a beállítást (ha tetszik) módosíthatja 12 képkocka/másodpercre, de 24 képkocka/másodpercnél az animáció simábban fog lejátszani.

1. Telepítse a Flash Professionalt. Sok Flash animációs program létezik, de a legerősebb az Adobe Flash Professional CC. Ingyenesen telepítheti próbaverzió ezt a programot, vagy használjon másik terméket (ha nem szeretne regisztrálni az Adobe Creative Cloud szolgáltatásra). A cikk további része a Flash Professional használatának módját ismerteti.

   Mivel a képkockánkénti animációhoz több képre van szükség (amelyek kissé eltérnek egymástól), ezeket a képeket manuálisan kell létrehoznia. Ehhez használja az Adobe Flash Professional alkalmazást, vagy rajzoljon képeket bármilyen grafikus szerkesztőben.

   • Ha azt szeretné, hogy a képek könnyen átméretezhetők legyenek a minőség feláldozása nélkül, rasztergrafika helyett vektoros képeket készítsen. vektoros képekátrajzolják magukat, amikor átméretezik őket (azaz elkerüli a pixelezést vagy az élsimítást). Bittérképek- Ezek hagyományos képek, például fényképek, festett képek stb. Ha megpróbálja felnagyítani az ilyen képeket, akkor erősen torz képet kap.

2. Hozza létre az első keretet. Az Adobe Flash Professional első indításakor egy üres vászon (réteg) és egy üres idővonal jelenik meg. A keretek hozzáadásakor az idővonal automatikusan kitöltődik. A rétegekkel ugyanúgy dolgozhat, mint a Photoshopban.

   • Kép hozzáadása előtt hozzon létre egy alapvető hátteret az animációhoz. Nevezze át az „1. ​​réteget” „Háttér”-re, majd rögzítse. Hozzon létre egy második réteget, és nevezze el úgy, ahogy tetszik. Ez lesz az a réteg, amelyen létrehozza az animációt.
   • Adja hozzá a rajzot az első keret vásznához. A rajzot importálhatja a számítógépéről, vagy a rajzeszközök segítségével közvetlenül a programban hozhatja létre a rajzot.
   • Az első keret a "kulcs" keret. A kulcsképkocka olyan keret, amely egy képet tartalmaz, és az animáció gerincét képezi. Minden alkalommal, amikor módosítja a képet, új kulcskockát fog létrehozni.
   • Az idővonalon lévő kulcskockákat fekete pont jelzi.
   • Nincs szükség kulcskockára minden következő képkockában. Hozzon létre egy kulcskockát négy-öt képkockánként, hogy jó animációt készítsen.

3. Alakítsa át a képet szimbólummá. Ebben az esetben a képet többször is hozzáadhatja a kerethez. Ez különösen akkor hasznos, ha gyorsan több azonos típusú képet kell hozzáadnia egy képkockához (például halak az akváriumban).

   • Válassza ki a képet. Kattintson a jobb gombbal a képre, és válassza a "Konvertálás szimbólummá" lehetőséget. A kép bekerül a könyvtárba, így a jövőben könnyebben használható lesz.
   • Törölje a rajzot. Ne aggódjon – egyszerűen hozzáadhatja a kerethez a könyvtárból való húzással. Így többször is hozzáadhatja ugyanazt a képet a kerethez.

4. Üres keretek hozzáadása. Ha az első kulcsképkocka elkészült, helyezzen be üres kereteket, majd folytassa a második kulcskép létrehozásával. Nyomja meg az F5 billentyűt (négyszer vagy ötször), ha üres kereteket szeretne hozzáadni az első kulcskép után.

   Hozzon létre egy második kulcskockát (miután hozzáadott néhány üres keretet). Van két különböző utak Tegye ezt: másolhat egy meglévő kulcskockát, és apró módosításokat végezhet rajta, vagy létrehozhat egy üres kulcskockát, és hozzáadhat egy új képet. Ha egy másik programban készített rajzot használ, használja a második módszert. Ha az Adobe Flash Professional rajzeszközökkel készített képet illeszt be, használja az első módszert.

   • Kulcskocka létrehozásához az előző kulcskocka tartalmából nyomja meg az F6 billentyűt. Üres kulcskocka létrehozásához kattintson a jobb gombbal az utolsó képkockára az idővonalon, és válassza az Üres kulcskép beszúrása lehetőséget.
   • Miután létrehozta a második kulcskockát, módosítania kell a képét, hogy életre keltse az animációt. Ha az Adobe Flash Professional rajzeszközeit használta, válassza az Átalakítás eszközt, hogy kijelöljön egy elemet a rajzban (például egy karakter kezét), és módosítsa azt.
   • Ha minden kulcskockához új képet szúr be, győződjön meg arról, hogy a megfelelő helyen van (a keretek logikai sorrendjének megfelelően).

5. Ismételje meg a folyamatot. Két kulcskép létrehozása után ismételje meg a folyamatot – adjon hozzá néhány üres képkockát az egyes kulcskockák közé, és győződjön meg arról, hogy az animáció "simán" játssza le.

   • Végezzen apró változtatásokat. Minél kisebb (finomabb) változtatások, annál simábban játssza le az animációt. Például, ha azt szeretné, hogy a karakter felemelje a kezét, a második kulcskockának nem szabad olyan rajzot tartalmaznia, amely a karaktert már felemelt kézzel ábrázolja. Ehelyett használjon néhány kulcskockát, hogy a leengedett karról a felemelt karra lépjen. Ebben az esetben az animáció simább lesz.

6. Konvertálja a rajzot. Miután létrehozta a kulcskockákat és a pályát, átalakíthatja a képet úgy, hogy az zökkenőmentesen változzon, ahogy halad az iker pályáján. Módosíthatja a kép alakját, színét, dőlését, méretét és bármely más paraméterét.

   • Válassza ki a keretet, amelyben a kép átalakul.
   • Nyissa meg a kép tulajdonságai panelt. Ehhez nyomja meg az F3 billentyűt.
   • Módosítsa a paraméterértékeket a kép tulajdonságai ablakban. Például megváltoztathatja az árnyalatot vagy a színt, hozzáadhat szűrőket, átméretezheti.
   • A Free Transform eszköz segítségével tetszés szerint módosíthatja a képet.

7. Végezze el az utolsó simításokat. Tesztelje a létrehozott animációt a Ctrl + Enter megnyomásával. Győződjön meg arról, hogy a rajz (karakter) megfelelően változik, és az animáció a megfelelő sebességgel játssza le. Ha az animáció túl gyorsan játszik le, csökkentse az FPS-t vagy növelje az iker időtartamát.

   • Az alapértelmezett FPS 24, ezért próbálja csökkenteni ezt az értéket 12-re. Módosítsa az FPS értéket a tulajdonságsorban. FPS = 12 esetén azonban előfordulhat, hogy az animáció nem játszható le megfelelően.
   • Az iker időtartamának módosításához válassza ki az ikertestet tartalmazó réteget, és a csúszkával módosítsa az iker időtartamát. Ha meg szeretné duplázni az iker időtartamát, mozgassa a csúszkát 48 képkockával. Ne felejtse el beszúrni a hátteret az üres keretekbe, hogy a háttér ne tűnjön el az animáció közepén. Ehhez válassza ki a háttérréteget, kattintson az animáció utolsó képkockájára (az idővonalon), majd nyomja meg az F5 billentyűt.

3. rész

Hangeffektusok és zene hozzáadása

1. Felvétel vagy letöltés hang hatásokés zene. Hangeffektusokat adhat az animációhoz, hogy hatékonyabb legyen. A zene izgalmasabbá teszi az animációkat, és a jó animációkat nagyszerűvé teheti. A Flash számos hangfájlformátumot támogat, beleértve az AAC, MP3, WAV és AU formátumokat. Válasszon olyan formátumot, amely garantálja a kiváló hangminőséget a legkisebb fájlméret mellett.

   • Az MP3 formátum kiváló hangminőséget garantál a legkisebb fájlméret mellett. A WAV fájlok nagyok.

2. Hangfájlokat importálhat a könyvtárba, hogy gyorsan hozzáadhasson hangokat és zenét az animációkhoz. Kattintson a Fájl - Importálás - Importálás a könyvtárba elemre. Keresse meg a hangfájlt a számítógépén. Győződjön meg róla, hogy az audiofájl neve könnyen megjegyezhető, így gyorsan megtalálhatja.

   Hozzon létre egy új réteget minden hangfájlhoz. Ez nem kötelező, és hozzáadhat hangot a meglévő rétegekhez, de ha az audiofájlt külön rétegre illeszti be, akkor jobb irányítást biztosít. hangsávélénkség.

   Hozzon létre egy kulcskockát, ahol elkezdődik a hang lejátszása. A hangrétegen válassza ki azt az animációs keretet, amelyből a hang lejátszása elindul. Üres kulcskép beszúrásához nyomja meg az F7 billentyűt. Például, ha olyan hangfájlt szeretne beszúrni, amely az animáció során végig fog játszani, válassza ki az első képkockát az audiofájl rétegen. Ha egy karakter hangját ad hozzá, válassza ki azt a keretet, ahol a karakter beszélni kezd.

Ezen honlap Flash animáció készítésére és szerkesztésére szolgáló programokat ajánlunk figyelmükbe. Segítségükkel saját ötleteit animált videókban valósíthatja meg webhelyére.

Flash szerkesztő Flash animációk készítésére és kész flash videók szerkesztésére szolgáló program.

FLA formátum a klip forrásdokumentuma. Miután megnyitotta, belép a Macromedia Flash programba, és tovább szerkesztheti a klipet.

SWF formátum egy futtatható Flash fájl, ha rákattint, megtekintheti a klipet a Macromedia Flash Player segítségével.

Animáció Adobe Flash Professional segítségével

Adobe Flash Professional CS3- ennek a programnak az előnyei és funkcionalitása nagyon sokáig leírható. Ez a program vitathatatlanul vezető szerepet tölt be a flash technológiai környezetben. Az Adobe Flash Professionalt professzionális weboldal-fejlesztők és flash-tervezők egyaránt használják.

A program segítségével a legbetegebb fantázia is villámgyorsan megvalósulhat. Általánosságban elmondható, hogy ha úgy dönt, hogy professzionális animált flash fájlokat hoz létre, akkor az Adobe Flash Professional pontosan az a program, amely nélkül nem nélkülözheti.

A hangerő a verziótól függ 500 Mb-tól.

Tovább Ebben a pillanatban Adobe Flash Professional CS5 - egy új verzió programok animációval és multimédiával való munkához.

OS: Windows XP / Vista / 7

Képernyőkép a programról:

letöltés Adobe Flash Professional CS3

Talán egy kezdő webmesternek, aki flash animációt készíthet Adobe programok A Flash Professional nehéznek és elérhetetlennek tűnik.

Ebben az esetben ne ess kétségbe, és add fel, amit elkezdtél. Próbálja ki flash ötleteit a Swishmax segítségével.

Swishmax - flash szerkesztő

SwishMAX Alternatív program barátságos és egyszerű felülettel flash-animáció létrehozásához, amely kevésbé funkcionális, mint az előző, ugyanakkor lehetővé teszi a jó minőségű eredmény elérését. Az alsó flash szerkesztő fő előnye a könnyű használhatóság. Még egy kezdő felhasználó is képes lesz rövid időn belül professzionális flash-videókat készíteni a segítségével, ha videoleckék vannak kéznél.

Méret: 9,27 MB.

A felület nyelve orosz.

Operációs rendszer: Windows 98 / Me / NT / 2000 / XP

Képernyőkép a programról:

letöltés Swishmax

Alligator Flash Designer

A következő flash program még egyszerűbb, mind a funkcionalitásban, mind a felület tartalmában. Ennek a flash szerkesztőnek a képességei lehetővé teszik, hogy percek alatt egyszerűen készítsen flash bannert egy webhelyhez.

Több mint 130 effektus létezik: fade, zoom, forgatás. Animált rajzok, formák vagy szövegek, sőt hangok is könnyen hozzáadhatók a Flash-animációhoz.

Itt az OnClick vagy az OnOver is megadható.

Méret: 5,3 MB.

A felület nyelve orosz.

OS: Windows XP / Vista / 7

Képernyőkép a programról:

letöltés Alligator_Flash_Designer_7.0

Egy másik program, amely nem egy flash animáció szerkesztő, de képességei szükségesek egy kezdő webdesigner számára.

Flash decompiler trillix

Flash Decompiler Trillix - ennek a programnak a fő célja az SWF fájlok FLA formátumba történő exportálása egyetlen egérkattintással. Lekéri az összes Flash objektumot innen SWF fájlés elmenti őket egy FLA fájlba, amely Flashben tovább szerkeszthető.

A Flash Decompiler előnye a hangok, képek, színek, színátmenetek, vonalak, dinamikus szövegek és hivatkozások szerkesztése FLA-ba konvertálás nélkül.

Méret: 7,27 MB.

A felület nyelve orosz.

OS: Windows XP / Vista / 7

Képernyőkép a programról:

letöltés Flash Decompiler Trillix

2014. október 13