Készítsen kifinomult animált banner Adobe ImageReady

Készítsen kifinomult animált banner az Adobe ImageReady

Nem fogjuk azt állítják, hogy ez volt az úgynevezett „nehéz” animált - Ma 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 - van alternatívája lehet a vaku használata technológiák, avi, stb Sajnos valahogy úgy hangzik ..
És mégis, ahogy beszélünk egy animált gif`e, folytassa a következő lépéssel;

A legjelentősebb paraméter egy 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, és képekkel ... lássuk;

Nagyon nehéz, hogy készítsen egy nagy számú képkocka tendenciáját követve, és ne az esetleges hibákat. Ezért a termelési bannerek egyes képkockák technológia, 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 gombafonalak jellemző, élénk, beleértve a (átlátszó ebben az esetben lehet elfelejteni, hiszen gyakran a sorsa a banner - bármilyen honlapon bármilyen háttérszín, vagy ami még rosszabb, néhány háttérképet a mestermű lesz - megjósolni kemény) - 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 - a teljes hang valószínűleg eltér a pályát 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 nagyon különbözik a mag, úgy, 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.

Meg kell, eljött az ideje, 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 a színeket választják a leginkább elütő színű a meglévőket. A könnyű szubsztrát - a legsötétebb kép elem, és fordítva.

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

Imprinter szavad, válassza ki a kívánt betűtípust és méretet, meg NINCS, és egy másolatot a réteg a betűsimítást beállításokat. válassza Type- »Render réteg a Réteg menü - a név már nem szöveg - ez csak egy grafikai elem, amelynek egyik rétege tsvet.Dayte neve (!) - például NAME.

Készíts egy új réteget. Adjon meg egy nevet TEMP - dolgozik réteg kattintva akkor azt gyakran. Jó lenne, ha ez lesz könnyű, hogy kimutatható, míg növeli 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 egy banner eleme. Ezért jobb, 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 le egyetlen pixel. 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 - a 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 a tartalmazza a hordozóréteg és a körvonal.

Így, hozzátéve, keretek, és beleértve a rétegek Döntetlen az összes nevét, és amikor az összes réteg vannak beépítve név utal egy tulajdonsága a keret „késleltetés” és a változás 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 (jobb egérgombbal egy réteg - »Dublicate Layer) és ismétlődő sorozata á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 függőleges elemei. Ebben az esetben, ha az illetékes készítmény elemek banner és jó színskála 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