Tagiarkisto ‘banneri’

* How to: Mainosbannerin teko

Kirjoitettu 1.10.2009 - ahokoivu. Kategoriassa How to, markkinointi, Sarjakuvamaailma.


Mainosbannerin tekeminen onnistuu helposti esimerkiksi photoshopissa näin:

1-Avaa photoshopissa uusi tiedosto (File–>New).

Määrittele kuvan resoluutioksi 72 dpi. Koko voi olla esim.

ahokoivu01
150×70 px (hyvä koko blogien sivupalkin bannereille)

ahokoivu02
234×60 px (perus pienen mainosbannerin koko, mm. kvaak.fi)

ahokoivu03
468×60 px (perus ison mainosbannerin koko)

Muita kokoja voi myös kokeilla, esim. 140×350 px

Koot siis pikselikokoina (pixels).

2- Copy/pastaa haluamiasi kuvia bannereihin.
Avaa kuva jota haluat käyttää bannerissa. Valitse (rectangular marquee tool) joko koko kuva, tai osa sitä. kopioi kohta (Ctrl+c). Ota banneri esiin ja liitä kuva siihen (Ctrl+v). Kuvan kokoa voi muuttaa klikkaamalla oikeanpuoleisella hiirinäppäimellä kuvaa ja valitsemalla “Free transform”. Hox! Pidä shift-näppäin pohjassa, kun muutat kuvan kokoa, niin kuva ei vääristy!

3-Jos haluat tehdä bannerista animaation, liitä usempi kuva banneriin. Kun copy/pastaat niitä, photoshop tekee automaattisesti jokaiselle kuvalle oman layerin. Ota animaatio-työkalu esiin (window–>animation). Työkalun alalaidassa on kuvake (duplicate selected frames), jota painamalla voi tehdä uusia frameja animaatioon. Voit muokata jokaista frame-kuvaa erikseen. Animaation nopeutta säädellään framejen alalaidassa olevasta pienestä nuolikuvakkeesta.

4-Kun banneri on valmis käy tallentamassa se (file–>save for web) tallenna banneri gif-muodossa.

Tagit: , , .