Kamis, 22 Juli 2010

Membuat Tombol Permata Menggunakan Adobe Photoshop CS

Tidak bisa dipungkiri design suatu aplikasi ataupun sebuah web sangat penting untuk diperhatikan, bahkan hal tersebut dapat dijadikan patokan harga atau nilai suatu aplikasi ataupun web yang kita buat


Pada tutorial kali ini saya mencoba untuk mempraktekan cara membuat tombol yang indah dan mengkilau seperti permata yang bisa kita pakai sebagai tombol di web kita ataupun aplikasi yang kita buat, berikut langkah-langkahnya

Siapkan canvas dengan ukuran 400x400, lalu pilih Elipse Tool dan  buat sebuah lingkaran, perhatikan ilustrasi berikut :


















Lalu pilih Layer -> Layer Style -> Blending Options, lalu pilih Gradiant Overlay, lalu set :
Blend Mode : Normal
Opacity : 100%
Style : Linier
Angle : 90
Scale : 100%

klik kotak warna pada Gradiant, sehingga muncul gradient editor pada bagian bawahnya set dengan tiga warna, perhatikan ilustrasi berikut :


pada bagian bawah terdapat kotak warna, untuk bagian warna sebelah kiri set dengan warna #999999, caranya dengan mendouble klik kotak handle color stop sebelah kiri, sehingga cotak Color Picker akan muncul perhatikan input box yang di samping nya terdapat tanda #, masukkan nilai 999999 pada kotak isian tersebut tanpa tanda #

Nah untuk warna yang ditengah set dengan warna #424242, lalu yang disebelah kanan samakan dengan yang disebelah kiri, lalu pilih Outer Glow lalu set dengan nilai sbb :
Blend Mode : Normal
Opacity : 80%
Noise : 0
Warna : Hitam
Technique : Softer
Spread : 0%
Size : 18px
Contour : Linier
Range : 50%

Lalu pilih Inner Glow set dengan nilai :
Blend Mode : Normal
Opacity : 30%
Angle : 90
Distance : 5px
Choke : 0%
Size : 10%
Contour : Linier
Noise : 0%

Lalu pilih Bevel and Emboss, set dengan nilai :
Style : Inner Bevel
Technique : Smooth
Depth : 271%
Direction : Down
Size : 30px
Soften : 0px
Angle : 90
Attitude : 55
Gloss Contour : Sawtooth1
Highlight Mode : Color Dodge, Warna : Putih
Opactity : 75%
Shadow Mode : Color Dodeg, Warna : #797979
Opacity : 60%

Lalu pilih Color Overlay, set dengan nilai :
Blend Mode : Color Dodge, Warna : #006CFF
Opacity : 34%

Lalu pilih Satin, set dengan nilai :
Blend Mode : Color Dodge, Warna : Putih
Opacity : 35%
Angle : 144
Distance : 44px
Size : 40px
Contour : Cone - Inverted

Dan inilah hasil akhir dari tombol yang kita buat



0 komentar:

Posting Komentar