Készítsen kifinomult animált banner

Nem fogjuk azt állítják, hogy ez volt az úgynevezett „nehéz” animált - itt fogunk beszélni a banner, amely több mint három keret. És több mint 10. Például, körülbelül 150 Vajon?

Az egyik feltétel néző minden tervező-fejlesztő - alkotása legyen könnyű. Általában a felső határa a tömeg - nem több, mint 15 Kb. Amint lesz szó egy animált gif e, azaz, egy sor indexelt képeket, hogy a visszahívás néhány szabályt:

gif'a paletta tartalmazhatnak legfeljebb 256 szín (kevesebb - lehet - nem), és használ egy tömörítési algoritmust veszteség nélkül képminőség (különösen - LZW algoritmussal). GIF is lehetővé teszi a létrehozását átlátszó területek, és animációk. A gif formátumú, meg kell emlékezni, hogy lezárja a LZW tömörítési algoritmust engedélyt, mert mi szükség van rá (ez ugyanaz a licenc) kell fizetni a használatát semmilyen szoftvert. Ez a hiány vezet az a tény, hogy fokozatosan a menetrend az interneten a GIF formátumú lemond javára más, nyílt formátumok. Ami animált - alternatív itt lehet a vaku használata technológiák, avi. Sajnos valahogy hangzik. És mégis, ahogy beszélünk egy animált gif`e, térjen át a f. tétel:

A legjelentősebb paraméter indexelt kép - a színek száma palettája. Fontos feladat létrehozásakor a banner lesz a csökkenés a színek számát a minimumra;

A jelenléte többszínű színátmenetes kitöltések és grafikák és fotók lehetetlenné teszik, hogy komolyan csökkenti a színek számát a palettán, így a gradiens kitölti, nem fogunk, mint a fotók: lásd;

