Untuk para pembaca saya, blog ini sudah tidak akan saya update lagi. selanjutnya dapatkan artikel-artikel terbaru saya di lukitowiyono.wordpress.com

 

Membuat kreasi tombol web button

tombol-akik-safirSekarang kita belajar untuk membuat tombol web button dengan Photoshop, mungkin ini kesekian kalinya saya menulis posting ini. Sebelumnya saya juga pernah menulis tentang web button dengan desain tombol pil kuning, kali ini saya akan mempraktekkan bagaimana cara membuat tombol 3 D yang menarik nan apik untuk dijadikan tombol di web kita ataupun untuk dijadikan pemanis teks didalam desain gambar kita. Saya namakan tombol ini sebagai tombol “akik Safir”. Okey dech.. langsung saja kita praktek ya…
Mari kita buka Photoshop kita, ciptakan kanvas berukuran 500 x 500 pxl. buatlah lingkaran hitam diatas kanvas

bahan-dasar-tombol-akik
Kita akan memilih warna dari keluarga biru. Klik gradient. berada di ->layer->layer style->gradient overlay. Kemudian kita masuk lagi ke jendela gradient editor. Untuk warna paling kiri kita beri #d2e1fd lalu paling kanan (kedua) #2d3bf9. lihat screenshoot dibawah

gradient-overlay
Dan beginilah kira-kira warna tombol akik safir setelah diberi warna

setelah-diberi-warna-gradient
Kini kita akan membuat style lain tombol ini untuk memperkuat aksennya. Klik drop shadow dan masukkan setting ini, blend mode: multiply, warna: hitam, opacity: 75, angle: 120, distance: 5, spread: 0, dan size: 24. lalu klik/ check box outer glow. Masukkan setting berikut, blend mode: screen, opacity: 100, noise: 0, warna: solid #0029d8, technique: softer, spread: 0, dan size: 5. Kurang cukup dengan outer glow, kita main-main dengan inner glow dengan setting yang sama dengan outer glow, haya saja opacity kita sett dengan 75
kini kita beralih ke bevel and emboss dengan setting seperti ini, style: inner bevel, technigue: smooth, depth: 100, direction: up, size: 3, dan soften: 2. Sedang untuk bagian shading, set angle: 120, attitude: 30, gloss countor: half round, highlight mode: screen dengan warna putih, opacity: 35, shadow mode: multiply, warna: hitam dan opacity: 18. Klik stroke dan masukkan setting ini, size: 7 position: outside, dan warna: #DFDFDF

setelah-diberi-banyak-style
Semua itu belum cukup, belum capekkan..?! mari kita teruskan lagi, kita beri sentuhan pamungkas, klik check box satin dan masukkan setting berikut, Blend mode: multiply, warna: #0574e6, opacity: 27 dan contour: ring-double dan hasilnya lihat screenshoot dibawah ini

setalah-diberi-satin-dan-ring-double
Terakhir beri sentuhan efek kilau pada tombol ini, buat lingkaran oval dengan warna hitam

lingkaran-oval
Kemudian beri model dengan linear gradient, beri warna hitam putih

gradient-hitam-putih
Sekarang kita munculkan efek kemilau pada tombol ini, ganti modenya dari normal menjadi screen. Sudah.. jadilah..

sentuhan-akhirUntuk teksnya silahkan diganti
menurut keperluan anda.

Tuh, terlihat gagah kan..! see you..

SociBook del.icio.us Digg Facebook Google Yahoo Buzz StumbleUpon

Berlangganan Artikel gratis

Anda dapat berlangganan secara gratis artikel-artikel di blog ini. Masukkan alamat email anda, kemudian verifikasi didalam inbox e-mail anda. artikel akan terkirim secara otomatis ke e-mail anda setiap ada artikel baru

Delivered by FeedBurner

Leave a Reply

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word

Loading