 Lep dizajn za Vaš blog.
Vodič vam bo pokazal, kako narediti všečen oranžen dizajn za blog ali spletno stran z drugimi namembnostmi.
Čaka nas kar nekaj dela, zato kar začnimo!
1. Ustvarite nov dokument. Moj bo velikosti 950x900 pikslov.
2. Sedaj z Rectangle Marquee Toolom  s pomočjo fixed size in Paint Bucket Toolom  naredite pravokotnike, kot kaže slika.
1. Velikost: 950x30 px
Barva: #d27b1a
2. Velikost: 950x200 px
Barva: #e87c00
3. Velikost: 950x200 px
Barva: #e7e5e3
4. Velikost: 950x470 px
Barva: #ea8614
3. Sedaj v orodjarni izberite Rounded Rectangle Tool in naredite ozadje za vsebino. Barva naj bo bela, velikost pa naj bo 860x400 px. Radius nastavite na 10px.
Odmiki: zgoraj 35px, levo in desno 45px
4. Sedaj bomo temu okvirju dodali posebne stile. Pojdite v meni in izberite: Layer > Layer Style > Outer Glow. Poleg Outer Glowa dodajte tudi Inner Glow, Color Overlay in pa stroke.
5. Sedaj naredite kopijo tega okvirja in sicer tako, da na tipkovnici istočasno pritisnete Ctrl+J. Novonastali Layer rasterizirajte. To naredite tako, da desno kliknete na Layer in izberete Rasterize Layer.
6. V orodjarni izberite Rectangular Marquee Tool in označite del dizajna (glej sliko). Nato pritisnite Delete, potem pa še Ctrl+D.
Za konec tega koraka odznačite prikaz Color Overlaya pri prvem, nerasteriziranem okvirju.
7. Sedaj prideta na vrsto okvirja, ki bosta vsebovala vsebino spletne strani. V orodjarni izberite Rectangular Tool  (lahko tudi Marquee Tool) in naredite dva okvirja. Levi okvir naj bo velikosti 514x326, medtem, ko naj bo desni velikosti 327x326 pikslov.
Odmiki desnega okvirja: zgoraj: 7px, levo: 7px, desno: 3px.
8. Tema dvema okvirjema sedaj dodajte sledeče Layer stile: Outer Glow, Inner glow, Color overlay in Stroke.
9. Sedaj pride na vrsto zgornji meni. V orodjarni izberite Rounded Rectangle Tool. Velikost menija naj bo 860x50 pikslov. Spodnji rob: 30px.
10. Ker črn meni ne paše v dizajn mu bomo dodali posebne Layer Styles (Layer > Layer Style > …) in sicer: Inner Shadow, Outer Glow, Inner Glow, Gradient Overlay in Stroke.
11. Meniju bom dodal tekst  . Bookman Old Style, 16pt, Bold, Sharp
12. Sedaj bom zgornjemu meniju dodal še senco, da bo dizajn bolj zanimiv. V orodjarni izberite Ellipse Tool  in naredite elipso, kot kaže slika. Layer z elipso naj bo pod Layerjema z besedilom in okvirjem.
13. Senca pa mora izgledati, kot senca, zato pojdite v meni in izberite Filter > Blur > Gaussian Blur. Če program zahteva od vas, potem rasterizirajte Layer (kliknite OK). Radius nastavite na 7,5. Nato zmanjšajte Opacity oz. prosojnost na 40%.
14. Sedaj v orodjarni izberite Rounded Rectangle Tool in naredite 3 okvirje, kot kaže slika. Velikost največjega je 265x150; najmanjših dveh pa 40x40.
15. Vsem novonastalim okvirjem dodajte naslednje Layer Style: Outer Glow, Inner Glow, Color Overlay in Stroke.
16. Sedaj pojdite v orodjarno in izberite Custom Shape Tool  . Z njim naredite dve puščici, kot kaže slika. Uporabite Color Overlay in jima dodajte barvo #908884.
*namig: naredite le eno puščico, nato Ctrl+J, nato Edit > Transform > Flip Horizontal
17. V največjem od treh okvirčkov naj bi se izmenjavale slike, zato dodajte sliko za primer.
18. Za konec dodamo še besedilo. Vse besedilo je napisano s pisavo Bookman Old Style. Kakšne velikosti in kakšne barve je pa si poglejte v .PSD datoteki, ki jo najdete pod zavihkom PRENOSI.
Zaključek! Vodič vam je pokazal, kako narediti prijeten oranžen dizajn za manjša podjetja oz. Vaš blog. Z vodičem ste se izpopolnili v uporabi Rounded Rectangle Toola in pa dodajanju Layer Styleov. Upam, da ste spoznali veliko novega in, da Vam bo vodič prihranil kakšno uro ali dve pri vašem naslednjem dizajnu.
|
