Selamat datang di Ilmu IT ManiaxPC

Semoga dengan hadirnya website ilmu IT maniaxpc ini dapat bermanfaat bagi teman - teman yang ingin mengetahui info atau perkembangan dunia IT sekarang ini.

Ilmu IT maniaxpc akan menyediakan informasi - informasi terbaru seputar IT, tutorial, tips & trik dan masih banyak lagi.

Jumat, 18 Juni 2010 - 11:28:07 WIB
Membuat Glossy Button Sederhana
Diposting oleh : Administrator
Kategori: Design - Dibaca: 1057 kali

Hai kali ini saya akan membahas design button glossy dikarenakan ada yg request ada design nya juga Laughing hehehe.. cara bikinnya sederhana dan simple banget semoga menjadi inspirasi buat teman-teman...let's gooo kita mulai

1. Buat Background

Pertama buka photoshop trus buat project baru dengan ukuran  200 x 200 (width x height).

 

Glossy Button

 

Setelah itu buat layer baru terus pilih di toolbox "Rounded Rectangle Tool" ,buat seperti gambar dibawah ini

 

Glossy Button

 

 Setelah sudah klik kanan pada layer yg baru dibuat pilih "Blending Options", ikuti konfigurasi seperti ini

 

Konfigurasi

 

 

Konfigurasi

 

 

Konfigurasi

 

 

Konfigurasi

 

 Setelah itu buat 1 layer lagi lalu di toolbox pilih "Elliptical Marquee Tool"

 

 

 Setelah menyeleksi maka pilih di menu Select ->  Load Selection lalu ok. maka akan tampil warna putih pada layer lalu lanjutkan pilih menu Select -> Inverse dan tekan tombol Del untuk menghapus warna yg berlebih. Jika sudah turunkan Opacity nya menjadi 15%, maka akan terlihat seperti ini :

 

Final Glosy

 

 2. Berikan Text atau Gambar

Jika sudah jadi seperti diatas maka tinggal di percantik dech sesuka hati.... contohnya kaya gini nih...

 

Finish

 

 OK SELESAI Dech gampang kan ??? ayo silahkan dibuat & selamat berkreasi Smile

 

 





4 Komentar :


Marten
18 Juni 2010 - 22:43:09 WIB
test komentar yah gan

Henry
22 Juni 2010 - 07:40:24 WIB
@marten : monggo silahkan gan :D

pupunk
13 Juli 2010 - 09:57:03 WIB
pupunk : Like This..

ann
24 September 2010 - 07:06:49 WIB
bisa'ann…
pake potosop brp?

Isi Komentar :
Thank you! Message Sent!
ERROR: Message Not Sent!
Nama * :
Website :
ex: www.ilmuit.maniaxpc.com (tanpa http://)
Komentar* 
  
Kode * (Masukkan 6 kode diatas)
 
  

,


 
kembali keatas
Design downloaded from Ilmu IT ManiaxPC.