Nagyon nehéz, hogy készítsen egy nagy számú képkocka tendenciáját követve, és megakadályozzák az esetleges hibákat, így a technológia a gyártási banner egyes képkockák egyenként töltik Ulead Gif Animator nem fogunk csinálni. Banner fog tenni az Adobe (összes forrás lehet gyűjteni PhotoShop`e, egy animációt is - az ImageReady)

Tegyük fel, hogy már tudja, a banner lesz, és mi fog történni (forogni, mozogni, megjelennek és eltűnnek) a színskála. Hozzon létre egy új fájlt a méret a mezőkben a banner méret alpontban választani háttér átlátszó - kap a megfelelő méretű doboz egy, még üres réteget.

Amikor létrehoz egy banner Fontos megjegyezni, hogy a csodálatos ingatlan gombafonalak, animált beleértve - átlátható ebben az esetben lehet elfelejteni, hiszen gyakran a sorsa a banner nehéz megjósolni - bármilyen honlapon bármilyen háttérszín vagy ami még rosszabb - néhány háttérképet a remekmű lesz. Ie A téglalap alakú területen nincs átlátszó területeket

Ha a banner kifejlesztett egy nem fehér színű, fekete és szürke - valószínűleg a teljes hang a banner más lesz a pályán az oldalt. Valószínűségszámítás egy bonyolult dolog, de akkor is, ha egy bannert hitrolilovym background`om, és ő lesz a hasonló hitrolilovy hely (egészen véletlenül) - valószínűleg árnyalatok is eltérő lehet. De bannerek alapszín background`a jobban felhívni a keret, lehet egy vékony egy képpont, színes lehet, nem sokban különbözik az elsődleges: Annak érdekében, hogy a közölt adatok a banner akkor elkülönül a közös információs tér idegen neked honlap.

Itt az ideje, hogy számít - használt háttér és a stroke - ez a két szín. Tegyük fel, és ellenőrzik a használt színek számát minden alkalommal.

Kell eljött az idő, hogy hozzon létre egy egyszerű szöveges elem kép - valójában a neve a banner - ez lehet egy bolt neve, helyszín nevét, vagy bármely más vezető szót. Ismét - mint színes kiválasztani a leginkább elütő színű a meglévő - a könnyű hordozó - a legsötétebb kép elem, és fordítva.

MOST - javasoljuk a módszert a vágás a szót (bármely más eleme a banner), hogy hozzon létre egy dinamikus hatását rajz banner elem a képernyőn.

Imprinter szót, válassza ki a kívánt betűtípust és betűméretet simítás a beállítások a NINCS, és egy másolatot a réteg a Réteg menüben válassza Type-'Render réteg - a név már nem szöveg - ez csak egy grafikai elem, amelynek egy tsvet.Dayte (!) a név a réteg - például nevet.

Készíts egy új réteget. Adjon meg egy nevet TEMP - egy működő réteg kattintva akkor gyakran, és ez lesz a jó, ha könnyen lehet találni, amikor növekszik a rétegek száma a fájlban.

Döntetlen ez a réteg egy pixel vonal (lehet választani - vízszintesen vagy függőlegesen, vízszintesen elhelyezett banner, és akkor is, ha egy gyakorlat azt javasoljuk, vízszintes.) Kontrasztos színű. Bármilyen - a szín, akkor nem kell figyelembe venni, mint a sorban a mi design eszközként használják, nem eleme a banner, ezért a legjobb, hogy ez egy világos színű, és még így is, hogy a garantált meg kell különböztetni a valós része a banner.

Ha készül, ugyanabban a vízszintes vágás címek (amit már szereznek az előző réteg, és átalakul grafika), válassza ki a lépés eszköz (c gombot a „V” a anglitski elrendezés), és mozgassa a felső sorban tekintetében a felső pixel neved (lehet le - az irányba fő jelentősége van nem fontos szekvencia)

Ctrl + kattintás a TEMP ágy - kapsz SELECT téglalap alakú terület magasságának egyetlen pixel. Kattintson a réteg nevét, Ctrl-Shift-J - az Ön neve vágtuk egy új réteget egy képpont csík. Kattintson TEMP réteg az aktív eszköz áthelyezése a nyilat, hogy a munka szalag egy pixel le, Ctrl + kattintás a TEMP réteg megy réteg nevét, Ctrl-Shift-J - kapsz egy másik réteg a második vágás a szalag ki a nevét. Eszerint algoritmus, csíkokra vágva minden szó - rétegek jönnek létre, és nevük lesz számozással.

Mivel gondolkodunk a legegyszerűbb változata egy komplex banner (bocs a rossz szójáték) egyéb lehetséges elemeit, a banner nem veszik figyelembe. A lényeg az, hogy leírja a technológiát. Azt mondják, hogy ez a tény, hogy most tovább a szerelvény a munkadarabok teljes animáció.

Ha már dolgozott együtt rétegek PhotoShop`e, akkor itt az ideje, hogy ImageReady - Fájl menü - „Ugrás -” Image Ready.

Az Ablak menüben válasszuk ki a Show Animáció - gördül, amelyben egy keret van jelen. Minden réteg láthatatlan elrendezését, így csak látható támogatást és a keret.

Az animáció kiépítése a bal felső sarokban kattintson a nyílra - gördül a helyi menüben. Válassza az Új Frame parancs - ha már létrehoztunk egy keret, egy példányban, az előző - azaz tartalmazza a hordozóréteg és a körvonal.

Így - keretek hozzáadása bezárólag az összes réteget Draw nevét, és amikor az összes réteg tartalmazza fog utalni tulajdonság nevét frame „késés”, és módosítsa a késleltetési idő, például a mérete 5 másodperc.

Hozzon létre egy másik keret, ellenőrizze, hogy a késleltetés paraméter kicsi volt, és kapcsolja be a láthatóságot a réteg a grafika (a mi példánkban ugyanazon a monitoron).

Új keret - és kapcsolja ki a Látható alsó csíkok NÉV, és a megfelelő technológiák fordított sorrendben, pofreymovy távolítsa el a NAME.

Az új keret tartalmaz egy réteget egy szlogen. Ismét kell növelni a késleltetés (késleltetési) kijelző keret.

És elég elindítani. Paraméter ciklikus animációt meg az állam a Forever - és a banner mindig görgetni.

Lásd görgetni optimalizálása, állítsa be a paramétereket gif - 4 szín - veszteséges: 0 - nincs árnyalás - Szelektív - Nem átlátszó

Az animáció nagyságrendileg optimalizálása Animáció almenüből kell jegyezni, mind a négyzetet.

Összefoglalva azt szeretném hangsúlyozni, hogy ez a technológia is lehet használni, hogy bonyolultabb animációk - és korlátozott számú színt képes összetett és eredeti zászlók.
Bonyolulttá teheti a folyamatot vektorizálási NÉV - rétegek csíkos ismétlődő előre (egér jobb gombjával -'Dublicate réteg réteg) és a kettős sor átláthatóság réteg 50% (opció), és amikor létrehozza animációs generit első rendering áttetsző réteget, majd a átlátszatlan.
Hasonló hatást lehet rajzolt a függőleges elemek - és az illetékes készítmény elemek banner és jó színek banner sikeres lesz.
Mint látható az objektumot a TEMP réteg a végleges terv nem általunk használt. Ez csak egy eszköz, hogy gyorsan hozzon létre egy maszkot, ami kivágott animáció elem. És ez a maszk nem feltétlenül kell egy pixel csík - ez lehet bármilyen tetszőleges. rajz mozgását is előfordulhat bármely irányba, akár átlósan, bár első felső, majd a bal, majd ismét a valahol.

Sikeres akkor animált banner!

Kapcsolódó cikkek