Ingyenes program flash-animáció létrehozásához kész kisalkalmazások segítségével.

Azt hiszem, sokan közületek próbáltak már saját weboldalakat létrehozni (és talán még egy nagyon népszerű portál tulajdonosa is).

Így vagy úgy, mindenki találkozott már a weboldalak hatékony tervezésének problémájával. És mivel a statikus HTML-kód fokozatosan a múlté válik, ma sokan az olyan népszerű technológiák felé fordítják figyelmüket, mint a JavaScript és a Flash. Lehetővé teszik gyönyörű animált dinamikus oldalak létrehozását fejlett funkciókkal.

Egy szakembernek nem lesz nehéz elkészítenie egy kis animált flash bannert, de mit tegyen a többi avatatlan? Ha a programozási nyelvek alapos tanulmányozása nem része a közvetlen terveinek, akkor, mint mindig, speciális szoftverek segítségét kérheti. Ma a programban való munkavégzés alapjaival ismerkedünk meg Advanced Effect Maker.

Ez a segédprogram lehetővé teszi mindenféle flash és JavaScript effektus létrehozását, mind a saját „a semmiből”, mind a kész sablonok! Az Advanced Effect Maker több kiadásban létezik, amelyek különböznek a kész effektusok számában és a felhasználói szabadság mértékében. Hasonlítsuk össze a maximális és ingyenes konfigurációkat:

Az Advanced Effect Maker Free Edition Flash szerkesztő ingyenes verziójának összehasonlítása a Commercial Edition kereskedelmi verziójával

Legnagyobb hátránya ingyenes verzió programok - egyfajta pre-apploder jelenléte, amely lehetővé teszi néhány kész effektus megtekintését csak a létrehozott szalaghirdetésre való kattintás után. Itt lényegében minden különbség véget ér :).

Program telepítés

Az Advanced Effect Maker telepítése szabványos módon történik, ezért folytassuk közvetlenül a programmal való munkával:

Amikor először indítjuk el, felkérjük, hogy olvassuk el a licencszerződést. Az elfogadáshoz kattintson az „Elfogadom” gombra. Ezt követően elkezdheti tanulmányozni a segédprogram felületét:

Interfész és munka a szerkesztővel

Az angol nyelv ellenére itt minden egyszerű és világos. Az Advanced Effect Maker ablak két részre oszlik. A bal oldalon csak két nagy gomb található: az első az elérhető effektusok galériájába való belépéshez, a második pedig további kisalkalmazások hozzáadásához (ez akkor van, ha meg szeretné vásárolni őket;)). A jobb oldalon az elérhető sablonok katalógusa látható alszakaszokkal és előnézeti ablakkal, valamint egy effektus-szerkesztő területtel.

A szerkesztés megkezdéséhez szükséges sablon, csak kattintson a képére, és ha csak azt szeretné látni, hogyan működik, kattintson a kép alatti „Előnézet” gombra:

Nyitáskor kívánt hatást Egy már létező fájlról szóló üzenet jelenhet meg. Ha ez megtörténik, egyszerűen hagyja figyelmen kívül az „OK” gombra kattintva:

Ha a sablon sikeresen megnyílt, több lapot fogunk látni, amelyek mindenféle beállítást tartalmaznak:

Programbeállítások és animációkészítés

Az első fül az „Általános”. Itt található Általános beállítások projekt. Általában ezek a méretek (szélesség - szélesség és magasság - magasság), a név (fájlnév), a jövőbeli fájl minősége (minőség), valamint a flash film ablakmódja (ablak mód).

A második lap, a „Szín”, ahogy a neve is sugallja, a projektben használt színekért felel. Itt minden nagyon világos, úgyhogy térjünk át a következőre – „Üzenetek”:

Itt két mezőnk van. Az első mezőben (bal oldalon) beírjuk azt a szöveget, amelyet speciális effektussal kell megjelenítenünk, a másodikba pedig azt a hivatkozást, amelyet a felhasználó a bannerünkre kattintva követ. Az Advanced Effect Maker előnye, hogy korlátlan számú szövegsort (és hivatkozásokat is) írhatunk be, de a fő hátránya az orosz nyelv támogatásának hiánya:(.

A következő két lap a betűtípusok (Fonts) és az animációs tulajdonságok (Others) kezelésére szolgál. Egy figyelmeztetés: ha alternatív TTF-betűtípusokat szeretne használni, először át kell konvertálni azokat, hogy kompatibilisek legyenek az Advanced Effect Makerrel. Ehhez hívja meg a „Betűtípusok konvertálása” eszközt az „Eszközök” menüből, és a kívánt betűtípus kiválasztása után kattintson a „Konvertálás” gombra:

Ha minden módosítást végrehajtott, kattintson a „Kisalkalmazás létrehozása” gombra. Ezt követően két fájl jön létre a projekt célmappájában: SWF (közvetlen animáció) és HTML (utasításokat tartalmaz az eredményül kapott animációnak az oldal kódjába való implementálásához):

Munkaeredmények mentése

Ez azonban még nem minden. Az Advanced Effect Makerrel létrehozhatod saját effektusodat egy meglévő effektus alapján, vagy teljesen a semmiből! Ehhez lépjen az „Eszközök” menübe, és aktiválja a „Plugin Maker” elemet:

Itt először meg kell adnia az új projekt nevét, valamint néhány egyéb paramétert (opcionális). Ezután kattintson a „Kisalkalmazás létrehozása” gombra, és közvetlenül az effektusszerkesztő ablakba lépünk:

Számos gomb található itt, amelyek lehetővé teszik néhány szabványos funkció bevitelét a jövőbeli hatásszkriptbe. Az egyetlen probléma az, hogy az összes szükséges változót és értéket saját kezűleg kell megadnia, és ehhez bizonyos ActionScript vagy JavaScript programozási ismeretekre van szükség :(.

következtetéseket

Az Advanced Effect Maker tetszetős lehet a kezdő webtervezők számára, mivel segítségével könnyedén készíthet lenyűgöző bannereket, animált menüket, diavetítéseket és még kisebb játékokat is (például címkéket). Az előapploder formájában jelentkező hiányosság (ha a kiválasztott effektben jelen van) speciális SWF fájl visszafejtő programokkal (az ingyenesekkel is) kiküszöbölhető ;).

Sok sikert kívánok minden igyekezetéhez és kreatív sikereket!

P.S. Engedélyt adunk ennek a cikknek a szabad másolására és idézésére, feltéve, hogy a forrásra mutató nyílt aktív hivatkozást feltüntetik, és megőrzik Ruslan Tertyshny szerzőségét.

Gondolkozott már azon, hogy mi rejlik az interneten található bannerek gyönyörű animációi mögött? Vagy a segítségével készített újszerű rajzfilmek megtekintése számítógépes technológia? Leggyakrabban a „húson” alapulnak, pontosabban így fordítják a nevet angolból Flash technológiák. Ma a weboldal flash animációjáról fogunk beszélni:

Flash technológia

A multimédiás keretrendszert a Macromedia fejlesztette ki. Ám abszorpciója (egyesülése) után a technológia minden joga átkerült az új tulajdonoshoz - az Adobe Systemshez.

A modern terület Adobe alkalmazások Vaku:

• A webalkalmazások készítése meglehetősen új irány. Magában foglalja a Flash teljes vagy részleges használatát webhelyek létrehozásához. Részleges alkalmazás esetén ez a technológia egyedi tervezési elemeket hoz létre: különféle interaktív menük, animált gombok stb.

A hagyományos HTML-alapú forrásokhoz képest a Flash-webhelyeknek van néhány olyan funkciója, amely korlátozza a használatukat. Ide tartozik a magas fejlesztési költség, a szerver erőforrásokkal szembeni igény, hosszú ideje letöltések lassú internetkapcsolaton és néhány egyéb szempont:

• Multimédiás képességek megvalósítása - a weboldalakon lévő hangok hallgatásához és videók lejátszásához gyakran használnak Flash-alapú médialejátszókat. Fejlesztésük magában foglalja az egyik szkriptnyelv (általában 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 a multimédiás reklámozást jelentik, hanem valamilyen játékalapú interakciót is a felhasználóval.

A Flash fejlesztés alapjai és eszközök

Flash-animáció létrehozásához 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ásfelületek létrehozására szolgáló környezet;
• Vályogtégla Flash player– böngészőbe integrált lejátszó a Flash lejátszásához.

Ezen kívül számos eszköz képes lejátszani az ilyen típusú multimédiás tartalmakat. harmadik féltől származó alkalmazások. A legnépszerűbbek a Gnash, a QuickTime és néhány más:

Ez a technológia lehetővé teszi bármilyen típusú grafika megjelenítését ( raszter, vektor, 3D). Támogatja az audio és video adatok streaming továbbítását is. Különösen a 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-ben azon 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, függetlenül attól technikai sajátosságok képernyőfelbontás).

A Flash interaktív animációja a morphingon (vektor típusú) alapul, amelyben lassú áramlás van a kulcskockák között. Az adatok lejátszásához flash lejátszót használnak, amelynek működése sok tekintetben hasonlít a 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 rajta CPU kliens gép. Ennek oka a Flash virtuális gép alacsony hatékonysága, amely a lejátszóval együtt be van építve a felhasználó böngészőjébe;
• Nagy a hibák valószínűsége – Flash-animáció lejátszása nagy valószínűséggel fordulhat elő. 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 összes szöveges tartalom nincs indexelve. Ez a korlátozás Ez különösen problémás azoknál az erőforrásoknál, amelyeket e technológia alapján hoznak létre.

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

A Sothink SWF Quicker prototípus alkalmazásnak készült, amelyen bemutatjuk 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) „tud” dolgozni:

