Avtor: -primož-
08.09.09
| Črn okvirček z odsevom |
| Photoshop - Spletna grafika |
 Modern okvirček za vašo spletno stranVodič Vam bo pokazal, kako narediti preprost, črn okvirček z odsevom in izginjajočim robom za vašo spletno stran.  1. Ustvarite nov dokument. Moj bo velikosti 300x300 pikslov. Ozadje s Paint Bucket Toolom  pobarvajte na črno (#000000).2. Ustvarite nov Layer (Layer > New > Layer). V orodjarni izberite Rectangle Marquee Tool  in razpotegnite okvirček čez črno ozadje. Okvirček pobarvajte na belo. 3. Sedaj držite tipko Ctrl in kliknite na ikono od Layerja z belim okvirčkom, da se vam le ta označi. Nato pojdite v meni in izberite Select > Modify > Contract. Za vrednost nastavite 1px.   Medtem, ko je okvirček označen ustvarite nov Layer (Layer > New > Layer). V orodjarni izberite Paint Bucket Tool in pobarvajte okvirček na črno. 4. Naredite duplikat belega okvirčka, ki služi za obrobo. To naredite tako, da ga označite na seznamu Layerjev in istočasno na tipkovnici pritisnete Ctrl in J.  5. Novonastali okvirček skrijte (kliknite na oko). V orodjarni izberite Elliptical Marquee Tool in razpotegnite elipso tako, kot kaže slika.  Medtem, ko je elipsa označena pojdite v meni in izberite Select > Modify > Feather. Vrednost nastavite na 30px. Kliknite OK.  Sedaj na tipkovnici pritisnite Delete (lahko večkrat)! Opacity nastavite na 60%.  6. Sedaj bomo po istem postopku zbrisali zgornji del pri belem okvirčku, ki je še cel. Skrijte Layer, s katerim ste sedaj delali in prikažite Layer, ki ste ga prej skrili.  7. Izberite Elliptical Marquee Tool in razpotegnite elipso čez okvirček. Tokrat zgoraj, tako, da bo spodnji rob ostal. Ko razpotegnete elipso pojdite v meni in določite 30px za Feather (Select > Modify > Feather). Kliknite Delete in nastavite Opacity na 50%. Nato prikažite tudi Layer, ki ste ga skrili za ta korak.  Skozi 7 korak sem pohitel, saj je podoben, kot 5. 8. Sedaj pride na vrsto naslov okvirčka. V orodjarni izberite Rounded Rectangle Tool. Radius nastavite na 5px. Barva naj bo bela (#FFFFFF). Razpotegnite okvirček za naslov nekje pri vrhu.   9. Okvirčku za naslov dodajte še Inner Shadow (Layer > Layer Style > Inner Shadow).   10. Dodajte še naslov! V orodjarni izberite Text Tool  in napišite naslov. Za svoj naslov sem uporabil sledeče nastavitve:  11. Sedaj na tipkovnici držite tipko Ctrl in kliknite na ikono od črnega okvirčka, da ga označite. Ustvarite nov Layer in okvirček pobarvajte na belo.  12. V orodjarni izberite Elliptical Marquee Tool in razpotegnite elipso tako, kot kaže spodnja slika.  Pritisnite Delete! Opacity nastavite na 20%, Layer pa premaknite dve mesti nižje.  12. Še kar imejte izbran ta Layer z odsevom in pa Elliptical Marquee Tool. Razpotegnite malo manjšo elipso čez četrtino odseva. Pojdite v meni in izberite Select > Modify > Feather in nastavite vrednost na 30px. Pritisnite Delete.   13. Sedaj v orodjarni izberite Rectangle Tool  in ustvarite bel notranji okvirček, kjer boste imeli vsebino. 14. Dodajte mu Inner Shadow (Layer > Layer Style > Inner Shadow). *Pri Contour dvakrat kliknite na ikono in potegnite točke tako, kot prikazuje spodnje slika.    15. To je to! Po želji lahko dodate še besedilo (Verdana, 12px, Sharp) in črte (Line Tool). Upam, da Vam bo vodič pomagal pri izboljšanju izgleda vaše spletne strani. Z njim ste se naučili par novih tehnik oblikovanja spletne grafike. *.PSD datoteko lahko najdete med Prenosi. |
| Sorodni vodiči | |
Moje-Mesto.com
Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.
