HTML CSS Windows Photoshop
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
 Avtor: -primož-    02.08.09
Mac gumb               
Photoshop - Spletna grafika

thumb_17Naredite si gumb v stilu Macintosha.

Vodič vam bo pokazal, kako z Rounded Rectangle Tool in nekaj Layer Stylei naredite mac gumb za vašo spletno stran.

tutorial_17_15

1. Ustvarite nov dokument.

2. V orodjarni izberite Rounded Rectangle Tool. Radius nastavite na 12 pikslov. S tem orodjem nato narišite obliko gumba.


tutorial_17_1 tutorial_17_2
tutorial_17_3


3. Sedaj desno kliknite na Layer z gumbom in izberite Resterize Layer.


tutorial_17_4
tutorial_17_5

4. Zdaj pojdite v meni in gumbu dodajte določene stile Wink . Layer > Layer Style > Gradient Overlay. Poleg Gradient Overlaya dodajte še Stroke (Layer > Layer Style > Stroke)


tutorial_17_6
tutorial_17_7
tutorial_17_8


5. Sedaj pritisnite tipko Ctrl in kliknite na Layer z gumbom, da se vam označi celoten gumb. Nato pojdite v meni in izberite Select > Modify > Contract. Vrednost nastavite na 1 piksel.


tutorial_17_9
tutorial_17_10


6. Sedaj nastavite Layer Fill na 0% , temu Layerju pa nato dodajte še Stroke (Layer > Layer Style > Stroke) Wink .


tutorial_17_11
tutorial_17_12
tutorial_17_13

7. Na koncu nam ostane le še to, da dodamo tekst Smile . Pisava, ki sem jo uporabil se imenuje Segoe (dobite jo tukaj). Če mogoče ne veste, kako se pisava namesti poglejte tukaj.
Velikost pisave sem nastavil na 12 pt, za obliko pisave pa sem določil Strong. Barva pisave je #7A7A7A.

tutorial_17_15

Ta vodič vam je pokazal preprosto tehniko izdelave čistega in modernega gumba v stilu maca. Rad bi poudaril korak številka 5, še posebej tisti del s tipko Ctrl. Ta zadeva pride velikokrat zelo prav. Prijetno photoshopanje še naprej.



Komentiraj:
Ime
E-mail
Spletna stran

!joomlacomment 4.0 Copyright (C) 2009 Compojoom.com . All rights reserved."

 
Sorodni vodiči

Moje-Mesto.com

Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.

 

Facebook oglaševanje

Izdelava spletnih strani

Ustvari.si

Nescafé, Čokolada

Follow us on Twitter
Follow us on Twitter
Follow us on Twitter

Oglasi