Tombol Navigasi Proffessional

March 16th, 2007 by dr.emi

Masih semangaaatttt!! oke kalo gitu lanjut lagi deeehh..

Mau bikin web dengan tombol yang terkesan Proff ? nah mudah2an ini bisa membantu..

 

Pertama bikin dokumen baru..

Langsung bikin bidang pake Rounded Rectangle Tool … radius 10 px
Ubah nama Layernya Layer BG

Abis tuu lu kasi Layer style

Nah ini dia hasil sementara na….

Satu lagi bikin objek kotak lebih kecil dengan Rounded Rectangle Tool juga dengan radius 5 px
Ubah nama Layernya Layer Orange

dan kasi Layer Style na…

Hasil na..

Lanjut pake Custom Shape Tool, pilih –> Envelope2

Lu tarik deh tuh shape nya tepat di atas Layer Orange, ambil warna Shape nya = #FFFFFF. Kalo Layer Stylena masih ngikut Layer Style Sbelumnya, Lu klik kanan aja di layerna dan pilih Clear Layer Style.

Nah abis tuh, lu tambah2in deh text na, tapi sesuaikan aja warna text na dengan warna Layer Orange..biar nyambung getoooohh…hakhahhak

Dengan cara yg sama persis, lu masih bisa bikin contoh2 tombol lainna…

Bereeessss…..hahahaahaha :-D

Popularity: 5% [?]

Download Demo Unavailable
Bookmark Subscribe
Hello my fox! Glad to see you today!

If you love my tutorial, please chose any action from the left button.

8 Comments

Ikhsan Said:  

Thx…………. Bet bwt Dr.Emi efek yg sederhana tapi bisa bwat website wa yg sedang wa rilis Thxx Yaaaaaaaa

alfaromeo Said:  

gokil banget dremi ,,, thanks ya ,,, grafis yang mantabbbhhh

ragil Said:  

waduh sueruuuuuuuu bnget web na…!!! sampe jadi pengen banget jadi master Photoshop!! bikin layout web suseh amat yaw…. mesti ini itu dulu kagak gampang????

saluuuuuuuut!!

i\’m just beginner for photoshop! kirain photoshop cuma bisa manipulasi photo aja ehhhhhhh ternyata aku kesandung ama situs ini waktu cari tutorial! kereeeeeeeeen

hidup Indonesia!! hidup Photoshop

ragil Said:  

ketika kita buwat button! tu sebenernya di photoshop cuma buat gambar_na doang ta??
tyozZ di dreamwever tu buat botton linknya?? iya ta?? maap banyak nanya!! bissss aku kan g taw!! ^_^

dr.emi Said:  

yap tul banged.. jelasna ada di tutorial CSS Glassy Button. Thanks Yak :D

diondwi Said:  

Wieeeeeeee………….. Stylish bangetszzzzzzzzzzz…
Oe… bos gue mau nanya, imana carax buat efex seperti angin yang nampang di sekeliling photonya mas di artikel merancan web yang pdf tuh!

dr.emi Said:  

bwat diondwi : itu namanya radial blur, duplikat layer photo lu, dan pilih menu Filter > Blur > Radial Blur. CObain semua setting biar ngerti sndiri :) )

merton Said:  

helo….. masmbak ikut gabung ya…. saya tertarik untuk mempelajari photosop tapi saya tidak tau sama sekali navigasi-navigasi yang ada photosop….. kalo boleh ajarin sy donk…….

Hi.. ! Wanna say anything about my tutorial ?
Just say it with fill the comment form.
Comment Form
 

 
 
 
 
 
Category
stack

Switch to our mobile site