Az első flash-bannered

A saját animáció létrehozása a Flash-ben még olyan ember is lehet, aki teljesen megfosztja a rajzolás képességét (vagy több mint elegendő képességet, de az ujját egy buldózer hajtja). Ne légy kétségbe! Összekötjük a hosszú szenvedő ujjainkat, ígérve, hogy nem ellenőrizzük újra, hogy miért működik megfelelően a húsdaráló, és elkezdjük tanulmányozni a jövő kézművességének alapjait.

Mint ismeretes, filmben alkalmazott frame rate 24 másodpercenként, de az animáció, kifejezetten az interneten, elég 12. Minél nagyobb a sebesség, annál simább mozgást fog derülni, de sokkal több CPU terhelés esetén alapvető fontosságú, a komplex jelenetek. A Flash lejátszás sebessége a processzortól függ, és a különböző számítógépeken ez jelentősen változhat. Általában ez fékezhető vagy szakaszos mozgásban nyilvánul meg, különösen akkor, ha a komplex animáció szinkronizálódik a hanggal.

Miután eldöntöttük a forgatókönyvet, elkezdjük a kreativitást. Először is meg fogjuk határozni, hogy milyen méretű legyen a banner. Hagyja, hogy ez legyen a standard 468x60 formátum a bannercserélő hálózatokban. Ezeket a dimenziókat meg kell adni a Szalag és magasság mezőben a Módosítási film [Ctrl + M] Film tulajdonságai panelen. Ugyanabban az ablakban kiválaszthatja a bannerünk háttérszínét (Háttérszín), valamint a Frame Rate (Felvétel arány) mezőben megadjuk az értéket (fps) - a másodpercenkénti keretek számát.

Miután az összes film beállítása megtörtént, és megnyomta az OK gombot, ellenőrizze a jelenet kijelzőjének méretét. Szükség esetén állítsa 100% -ra.

