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.
150×70 px (hyvä koko blogien sivupalkin bannereille)
234×60 px (perus pienen mainosbannerin koko, mm. kvaak.fi)
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.
234×60 px (perus pienen mainosbannerin koko, mm. kvaak.fi)
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.