Tyylikäs banneri blogiin helposti ja nopeasti

Jos olet hieman hukassa blogin bannerin tekemisen suhteen tai muuten vain tyytymätön siihen, tämä postaus on sinulle tehty! Minulta pyydettiin jo kerran bannerinteko-ohjetta, joten tässä semmoinen nyt olisi. Heti alkuun haluan kyllä sanoa, että bannereita voi tehdä monella eri tapaa ja lukuisilla ohjelmilla. Nyt seuraavan ohjeen mukaan tehty banneri on todella helppo väsätä ja ulkonäöstä ei tarvitse tinkiä. Et tarvitse siihen sen kummempia ohjelmia ja kaikki on ilmaista.

Tosiaan, olet ehkä huomannut, että blogini ulkoasu on muuttunut tänään. On uutta banneria ja sun muuta. Toisin kuin yleensä suositellaan, en lähtenyt tekemään  muutoksia yön pimeinä tunteina, jolloin on pienempi riski häiritä blogin lukijoita. Tein muutokset keskellä päivää ja pyydän anteeksi niiltä, jotka kokivat outoja tuntemuksia blogiani lukiessaan ulkoasun vaihtaessa vilkkaasti olemustaan. Sain katsokaas inspiraation. Olen salaisesti kärsinyt blogini ulkoasun suhteen jo pidempään mutta minulla ei ole ollut aikaa (seliseli) tehdä haluamiani muutoksia. Olen myös tottunut tekemään hienoja sivuja Wordpressillä ja tämä Bloggerin käyttö tuntui jotenkin erittäin nihkeältä. Päätin kuitenkin ottaa härkää sarvista ja saada itseni uskomaan, että Bloggerillakin saa mahtavan sivun aikaiseksi. Taisin onnistua! Nyt haluan jakaa inspiraationi hedelmiä myös teille rakkaat bloggarilukijani. Mutta aion tehdä sen osissa. Tänään tehdään siis mahtava banneri blogille nopeasti ja näppärästi.  Tekotapa oli minullekin uusi mutta pääsi heti ehdottomaksi suosikikseni. Aloitetaan:

1. Päätä ensin haluatko bannerisi taustalle jonkin oman kuvan. Vaikka et omaa kuvaa käyttäisikään, voit lisätä banneriin myöhemmin vaikka mitä, joten ihan tyhjä tausta on myös suositeltava.

2. Mene osoitteeseen Picmonkey.com. Klikkaa etusivulla keskellä olevaa Create a Collage -linkkiä. Siirryt tekemään kollaasia.

3. Valitse vasemmasta reunasta toinen kohta Layouts, joka avautuu valmiiksi Ducks in a Row -kohdassa. Valitse kolmesta vierekkäisestä neliöstä koostuva pohja. Tämä on suositeltava koko.

4. Jos haluat tyhjän pohjan, josta rakentaa banneri, klikkaa Save kuvan yläpuolelta ja tallenna kuva koneellesi. Voit valita minkä James Bondin tasoisen kuvan haluat tallentaa. Itse otin varmuudeksi Piercen, vaikka hän inhokkini onkin. Sulje kollaasinteko -ikkuna oikeasta yläkulmasta ruksista (siis ei koko selainta!). Pysy Picmonkeyssa.

 Ja ruksi:

5. Jos taas haluat käyttää omia kuvia, valitse minkä pohjan haluat Layout -kohdasta mutta muista bannerin suorakaiteenomainen muoto. Älä siis valitse neliötä tai kuvistasi voi loppupeleissä tulla aika mielenkiintoisesti muotoutuneita. Sitten valitse Layout -kohdan yläpuolelta Images ja lataa kuvia koneeltasi klikkaamalla Open Photos. Voit raahata ladatut kuvasi valitsemaasi pohjaan oikeille paikoille. Tallenna ja poistu samoin kuin kohdassa 4.

6. Kun olet sulkenut kollaasi-ikkunan, valitse etusivulta Edit a Photo. Avaa äsken tallentamasi bannerin pohja (tyhjä tai kuvallinen). Eteesi avautuu suurinpiirtein tälläinen näkymä (jos sinulla on siis tyhjä pohja):

7. Muuta pohjan koko sopivaksi bannerille kohdasta Resize vasemmalta alhaalta.

Ota ruksi pois kohdasta Keep Proportions. Aseta haluamasi bannerin koko: leveys x korkeus. Minun oli 1180x320 muistaakseni. Jos sinulla ei ole hajuakaan koosta, kannattaa kurkata Bloggerin blogin mallinsuunnittelutyökalusta blogisi leveys (Malli --> mukauta --> säädä leveyksiä ja sieltä kurkkaa koko blogin leveys). Bannerin leveyden voisi olla melko sama blogin leveyden kanssa. Korkeuden voit laittaa mieleiseksesi. Kokeile eri mittoja, sillä näet samalla miten koko muuttuu. Lopuksi paina Apply.

8. Oletetaan, että haluat kirjoittaa ainakin blogisi nimen banneriin. Valitse siis Text -kohta (se P). Valitse alkuun jokin kiva fontti ja klikkaa Add Text.

Kirjoittele, leiki värillä, koolla, fontilla, ym.

9. Kun olet valmis tekstin koon, näön ja paikan suhteen, voit leikkiä muilla efekteillä. (Voit myös myöhemmin muokata tekstiä, älä huoli.) Vasemmassa reunassa on monia muita kohtia, joilla saa tehtyä eri efektejä banneriin, lisättyä kuvia, ym. Sieltä löytyy vaikka mitä kivaa! Leiki vapaasti.

10. Kun olet tyytyväinen tai jo pitkästynyt, tallenna luomuksesi koneellesi samalla tavoin kuin tallensit pohjankin kohdassa 4. Nyt saat poistua Picmonkeysta.

11. Mene Bloggeriin Ulkoasu -kohtaan ja vaihda blogisi ylätunniste. Poista vanha banneri. Lataa luomasi uusi banneri koneeltasi ja tallenna. Muistaa painaa oikealta ylhäältä Käytä blogissa.

12. Ihastele työsi tulosta!

Lopuksi vielä huomautus niille hifistelijöille, jotka haluavat bannerin sulautuvan saumattomasti blogin taustaan niin kuin minulla. Blogin tausta ja bannerin tausta ovat molemmat valkoisia, joten niiden pitäisi periaatteessa sulautua yhteen. Mutta minulla bannerin tausta näytti tietystä kulmasta katsottuna selkeästi eriväriseltä, kun latasin bannerin koneeltani niin kuin kohdassa 11. Ongelma ratkesi ja bannerin tausta ei erottunut, kun latasin bannerin URLista enkä koneeltani. Tallensin bannerin ensin Photobucketiin, jotta sain sille oman URL-osoitteen, jonka syötin kohdassa 11. Tämän huomautuksen voi unohtaa, jos banneri näyttää koneelta ladattuna priimalta. Ja harva lukee blogiasi pää kummallisesti kenossa niin kuin minä tein huomatessani tuon värieron, joten älä hötkyile pienistä. Lisää saa kysyä, jos tämä aihe kiinnostaa. 

Siinäpä se oli! Picmonkey on muuten oikein mukava kapistus muidenkin kuvien muokkailuun, joten siihen kannattaa tutustua paremminkin. Jos ryhdyitte bannerintekoon niin laittakaa ihmeessä linkkiä, niin päästään ihastelemaan tekeleitänne.