maanantai 14. huhtikuuta 2014

Miten tehdään banneri?

     Minulla tuli innostus tehdä teille postaus, jossa kerron miten teen bannereita PicMonkeylla. Itse teen siis nykyään adobe photoshop elements 12 ohjelmalla. 
     Asiaan. Eli PicMonkey on maksuton ohjelma, jota ei tarvitse ladata tietokoneelle.
PicMonkeyn löydät täältä . 

Olet nyt Picmonkeyn sivulla. Klikkaa Desing kohtaa ja sieltä custom.


 Tämän jälkeen aukeaa tämän näköinen kuvake. Tässä määritellään bannerin koko. Minulla on tässä esimerkki bannerissa 1100 pixeliä leveä ja 500 pixeliä korkea banneri pohja tulossa.

 Nyt aukeaa tämän näköinen sivu. Vasemmallanäkyy tuollainen omituinen kuvake, jonka olen ympyröinyt ja nuolilla merkinnyt. Nyt teen bannerista läpinäkyvän, eli osa bannerista on niin läpinäkyvää, että blogin tausta näkyy myös bannerissa.
 Edellisessä kohdassa neuvoin painamaan tuota omituista härpäkettä. Noh nyt tuo härpäke on avattu ja klikkaa sieltä transparent canvas, niin että siihen tulee tuollainenmerkki eli olet valinnut sen.
 Nyt kun bannerin pohja on muutettu läpinäkyväksi. Tämän jälkeen paina perhosta ja sen jälkeen your own- painiketta.
 Nyt aukesi tämän näköinen kansio. Nyt valitset haluamasi kuvat, joita käytät bannerissa ja tupla klikkaa ensimmäistä minkä siihen tahdot.
 Suurenna kuvaa sen suuruiseksi, kuin haluat.ja laita kuva sellaiseen kohtaan, joka mielyttää silmääsi(toki sitä voi vielä myöhemminkin siirtää)
 Nyt voit lisätä samalla kaavalla niin monta kuvaa, kuin tahdot. Laita kuvat kuitenkin päälekkäin, koska näin pystyt pehmentämään kuvien rajaa.
 Nyt teet seuraavasti: klikkaat päälimmäista kuvaa, joka on bannerissa.Kuvasta aukeaa tälläinen ikkuna, josta painat Eraseria. Sen jälkeen valitset Pyyhekumin suuruuden ja laitat sen niin pehmeäksi, kuin pystyt. ja kumitat päälimmäistä kuvaa sen verran kuin tahdot.
Jos tahdot joistakin kuvista läpikuultavia klikkaat taas kuvaa jota tahdot muuttaa ja kun aukeaa taas tälläinen ikkuna teet seuraavasti: klikkaat Basic kohtaa ja sieltä kohtaa fade. Päätä kuinka paljon tahdot kuvaa  muuttaa. minulla on noin 64 tai vastaava.
 Minä muutin molemmat kuvat läpi kuultavaksi, joten väliin jäi tuollainen tummempi kohta. Tumman kohdan saa pois klikkaamalla alempaa kuvaa ja ottamalla tuon easerin ja kumittamalla varovasti tuon mustan osan pois.

Tadaa paljon nätimpi ;)
 Nyt voit valita vielä esimerkiksi muutaman kuvan ja ottaa ne ilman taustaa niin että kuvaan jää vain ihminen ja hevonen tai vastaava. Taustan saat pois easerilla kumittamalla taustan pois.
 Siirra kuva sinusta hyvään kohtaan ja katso kuvan koko sinun silmääsi sopivaksi.
 Seuraavaksi voimme laittaa banneriin otsikon. Siihen voi laittaa blogin nimen tai mitä keksiikään. Klikkaa Add text kohtaa.
 Kirjoita nyt otsikko.
 Maalaa teksti kokonaan ja muuta tekstin ulkonäköä ja kokoa. huomaa, että kohdat joiden perässä on kruunu eivät ole ilmaisa, mutta et osta mitään niitä klikatessasi, joten ei pelkoa. :)
Kun teksti on valmis siirrä se haluamaasi kohtaan.
 Lopuksi voit lisätä tahtiä, sydämmiä ja vaikka mitä tässäkin kohdat, joiden perässä on kruunu eivät ole käytössä tässä ilmais versiossa.
 Minä valitsin tähden.
 Tahdoin tähdestä tummansinisen ja valitsin tuolta basic osiosta sen värin. tahdoin tähdestä myös läpi kuultavan, joten klikkasin tähteä ja laitoin 70% faden siihen.
 Lisäsin läpinäkyvän tähden tuonne tekstiin liikuttamalla sitä.
tähti on paikoillaan ja banneri valmis.

Jäikö jotakin epäselväksi ja oliko tästä apua? :)

18 kommenttia:

  1. Olisi tosi kiva jos tekisit postauksen jossa kerrot miten teet bannerin photoshopilla :)

    VastaaPoista
  2. jee nyt sain tehtyä aikas hyvän bannerin kiitti tosi tosi paljon näistä ohjeista!:)

    VastaaPoista
  3. Kiitti hirveesti! Ilman tätä postausta en olisi osannut tehdä blogiini Banneria

    VastaaPoista
    Vastaukset
    1. eipä mitään :) tässä tarkotus ois tehä vielä fotosopilla tehtynä saman lainen "opetus" postaus :)

      Poista
  4. Miten kuvia saa sen näköiseksi että se olisi ns. sama kuva että jos kaksi kuvaa onpäällekkäin niin voisi sitä jotenkin saada samannäköiseksi jos tajusit? :D

    VastaaPoista
    Vastaukset
    1. Sijoittamalla kuvia, jotka ovat väri maailmaltaan suunilleen samoja. ja tekemällä mahdollisimman suurella työkalulla sen pois pyyhkimisen, jolloin rajasta tulee huomaamattomampi. Picmonkeyllä tehdyissä bannereissa on vain tuo huono puoli,että tuo alempi kuva täytyy osittain pyyhkiä pois. :)

      Poista
  5. ihana banneri tuli sullaki ;) ja sulla on nyttenki siisti :)! maksaako se photoshop?:) oisko siitä sitte parempi banneri? mutta mullaki tuli hyvä banneri kiitoksia tosi hyvistä bannereista ;D

    VastaaPoista
    Vastaukset
    1. Maksaa se. Itse ostin myös videon käsittely ohjelman samalla niin hinta oli 100e pintaan. :) ja se riippuu ihan millaisista tykkää :) itse tykkään enemmän photoshopilla tehdyistä :)

      Poista
  6. jes sain tehtyy ton bannerin mutta.... olen siis tyhmä...miten sen saa liitettyä blogiin????????????????????????en osaa......

    VastaaPoista
    Vastaukset
    1. ulkoasu,Muokkaa *blogin nimi*(ylä tunniste),poista vanha kuva, lisää tiedosto.

      Poista
  7. Jes! Tästä oli ihan hirveesti apua, en oo koskaan tehny niin hienoo banneria, kuin nyt!

    VastaaPoista
  8. Kiitos suuresti! Olen vasta aloittanut blogin kirjoittamisen ja bannereita en oo koskaan tehnyt. Erilaisten sovellusten lataaminen ei onnistunut. Ohjeesi oli kirjoitettu hyvin ja kuvilla selkeyttäminen auttoi. Itsekin kirjoitan hevosblogia joten kuvia löytyi vaikka millä mitalla banneriin,toisin kuin taitoa.

    VastaaPoista
  9. NÄitten avulla sain tehtyä tosi näppärästi kivan bannerin! Oli kyllä tosi hyvät ja selkeet ohjeet!!

    VastaaPoista
  10. miten tää banneri sitten lisätään blogiin.. ? oon vähän avuton, haha!

    VastaaPoista
    Vastaukset
    1. http://www.kivempiblogi.com/2014/10/miten-tehdaan-blogiin-banneri.html?m=1

      Sieltä pitäisi löytyä ohje siihen ;)

      Poista
  11. Tämä oli tosi hyvä "opetuspostaus". Lisää tälläisiä samantyyppisiä! :)

    VastaaPoista