Seperti yang anda pernah lihat pada beberapa blog yang bertebaran di dunia maya, bentuk visual 'button' itu kurang lebih seperti ini :


     Contoh di atas merupakan sebuah social button yang bila anda klik akan mengarah ke suatu aktifitas/halaman/reaksi/dll... Yang pastinya tiap tombol atau button pasti memiliki satu/beberapa tujuan dan fungsi yang variatif. Anda juga dapat menggunakan button ini untuk membuat tombol pada editor bahasa pemrograman berbasis visual seperti VB, VB.net, Delphi, C#, dll.
    Pada kesempatan ini saya akan memberikan trik sederhana untuk membuat button anda sendiri. Anda memiliki banyak keuntungan dari ini, sebagai blogger,programmer, designer web, dll. keuntungan yang di dapat adalah :

• Kesan personal
• Bebas menentukan ukuran
• Warna variatif
• Kebanggaan pribadi

     Oke, baiklah. Mari kita mulai saja teman... Kali ini saya akan membuat sebuah tombol dengan teks "Masuk"

• Buka photoshop anda
• Buat dokumen baru (Ctrl + N)
• tentukan ukuran button anda (saya membuat 100 x 40 (px)) usahakan orientasinya horisontal
• Pada panel layer, klik 2x layer "Background" . bila ada pilihan lagi, klik OK  . Sekarang layer anda sudah tidak terkunci (latar transparan)
• Beri warna utama dengan brush atau Bucket
• Pada menu bar, klik Layer >> Layer style >> blending option.
• Perhatikan panel di sebelah kiri anda pada form Layer style, Pilih Gradient overlay. dan isikan nilainya (sebaiknya sama persis) seperti gambar di bawah :

Teknik ini maksudnya adalah untuk membuat kesan metal berwarna sesuai warna utama button anda dengan menerapkan efek gradiasi hitam

• Saatnya membuat teks, klik tool Text pada tool bar. dan ketikkan "MASUK"  (tanpa tada petik) atau terserah anda. untuk kali ini sebaiknya teks, bukan gambar atau yang lainnya.
• Kurang lebih seperti di bawah ini:

• Untuk memberi efek tenggelam pada teks, lihat ARTIKEL ini

     Sampai di sini, saya rasa anda sudah dapat membuat button anda sendiri, terima kasih atas kunjungannya..