Membuat Button 3D Glossy

Anda mau blog anda menggunakan Tombol 3D Glossy ?
saya tidak memakai tombol seperti di bawah ini ,,
tapi saya hanya meshare caranya aja ,,
siapa tau ada yang berminat ,,

glowing-3d-button19

Langsung aja deh :


  1. Buka Photoshop kemudian buka dokumen baru dengan ukuran sesuka Anda. Di sini saya menentukan ukuran 400×200 px.
    glowing-3d-button1
  2. Isi kanvas kosong ini dengan warna abu-abu gelap, di sini saya gunakan warna #4C4C4C. Pilih Rounded Rectangle Tool:
    glowing-3d-button2
  3. Pastikan setting Toolbar Anda terlihat seperti ini:
    glowing-3d-button2a
  4. Saya menggunakan warna #D32424 tapi Anda bebas menggunakan warna yang Anda suka.
    glowing-3d-button3
  5. Rasterize Layer yang barusan Anda buat dengan Klik kanan Layer > Rasterize Layer, kemudian gandakan dengan Klik kanan Layer > Duplicate Layer. Ganti nama kedua layar dengan “Button Atas” (Layer yang di Atas) dan “Button Dasar” (Layer di bawah). Seharusnya Anda akan mendapatkan hasil seperti iniglowing-3d-button4
  6. Sekarang saatnya kita tambakan efek 3 dimensi. Sebelumnya, Anda perlu membuat warna dasar button Anda sedikit lebih gelap daripada Button Atas.
    Pilih Button Dasar, Pilih menu Image > Adjustments > Hue/Saturation (atau tekan dan Control+U) untuk membuka Jendela Hue/Saturation. Tentukan “Lightness” menjadi -35. Anda tidak akan langsung melihat perubahannya sampai proses berikutnya.
    glowing-3d-button5
  7. Sekarang tetap dengan layer Button Dasar tetap terpilih, tekan Panah Bawah Keyboard Anda 10 kali untuk memindah tampilan dasar button 10 pixel ke bawah. Hasilnya kurang lebih seperti ini:
    glowing-3d-button6
  8. Sekarang, tambahkan detail pada Button Atas. Pilih Button Atas pada Kotak Layer (Kanan). Tekan Ctrl + Klik pada layer tersebut. Pilih Menu Select > Modify > Contract, dan tentukan nilainya menjadi 1px.
    Selanjutnya pilih Burn Tool:
    glowing-3d-button7
  9. Tentukan setting-nya di taskbar atas sebagai berikut:
    Brush=65, Range=Midtones, Exposure-75% :
  10. Klik di luar area seleksi. Tekan tombol Shift dan drag Burn Tool ke arah kanan, melewati seleksi Anda seperti ini:
    glowing-3d-button8
  11. Selanjutnya, mari kita tambahkan efek blend pada Button Atas. Deselect Layer (Ctrl + D), Klik pada Button Atas dalam Layer Palette. Pilih menu Layer > Layer Styles > Inner Glow dan atur settingnya sebagai berikut:
    glowing-3d-button9
  12. Lakukan hal yang sama pada Button Dasar dengan setting beikut ini:
    glowing-3d-button10
  13. Selanjutnya kita tambahkan efek cahaya pada button. Pertama, pilih Brush Tool, dan tentukan dengan setting berikut ini:
    glowing-3d-button12
  14. Pastikan, warna Foreground dan Background Anda pada posisi default (Hitam dan Putih), jika Anda tidak yakin, tekan tombol ‘D’. Kemudian tekan ‘X’ untuk menukar posisi keduanya. Sekarang, pilih Pen Tool pastikan Anda memilih “Paths”, bukan “Shape“. Untuk menentukan pilihan ini, pilih ikon Pen Tool Bar di bagian atas:
    glowing-3d-button14a
  15. Buat path dari titik kiri ke kanan seperti gambar berikut:
    glowing-3d-button14
  16. Sekarang buat layer baru kemudian Pilih Path Selection Tool (atau tekan ‘A’) dan klik kanan pada Path, kemudian pilih ke bawah hingga ke bagian “Stroke Path…”. Tentukan settingnya seperti berikut ini:
    glowing-3d-button15a
  17. Selanjutnya, klik kanan pada Path sekali lagi dan pilih “Delete Path”. Sekarang, button kita akan tampak kurang lebih seperti ini:
    glowing-3d-button16
  18. Mari kita tambahkan beberapa detail lagi. Pilih Dodge tool dan tentukan settingnya seperti ini:
    glowing-3d-button16b
  19. Sekarang, pilih Layer Button Atas dengan menekan Ctrl + Klik pada Layer.
  20. Dengan Dodge Tool, Klik pada tengah-tengah button kurang lebih 2 kali. Jangan terlalu banyak karena akibatnya bisa berabe.
    glowing-3d-button17
  21. Untuk sentuhan terakhir, pilih Burn tool dan pilih Button Dasar. Pastikan Burn Setting seperti ini:
    glowing-3d-button16a
  22. Selanjutnya, gambar dua garis di dua sisi luar button seperti gambar berikut (Button Atas tidak tampak). Seperti ini:
    glowing-3d-button18
  23. Selesai! Anda telah berhasil. Selanjutnya Anda bisa tambahkan polesan ekstra seperti yang saya lakukan pada button Saya sehingga tampak seperti ini:
    glowing-3d-button19
Jangan lupa Komentar ya ,,

0 komentar:

Posting Komentar