#220 Näin teet yksinkertaisen bannerin Gimpillä

uudistettuun ohjevideoon tästä klik!

Hei! Tässä teille vähän vinkkiä helpon bannerin tekoon, kun sitä on vähän kyselty =) Oliko apua, haluatteko jatkoa? Osasinko selittää tarpeeksi selvästi?

Mene osoitteeseen gimp.org tai kirjoita googleen gimp. Lataa gimp koneellesi jos sinulla ei vielä sitä ole.

Avaa gimp. Jos sinulla ei ole kahta tuollaista juttua siinä auki, niin avaa tuolta Ikkunat -> viimeisimmäksi suljetut telakat ja siinä pitäisi olla tuo oikeanpuoleinen juttu jos se ei siis ole auki jo valmiiksi. Kun sinulla nämä molemmat auki siirry seuraavaan vaiheeseen.

Avaa tiedosto -> uusi ja sitten sinulle aukeaa tuo ikkuna mikä ylläolevassa kuvassa on. Olen laittanut tuohon tuon koon, mitä yleensä käytän bannereita tehdessäni. Sitten täytä kohdassa voit valita myös läpinäkyvän, kuten minä nyt valitsin.

Läpinäkyvä tausta näyttää tälle Gimpissä. Sitten avaa joku kuva jonka haluat rajat, kannattaa otta semmoinen joka on suhteellisen helppo rajata irti taustasta.

Sitten avaa näytölle kyseinen kuva. Se saatta aueta valmiiksi isolle näytölle, mutta jos ei niin avaa se tuolta alhaalta.

Lähennä kuvaa suurennuslasista ja ala rajaamaan lassotyökalulla. Jos laitat kuvan tosi pieneksi ei ole niin väliä mistä rajailet, mutta mitä suurempi kuva on sitä tarkemmin pitää rajata. Sitten kun olet yhdistänyt alku ja loppupisteen, niin että rajauksessa ei ole yhtään aukkoja rajaus muuttu viivaksi.

Pienennä kuvaa vähän jos se on todella iso. Paina nuolen vasenta nuolinäppäintä -> kuva -> skaalaa kuvaa. Voit vielä myöhemmin piennetää kuvaa mutta esim joku 400px voisi olla toiseen hyvä :) Sitten kopio kuva painamalla hiiren vasenta nuolinäppäintä ja sieltä muokkaa -> kopio

Avaa sitten varsinainen banneri ja liitä rajaamasi kuva siihen. Muokkaa -> liitä -> uusi taso. Jos liität kuvan tuosta ensimmäisetsä liitä painikkeesta homma ei onnistu!!

Ota ensimmäisenä vasemmasta telakasta näkyviin tuo banneri. Sitten liikuta rajaamasi kuva oikeaan kohtaan vasemmassa telakassa on merkittynä työkalu jolla sitä siirrellään. Jos haluat muuttaa vielä kuvan kokoa tee sama kun aikaisemmin mutta taso -> skaalaa tasoa.

Kun kuva on oikealla paikalla. Paina oikeanpuoleisesta telakasta vasemmalla nuolinäppäimellä juuri liittämääsi tasoa. Jos et tiedä mikä niistä on tuo kuva, paina pientä silmän kuvaa ja kyseinen kuva katoaa silloin paina uudestaan niin se tulee taas näkyviin. Nyt kun olet varma että olet painanut oikeaa kuvaa valitse alfa valinnaksi.

Sitten kuva rajautuu ääriviivoja pitkin. Sitten lisätään varjostusta: Suotimet-> Valot ja varjot -> Varjo..

Itse laitan yleensä nuo asetukset mitä se valmiiksi tarjoaa, mutta voit muuttaa mm. varjon väriä tuosta.

Nyt kuvalla on varjo. Sitten otsikko.

Valitse vasemmasta telakasta kirjan ja rajaa aika iso alue tekstille, vielä ei kannata muuttaa noita fontteja yms. mutta voit tehdä sen nytkin

Paina rajaamasi aluetta ja siihen aukeaa ponnahdus ikkuna johon kirjoita haluamasi teksti.

Nyt voit muuttaa värejä, fonttia ja kokoa. Jos teksti ei näy kokonaan vedä "latikkoa" isommaksi.

Sitten valitse vasemmasta sivupalkista tuo teksti. Paina oikeaa nuolinäppäintä ja valitse alfa valinnaksi.

Sitten suotimet -> Toista varjo

Sitten valitse pensseli vasemmasta sivupalkista ja oikeasta sivupalkista brusheja. Brushit pitää ladata ja mm. tässä ohje niiden lataukseen, googlesta löytyy varmasti lisää ohjeita.

Tallenna kuva kun se on valmis.

Jotta tausta pysyisi läpinäkyvänä, tiedosto muodon on oltava png! esim. tiedostonnimi.png

ps. Näitä vinkkejä voi soveltaa myös gimpillä.