Crearea unui banner complex animat - articole

Nu vom argumenta exact ce înseamnă a fi un banner "complex" animat - aici vom vorbi despre un banner în care mai multe trei cadre. Și mai mult de 10. Să spunem, cam 150. Interesant?







Una dintre condițiile cu care se confruntă toți designerii-dezvoltatori - crearea lor ar trebui să fie ușor. De regulă, limita superioară a greutății - nu mai mult de 15 Kb. Deoarece vorbim despre o hifă animată, adică despre un set de imagini indexate, ne amintim câteva reguli:

Să presupunem că deja știți în ce limbă de culori va fi bannerul dvs. și ce se va întâmpla (învârtirea, mutarea, apariția și dispariția). Creați un fișier nou, specificați formatul bannerului dvs. în câmpurile de mărime, selectați transparente în fundalul subsecțiunii - ați primit câmpul cu dimensiunea dorită cu unul, încă un strat gol.

Acum oferim o metodă de tăiere a unui cuvânt (orice alt element banner) pentru a crea un efect dinamic al desenării unui element de banner pe ecran.

Dacă cu straturi ați lucrat în PhotoShop`e, acum este momentul să mergeți la ImageReady - în meniul File - "Salt la -" Image Ready.

În meniul Fereastră, selectați Afișare animație - apare o defilare în care există un cadru. Faceți toate straturile aspectului nevăzut, lăsând Visibil doar fundalul și cadrul.







Și pentru început este suficient. Opțiunea pentru ciclul de animație este setată pe Forever - iar bannerul dvs. va fi derulat întotdeauna.

Consultați opțiunea de optimizare, setați parametrii gif - 4 culori - pierdere: 0 - nu se amestecă - selectiv - nu este transparent

În animația de lansare din submeniul Optimizați animația, trebuie luate în considerare ambele casete de selectare.

În concluzie, aș dori să subliniez faptul că această tehnologie poate fi utilizată pentru a crea o animație mai complexă - și cu un număr limitat de culori, puteți face bannere complexe și originale.

Poate complica procesul de NAME vectorizare - straturi cu dungi duplicate înainte (butonul din dreapta al mouse-ului pe un strat - »dublicate Layer) și duplica set strat de transparență 50% (ca o opțiune), și la crearea de animație generit prima randare straturi translucide, apoi opace. Un efect similar poate fi creat prin tragere la elementele verticale - si competente elemente de compoziție banner și culori bune banner-ul va fi de succes.

După cum ați putut vedea obiectul de pe stratul TEMP în designul final, nu l-am folosit. Acesta este doar un instrument pentru crearea rapidă a unei măști, care taie elementul de animație. Și această mască nu trebuie să fie o bandă de un pixel - poate fi orice formă arbitrară. Mișcarea desenului poate avea loc și în orice direcție, chiar și în diagonală, deși la început de sus, apoi din stânga, apoi din altă parte.

Bannere animate de succes!







Articole similare

Trimiteți-le prietenilor: