HTML CSS Windows Photoshop
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
 Avtor: -primož-    15.12.09
Gumb za prenos oz. download               
Photoshop - Spletna grafika

gumb_prenos_download_thumb


Photoshop vodič, ki vam prikaže, kako v parih preprostih korakih priti do preprostega a lepega gumba za prenos oz. gumba za download. Gumb bomo izdelali z orodjem za izdelovanje zaobljenih pravokotnikov in pa orodjem za elipso. Sredinska slikica je priložena!

 

gumb, prenos, download, photoshop



1. Ustvarite nov dokument. Moj bo velikosti 300x100 pikslov.

2. V orodjarni izberite Rounded Rectangle Tool in razpotegnite zaobljen pravokotnik. Radius imejte nastavljen na 25px, barvo pa na belo ( #ffffff ).

85_1_rounded_rectangle_tool
85_3_nastavitve
85_2_razpotegnjena_elipsa



3. Sedaj pojdite v meni in izberite Layer > Layer Style > Stroke in dodajte obrobo zaobljenemu pravokotniku.

85_4_stroke
85_5_gumb_s_strokom



4. Sedaj bomo naredili krog na sredini. V orodjarni izberite Ellipse Tool Sad . Razpotegnite krog približno na sredini. Med tem, ko ustvarjate krog nujno držite tipko Shift, da bo krog resnično krog.

Najverjetneje bo Photoshop sam dodal obrobo (stroke), drugače pa jo dodajte vi (korak 3).

85_6_krog_na_sredini



5. Sedaj v dokument prenesite želeno slikico, ki jo želite imeti na sredini kroga. Jaz bom vstavil "svet s puščico". Če bo vaša slikica prevelika za notri na tipkovnici pritisnite Ctrl+T in jo pomanjšajte, pomagate pa si lahko tudi z radirko.

85_8_prenos
85_7_slikica



6. Ostane nam le še besedilo: Prenosi in Download. V orodjarni izberite Horizontal Type Tool Smile . Za ti dve besedi nastavite pisavo Verdana, barva besedila pa naj bo temnejša modra ( #006fc5 ).

85_9_nastavitve_pisave



7. In s tem ste izdelali svoj gumb za prenos oz. Download

85_9_gumb_prenos_download



Komentiraj:
Ime
E-mail
Spletna stran

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

 
Sorodni vodiči