A telepítés után lépjen a program felhasználóbarát felületére. Sajnos az összes zug-zug átbarangolása után nem találtunk interfész nyelvi kapcsolót.

Annak érdekében, hogy megértsük, hogyan készítsünk flash animációt ebben az alkalmazásban, a beépített sablonokat fogjuk használni. A program elindí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 felkínált lehetőségek közül választottuk a banner létrehozását:

A következő varázsló ablakban 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ót irányítani kell:

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őtartamának szerkesztésére szolgál, az alsó pedig egy normál grafikus szerkesztő. Mindegyik elem külön rétegen található, amely az oldalsávon található szabványos eszközökkel módosítható.

Folyamatosan találkozunk flash-animációkkal – az interneten és a televíziós adásokban. Egyszerű Flash-animáció készítése Flash technológiával meglehetősen egyszerű feladat, mivel a Flash rengeteget 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, néhány óra alatt megrajzolhatja.

Lépések

1. rész

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

A stop-motion 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 ugyanazt, de kissé módosított képet tartalmazza. Az összes képkocka lejátszásakor a kép „életre kel”. Ez ugyanaz a módszer, mint a kézzel rajzolt rajzfilm-animátorok, és időigényesebb, mint az ikerintézmény (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 akarja) módosíthatja 12 képkocka per másodpercre, de 24 képkocka/másodpercnél az animáció simábban fog lejátszani.

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

   Mivel a képkockánkénti animációhoz több kép szükséges (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 romlása nélkül, rasztergrafika helyett vektorgrafikus formátumban készítse el a képeket. vektoros képekátrajzolják magukat, ahogy átméretezik őket (ami azt jelenti, hogy elkerüli a pixilációt vagy az élsimítást). A raszteres képek hagyományos képek, például fényképek, rajzolt 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, ahogy tetszik. Ez lesz az a réteg, amelyen létrehozza az animációt.
   • Adjon hozzá egy rajzot az első keretvászonhoz. 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 kulcskeret 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ővonal kulcskockáit fekete pont jelzi.
   • Nincs szükség kulcskockára minden következő képkockánál. 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 hasonló képet kell hozzáadnia egy kerethez (például halak az akváriumban).

   • Válassza ki a rajzot. 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ó.
   • Törölje a rajzot. Ne aggódjon – hozzáadhatja a keretéhez úgy, hogy egyszerűen húzza a könyvtárból. Így többször is hozzáadhatja ugyanazt a rajzot egy kerethez.

4. Üres keretek hozzáadása. Ha elkészült az első kulcskocka, helyezzen be üres kereteket, majd kezdje el létrehozni a második kulcskockát. 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 ehhez: átmásolhat egy meglévő kulcskockát és apróbb változtatásokat hajthat végre 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 Adobe Flash Professional rajzeszközökkel készített képet szúr 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 az animáció életre keljen. Ha Adobe Flash Professional rajzeszközöket használt, válassza az Átalakítás eszközt a rajz egy elemének (például egy karakter keze) kiválasztásához és módosításához.
   • 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ó zökkenőmentesen lejátszódik.

   • Végezzen apró változtatásokat. Minél kisebb (finomabb) a változtatások, annál simább lesz az animáció. Például, ha azt szeretné, hogy egy karakter felemelje a kezét, a második kulcskockának nem szabad tartalmaznia a már felemelt kézzel ábrázolt karaktert. Ehelyett használjon több kulcskockát, hogy leengedett kézről felemelt kézre váltson. Ebben az esetben az animáció simább lesz.

6. Alakítsa át a rajzot. Ha kulcskockákat és elérési utat hozott létre, átalakíthatja a képet úgy, hogy az egyenletesen változzon, ahogy halad a tween útvonalán. Módosíthatja a kép alakját, színét, dőlését, méretét és bármely más aspektusát.

   • Válasszon egy keretet, amelyben a rajz átalakul.
   • Nyissa meg a rajz tulajdonságai panelt. Ehhez nyomja meg az F3 billentyűt.
   • Módosítsa a beállításokat a rajz tulajdonságai ablakban. Például megváltoztathatja az árnyalatot vagy a színt, hozzáadhat szűrőket, módosíthatja a méretet.
   • A Free Transform eszközzel is módosíthatja a rajzot, ahogy akarja.

7. Adja hozzá 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átszódik le, csökkentse az FPS értékét, vagy növelje a tween 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ágok panelen. FPS = 12 esetén azonban előfordulhat, hogy az animáció nem játszható le megfelelően.
   • A tween időtartamának módosításához válassza ki a tween-t tartalmazó réteget, és a csúszkával módosítsa a tween időtartamát. Ha meg szeretné duplázni az iker időtartamát, mozgassa a csúszkát 48 képkockára. Ne felejtse el beilleszteni a hátteret az üres keretek közé, 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ásosabb legyen. A zene izgalmasabbá teszi az animációt, és egy jó animációt nagyszerűvé varázsolhat. Flash támogatja különféle formátumok audio fájlok, köztük AAC, MP3, WAV és AU. Válassz olyan formátumot, amely garantálja jó minőség hang minimális fájlmérettel.

   • Az MP3 formátum kiváló hangminőséget garantál minimális fájlméret mellett. A WAV fájlok nagy méretűek.

2. Hangfájlokat importálhat a könyvtárba, hogy gyorsan hangokat és zenét adhasson animációihoz. 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ájlnak könnyen megjegyezhető neve van, hogy gyorsan megtalálja.

   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 egy külön rétegre illeszti be, akkor nagyobb szabályozást kaphat hangsávélénkség.

   Hozzon létre egy kulcskockát, amely elindítja a hang lejátszását. A hangrétegen válassza ki azt az animációs keretet, amelyből a hang lejátszása megkezdődik. Ü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álasszon olyan felvételt, ahol a karakter beszélni kezd.

Ingyenes program szinte bármilyen bonyolultságú flash videók készítéséhez! Szinte minden szükséges eszközt tartalmaz a mindennapi vakuval végzett munkához, kezdők és profik egyaránt használhatják. A program fő különbsége és előnye az ActionScript 2.0 támogatása, amely nélkül egyszerűen elképzelhetetlen a professzionális Flash-tartalom létrehozása.

Úgy tűnik, Dima Bilannak igaza van, amikor azt mondja, hogy a lehetetlen lehetséges :). Egészen a közelmúltig a webfejlesztőknek vagy kalózkodniuk kellett, vagy elég sok pénzt kellett fizetniük azért, hogy Flash-animációval dolgozhassanak. És most végre eljött az óra, amikor megjelent egy harmadik teljes értékű lehetőség - egy ingyenes flash szerkesztő használata.

