Prvo morate proći moj prvi tutorial izrade statičnog bannera pomoću Adobe Photoshop-a OVDJE, da bi ste mogli napraviti animirani banner...

Nakon što ste napravili svoj statičan banner prebacite ga u image ready, imate poveću tipku na kraju tool prozorčića s lijeve strane: SLIKA1 Pričekajte da vam se otvori image ready... kada ga ugledate vidjet će te vaš statičan banner... U donjem dijelu bi ste trebali vidjeti prozor imena ANIMATION. Ako ga nema (a neće ga biti ako prvi put otvarate imageready) kliknite gore na padajućem izborniku WINDOW --> ANIMATION Kada se otvori vidjet ćete u malom prozorčiću vaš trenutno dosadan statičan banner... Ta mala sličica predstavlja jedan frame. Sada kopirajte taj vaš postojeći frame tako da kliknete na sićušnu tipkicu "Duplicates current frame" SLIKA2 Kada to napravite ugledati će te dva frame-a. Prvi predstavlja početak animacije bannera drugi završetak, no sada to nema nikakvog smisla.... Prije ste stavljali različite efekte na vaš statičan banner... npr. sjena, unutarnji ili vanjski glow, bewel and embross, možda ste čak napisali nešto izvan vidljive radne površine? Za početak napravite slj. Kliknite na drugi frame --> sada mu smanjite opacity (prozirnost) na 0% SLIKA3 Kada mu smanjite opacity kliknite na tipkicu "tween" na prozoru "animation" SLIKA4 Kad vam se otvori prozor namjestite sve kao na slici4 Inače vam sve piše što ćete napraviti samo treba čitati... Samo da napomenem da pazite koliko će te staviti "frames to add" jer što ih je više to će banner biti "teži" Kada ste sve to namjestili kliknite na OK. Sada će vam program sam napraviti sličice koje zajedno tvore animaciju... Kliknite na PLAY tipkicu na prozoru animation kako bi vidjeli što ste napravili... Ako vam je pre brzo imate dolje za namjestiti vrijeme mijenjanja frame-ova... najbolje je "0,09" Sada na vama je kako ćete raditi te efekte... ako vam je npr. text bio izvan, na drugom frame-u stavite ga u vidno polje napravite tween i tekst će lagano doći... možete i kombinirati... da dolazi sa fade efektom... itd.... istražujte...

Sada dolazi save dio... Nakon što napravite banner smanjite prozor.... kliknite na "2-up" SLIKA5 onda na optimize opcije... Gornji prozor vam prikazuje original banner a donji optimizirani. Što znači optimizirati gif? Pa smanjivanjem kvalitete ga "olakšate" pa se brže otvara na web stranicama... Ta smanjivanja kvalitete su neprimjetna a omogućuju brže otvaranje bannera... Gornji prozor vam i služi da možete usporediti s originalom, otimizirani banner... Kada sve to namjestite i zadovoljni ste kliknite na FILE --> SAVE OPTIMIZED AS... --> NAPIŠITE IME BANNERA --> SAVE

Vaš banner je napravljen i spremljen... samo ga trebate hostati, u kod napisati link i zalijepiti ga na blog...

Ovako izgleda moj rad:



Možete skinuti moje dokumente radova:
Dokumente otvorite u photoshopu ili image ready-u ovisi koji je animiran koji nije...
To vam može pomoći da vidite kako sam ja napravio...

PHOTOSHOP STATIČAN BANNER DOWNLOAD
IMAGE READY ANIMIRANI BANNER DOWNLOAD