Most létrehozzuk a jövő banner alapját - egy mozgó felirat:
  • Válassza ki a Szöveg eszközt [T].
  • Nyissa meg az eszköz beállítási paneljét: Ablakpanelek karakterek [Ctrl + T] vagy kattintson a "A" betű megnyomásával az ablak jobb alsó sarkában.
  • A Karakterek panel Betűtípus legördülő menüjében nyissa meg a cirill betűtípust, például Arial Cyr.
  • Állítsa be a kívánt méretet, például a 35-öt és a színt.
  • Kattintson a felirat kezdetének helyére (esetünkben - a banner elején), és írjuk be a szöveget. Ha hirtelen világossá vált, hogy a választott méret vagy a szín nem megfelelő, kapcsoló eszköz Arrow [M] (fekete nyíl az eszköztáron), és válassza ki a szöveg, kattintson rá. A keret körül egy keret jelenik meg, mostantól megváltoztathatja paramétereit a Karakterek panelen: méret, betűszín stb.

    Itt az ideje az első animációnak. Nyugodj meg a kezek remegve az izgalomtól, és továbbra is hozzon létre:
  • A szöveg szimbólumká alakítása: Illessze be a szimbólumot [F8]. Ne felejtse el megadni a megfelelő nevet, és adja meg a grafika típusát. A létrehozott szimbólum a jelenlegi projekt könyvtárába kerül.
  • Válassza ki a 20. képkockát az idővonalon, és helyezze be a kulcskeret Insert Keyframe [F6] beillesztését. Az új keret bal oldalán szürke sáv jelenik meg, amely az első kulcskeretből származik.
  • Visszatérés az első képkockára, és a felirat felhelyezése a banneren a határán túl, például a jobb szélére.
  • Tartása az első keret, nyissa meg a keret beállítások panel ablak panelek Frame [Ctrl + F] (akkor is kattints megjelenítése Bíróság gombra a jobb alsó sarokban), majd kapcsoljuk be a Frame lapra.
  • A legördülő menüben Tweening (közbenső keretek létrehozása), válassza ki az animáció típusát - Motion, vagyis a mozgás animációt. A kulcskeretek között a szürke sáv a kék színnel jobbra nyílik.

    A lejátszás elejétől kezdődően a film vagy a klip lejátszásához szükséges idő jelenik meg az Idővonal statisztikában. Az egyes epizódok tényleges időtartama kissé eltérhet a megjelenített értéktől, amelyet a beállított fps alapján számítanak ki. Ez főként az egy keret képének felépítéséhez szükséges számítások összetettségétől és a számítógép sebességétől függ.

    A rétegek használata remek módja a film létrehozásának. Ezenkívül a különböző rétegekre helyezett objektumok egymásra helyezhetők vagy elrejthetők, így a jelenet térfogatának szimulálását eredményezheti, a rétegek megfelelő alkalmazása jelentősen csökkentheti a kész fájl méretét. Minden animált objektumot saját rétegére kell helyezni. Így a szükséges hatásokat sokkal gyorsabban érheti el, és csökkenti a CPU terhelését.

    Minden egyes réteg esetében próbálj meg megfelelő nevet találni. A réteg nevének módosításához kattintson duplán a réteg nevére, és írjon be egy újat.

    Ha feltételezzük, hogy a gombok animált objektumokkal rendelkeznek, előzetesen készítsenek filmklipeket, majd csak helyezze őket a megfelelő gomb keretbe.

    Szcenárióink szerint a szövegnek nem csak "megy" a képernyőre, hanem egy idő után eltűnik. Ezért a szimbólumot kissé meg kell szenvednünk a szöveggel, mert animáljuk a szimbólumot, nem maga a szöveg.
  • Helyezzen be egy új kulcskeretet, ezúttal a 60-as. Remélem, már hozzászoktok ahhoz, hogy ehhez ki kell választania a megfelelő keretet és nyomja meg az F6 billentyűt. Így beállítottuk az időt a szöveg statikus megjelenítésére, miután megálltunk - körülbelül három és fél másodpercig.
  • Helyezze be az utolsó kulcskeretet, például a 80-as számot.
  • A legördülő listából válassza ki az Alpha effektust, és a csúszkával mozgassa az átlátszóságot nullára.

    Most hozzá kell adnod a film utolsó elemét - egy forgó négyzetet:
  • Hozzon létre egy új szimbólumot: Helyezze be az új szimbólumot [Ctrl + F8], rendelje hozzá a kívánt nevet és állítsa be a Film Klip típust.
  • Válassza ki a téglalap [R] eszközt, és állítsa be a kitöltési színt és a szegélytípust. A szín kiválasztható a paletta (Mixer panel) menüjében (Window Panels Mixer), vagy a program jobb alsó sarkában lévő megfelelő gombbal.
  • Rajzolj egy négyzetet, és megpróbálod úgy tenni, hogy a tárgy középpontja ténylegesen a négyzet közepére esik, vagy mozgassa a már rajzolt négyzetet.
  • A négyzetet grafikus szimbólumgá alakítsa, ahogy korábban a szöveggel együtt.
  • Helyezze a kulcskeretet például a 30. keretre.
  • Válassza ki az első keretet, nyissa meg a Frame panelt ebben a keretben, és adja meg a megszokott mozgásanimációs típust.
  • A Forgatás legördülő menüben válassza ki a forgatást az óramutató járásával megegyező irányba - CW, és a Times mezőben adja meg, hogy hány revolcióval kell az objektumot készíteni (pl. Egy).

    Még mindig nagyon kevés - a létrehozott filmklipet elhelyezni a színpadon, vagyis a zászlón:
  • Váltson a jelenet módra a rétegek feletti Scene1 fülre kattintva.
  • Adjon hozzá egy új réteget. Ehhez kattints a papír képére az ívelt sarok és a plusz jel mellett a rétegek listáján.
  • Menjen a létrehozott réteg első keretébe, kiválasztva az egérrel.
  • Nyissa meg a projekt könyvtárát: Ablakkönyvtár [Ctrl + L] vagy kattintson a könyvre a képernyő jobb alsó sarkában.
  • Keresse meg a könyvtárban található forgó négyzet filmcímeit, és vigye át a helyszínre, helyezze a banneret a megfelelő helyre.
  • Ha egy négyzet létrehozásakor hibát vétett a dimenziókkal, akkor rendben van, használja a Méretarány-módosítót, és változtassa meg a négyzet méretét a kívánt értékekhez.
  • Győződjön meg arról, hogy a Flash létrehozott egy nem animált vonalzót ehhez a réteghez az Idővonal panelben, amely egyenlő az előzőhöz képest. Ha ez nem történik meg, kattintson a réteg utolsó kockájára, és helyezze be az üres kereteket: Insert / Flame [F5].

    Természetesen lehetséges lenne megmaradni a már létrehozott, de csak a békéről álmodunk! Nem gondolod, hogy a forgó tér nagyon magányos és nem fog fájni néhány színes barátot? Ehhez nem kell új videoklipeket készíteni, csak a meglévőket használhatja kis változásokkal az egyes példányokhoz:
  • Helyezze a bannerre még pár négyzetet a megfelelő filmcsipeszről a projektkönyvtárból a helyszínre húzva, a már meglévő rétegre az első négyzeten.
  • Miután a négyzetek elfoglalták helyüket, és méretük szerint illeszkedtek, válasszuk ki az egyiket az egérrel rákattintva.
  • Nyissa meg az Effects példány hatások paneljét, és válassza a legördülő menü Tint effektuma lehetőséget. Állítsa be a kívánt színt az egyes négyzetekhez.

    Ha beszélünk a banner, szeretném megemlíteni, hogy néhány banner hálózat elfogadására korlátozódik Flash-hengerek egy bizonyos méretet, és néhány megkövetelik a kötelező szakmai gyakorlat gombok, elvégzi a szerepe a háttérben (hordozó) egy speciális forgatókönyv ActionSript.

    A szalaghirdetés elképzelhetetlen anélkül, hogy rákattintana arra a lehetőségre, hogy a webhelyre lépjen, különben ez nem egy szalaghirdetés, hanem egy közönséges flash-film. A billentyűleütések Flash feldolgozásához a gomb-szimbólumokat az ActionScriptben hozzárendelt kódrészletek hozzárendelik.

    A gomb létrehozása kevéssé különbözik a filmklip létrehozásától: InsertNew Symbol [Ctrl + F8] (szimbólum típusa - gomb). A gomb fő jellemzője, hogy az idővonalat a dobozon kívül használják. Csak négy keretet tartalmaz, amelyek nem kapcsolódnak az animációs sorozathoz. A Fel keretben a gomb normál állapotát ábrázolja a Felül keret - a nézet, amikor az egérkurzor túl van rajta, a Le - a megnyomott gomb és a Hit - a válasz terület.
  • Rajzoljunk egy téglalapot a gomb első keretébe, egyenlő méretben a teljes szalaghirdetéshez, és háttérszínnel. Méretek ellenőrizheti az Info panelen, az úgynevezett gombra a jobb alsó sarokban az ablak a kép a tér és a koordináta nyilak vagy a menün keresztül: Ablak panelek információ [Ctrl + Alt + I].
  • Menjen a második keretbe - Vége, helyezze be a kulcskeretet [F6]. Módosítsa a téglalap színeit kiválasztva, és válassza ki a Kitöltés színt.
  • Állítsa be a keret választható területét a keretben - Nyomja meg, csak egy keret [F5] beillesztése ehhez a kerethez.
  • Visszatérés a fő jelenethez, hozzon létre egy új réteget, és helyezze rá a gombot, igazítva a banner határaival.

    Kapcsolódó cikkek