Korábban is volt már egy hasonló program az oldalunkon, de hátránya volt, hogy kissé elavult, korlátozott eszközkészlettel rendelkezett, és hiányzott az ActionScript programozási nyelv támogatása, amely annyira szükséges valamelyest funkcionális weboldalak, játékok készítéséhez, stb.

Ma egy teljesen modern flash szerkesztőt mutatok be, amely szinte egyenrangúan versenyezhet a híres Adobe Flash-lel - Vektoriánus Giotto.

A Vectorian Giotto összehasonlítása egy fizetős analóggal

Mint látható, a Vectorian Giotto fejlesztői mindent megtettek, és igyekeztek a lehető legtöbbet beleilleszteni programjukba lehetséges készlet Az Adobe Flash-hez hasonló funkciók. Ráadásul a gyorsbillentyűk nagy része is ugyanaz, így aki szokott az Adobe szerkesztővel dolgozni, annak nem okoz nagy nehézséget a váltás ingyenes platform Vectorian Giotto!

No meg „desszertnek” be ingyenes szerkesztő Van még valami, ami a „nagy testvérből” időnként hiányzik – az animációs effektusok beépített könyvtára, amely különösen azok számára fog tetszeni, akik flash bannereket készítenek.

Felkészülés a munkára

A Vectorian Giotto-val való munka megkezdéséhez le kell töltenünk az archívumot a telepítővel, amely egyébként mindössze 8 megabájtot nyom! Az archívum letöltése után nyissa meg, és futtassa a fájlt VectorianGiotto.exe.

Annak ellenére, hogy a telepítés (és maga a program sajnos :)) angol nyelvű, nem okozhat nehézséget, hiszen az alapértelmezett beállításokon nem kell semmit módosítani. Csak kattintson többször a „Tovább” gombra, és várja meg, amíg a telepítési folyamat befejeződik;).

