Lep in čist foto blog dizajn.

Kliknite sliko za PRIKAZ

V tem Photoshop vodiču vam bom pokazal, kako lahko v nekaj preprostih koraki naredite zares lep in čist dizajn za spletne strani z nezahtevno vsebino, kot so foto blogi in blogi na splošno.

Pa začnimo!

1. Ustvarite nov dokument v Photoshopu. Moj bo velikosti 850x600.

2. V Photoshopu odprite sliko (50x50), ki vam bo služila za ozadje.

3. Z Marquee Toolom označite celotno slikico in pojdite v meni ter izberite Edit > Define Pattern. Vzorec poimenujte ozadje.

4. Odprite dokument, ki ste ga ustvarili za vaš dizajn. Pojdite v meni in izberite Edit > Fill. Nastavite vzorec in pritisnite OK.

5. V orodjarni izberite Marquee Tool . Naredili bomo glavni okvir v katerem bo vsebina strani. Za to bomo naredili posebno skupino Layerjev. Pojdite v meni in izberite Layer > New > Group. Poimenujte skupino Vsebina.

6. Naredite nov Layer (Layer > New > Layer) in z Marquee Toolom razpotegnite okvir. Moj je velik 440x500. Pobarvajte ga na belo.

7. Naredite nov Layer. S povečevalnim steklom približajte desni zgornji rob in odmerite širino 3 piksle. Z Marquee Toolom povlecite po celotni desni stranici. Označen rob pobarvajte z barvo #cacaca.

8. Če želite lahko sedaj vsak rob naredite tako, lahko pa se znajdete in na tipkovnici pritisnite Ctrl + T, da se vam naredi kopija roba in ga zavrtite za 90°, prestavite na spodnji rob in obrežete. Obrežeta ga pa tako, da končke označite z Marquee Toolom in pritisnite Delete.

Levi in zgornji rob morate narediti na novo, saj sta široka oz. visoka le 1 piksel.

9. Sedaj ustvarite novo skupino Layerjev in jo poimenujte Header.

10. Za barvo ospredja določite #2d95e3. V orodjarni izberite Rectangle Tool in potegnite pravokotnik za header velikosti 400x200 pikslov.

11. Sedaj za barvo določite #ffffff. Razpotegnite še en pravokotnik. Tokrat velikosti 398x199.

12. Še en pravokotnik bomo dodali. V tem bo slika headerja. Barvo nastavite na #2d95e3 in razpotegnite header velikosti 394x194. Zgoraj pustite 3px visok rob za barvno popestritev.

13. Sedaj pride na vrsto barvna popestritev. Zopet vzemite v roke Marquee Tool . Posamezen barvni pravokotnik bo velik 79x3 piksle (razen zadnji, ki bo širok 78 pikslov). Za vsak pravokotnik naredite svoj Layer (da jih lahko lažje premikate).

Barve si sledijo: rdeča (#ea275c), modra (#01adc8), zelena (#cad432), siva (#999990), oranžna (#faae2e).

14. Sedaj na internetu poiščite sliko oblakov in jo odprite v Photoshopu. V orodjarni izberite Marquee Tool, določite velikost Headerja (394x194) in poiščite najlepši del oblakov, ki bi se najlepše vključil v vašo stran.

Ko ga najdete pojdite v meni in izberete Image > Crop. Slika se vam obreže. Z Move Toolom jo primite in nesite v svoj dokument z dizajnom.

15. Ker vidite, da barve niso usklajene pojdite v meni in izberite Image > Adjustments > Hue/Saturation. Označite Colorize in se poigrajte z drsniki.

16. S Type Toolom vpišite ime strani in slogan, če ga imate. Pisav je veliko, zato vam priporočam, da jih malo preizkusite, da najdete najboljšo.

17. Sedaj moramo narediti le še stranska desna okvirčka. To bomo naredili čisto preprosto, saj sta le manjši kopiji skupine Layerjev, ki smo jo poimenovali Vsebina. Na seznamu Layerjev desno kliknite na skupino Vsebina in izberite Duplicate Group.

18. Na tipkovnici pritisnite Ctrl+T. Prestavite skupino na desno in jo zožajte in znižajte. Desni okvir naj bo za 10px odmaknjen od roba Vsebine.

19. Sedaj naredite še kopijo te skupine (Vsebina copy) in jo le prestavite bolj na desno, tako, da dobite dva kvadratka. Odmik naj bo zopet 10px, višino pa malo znižajte s Ctrl+T.

20. To bi bilo od dizajna za foto blog vse. Kar manjka je le še tekst.

Naslov objave: #63b4cd, Lucida Grande (ali Tahoma), 16px
Vsebina: #888888, Lucida Sans (ali Verdana), 11px

Upam, da vam bo dizajn prav prišel in da boste lahko rekli ... za svoj foto blog sem pa sam naredil dizajn.

*Slike je prispeval LiL'Dee.