Első ismerkedés a felülettel

A telepítés végeztével, ha nem változtattunk rajta semmit szabványos beállításokat, a Vectorian Giotto munkaablak teljes képernyőn jelenik meg:

Ahogy már mondtam, a program felülete angol nyelvű, így a cikkben leírt további műveletek végrehajtása során a félreértések és félreértések elkerülése végett szeretnék néhány fogalmi apparátust bemutatni :). Kezdjük szokás szerint fentről lefelé és balról jobbra.

Menüsor. Ez az a panel, amelyen a Vectorian Giotto program összes menüje található. Amikor animációval dolgozik, szüksége lehet olyan szakaszokra, mint a „Fájl” (az animáció SWF-be mentéséhez és exportálásához), „Nézet” (a munkaterület megjelenítési paramétereinek beállításához), „Módosítás” (az aktuális dokumentum paramétereinek kezeléséhez, ill. könyvtári effektusokkal való munkavégzés) és az „Ablak” (a megjelenített modulok és programpanelek testreszabásához).

Fő eszköztár. Itt találhatók a projektműveletek kezelésére szolgáló gombok és egy animáció lejátszási panel.

Rajz panel (a programablak teljes bal oldalát elfoglalja). Itt megtalálja az összes szükséges eszközt az animáció kívánt objektumainak létrehozásához, valamint gombokat, amelyek lehetővé teszik a szükséges eszközök paramétereinek konfigurálását.

Storyboard (vagy idővonal). Lehetővé teszi a keretcellák és a létrehozott rétegek kezelését.

Színes vezérlőpanel. Segítségével gyorsan megváltoztathatja a korábban létrehozott formák színét. Az animációs objektumok kitöltésének típusának kiválasztására is szolgál (szilárd, színátmenet stb.).

Munkaterület. Ez egy virtuális „papírlap”, amelyet az animációk megrajzolásához terveztek :).

ActionScript szerkesztő. Ha nem egyszerű bannereket kell létrehoznia, hanem valami bonyolultabbat, beleértve a gombokat és mindenféle interaktív objektumot, akkor nem nélkülözheti a szkriptszerkesztőt.

Clip szerkezet panel. Megjeleníti az összes „keretben” lévő alakzatot, és lehetővé teszi a gyors váltást közöttük és a sorrendjük kezelését.

Tulajdonságok panel. Minden flash objektum bizonyos tulajdonságokkal rendelkezik. Ez a panel szolgál ezek kezelésére.

Átalakító panel. Lehetővé teszi a kiválasztott animációs elem méretének és pozíciójának gyors megváltoztatását.

Elemek könyvtára. Létrehozott vagy importált objektumok listáját jelöli, amelyek beilleszthetők (és többször is!) animációba.

Ezen honlap Flash animáció készítésére és szerkesztésére szolgáló programokat ajánlunk figyelmébe. Segítségükkel saját ötleteit megvalósíthatja weboldala animációs videóiban.

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

FLA formátum a klip forrásdokumentuma. Megnyitása a programhoz vezet. Macromedia Flashés tovább szerkesztheti a klipet.

SWF formátum- ez végrehajtható Flash fájl, ha rá „kattint”, lehetőséged van a klipet a Macromedia Flash Player programmal megnézni.

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 webhely-fejlesztők és flash-tervezők egyaránt használják.

A program segítségével a legbetegebb fantáziát is villámgyorsan megvalósíthatod. Á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ő webmester számára kissé bonyolultnak és elérhetetlennek tűnik a flash animáció készítése az Adobe Flash Professional programmal.

Ebben az esetben ne essen kétségbe, és hagyja abba, amit elkezdett. Próbálja ki flash ötleteit a Swishmax programmal.

Swishmax – flash szerkesztő

SwishMAX egy alternatív program egy barátságos és egyszerű felület Flash-animáció létrehozásához, amely kevésbé funkcionális, mint az előző, de így is 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.

Kötet: 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

Az alábbi flash program még egyszerűbb, mind funkcionalitásban, mind interfész tartalmában. Ennek a flash szerkesztőnek a képességei megkönnyítik, hogy néhány perc alatt flash bannert készítsenek egy webhelyhez.

Több mint 130 effektus létezik: eltűnés, nagyítás, forgatás. Animált képek, alakzatok 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ó.

Kötet: 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 exportálása FLA formátumba egyetlen kattintással. Kibontja az összes Flash-objektumot egy SWF-fájlból, és FLA-fájlba menti, amely később szerkeszthető Flash-ben.

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.

Kötet: 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