Tombol 3D - Tutorial Photoshop

orezomi October 31, 2011 0

Tombol 3D

Tutorial kali ini akan memandu kita membuat tombol dengan efek 3D yang menakjubkan. Buat kanvas dengan warna dasar abu-abu tua(#363636), kemudian buatlah duplikat layer background untuk kebutuhan pembuatan tekstur, beri nama layer duplikat ini dengan nama ‘tekstur’.

Tambahkan noise di layer tekstur

Berikutnya, duplikasikan layer tekstur dan beri nama layer baru ini dengan gradien. Layer ini akan kita gunakan untuk seting efek pencahayaan dengan memanfaatkan gradasi warna. Set gradient overlay di layer gradient seperti berikut

Seting gradient overlay layer gradien

Hasil setelah penerapan gradient overlay

Jika sudah, kita akan memulai membuat desain tombol. Buatlah bentuk lingkaran dengan menggunakan Ellipse Tool, tekan shift saat membuat bentuk lingkaran agar terbentuk lingkaran sempurna. Ada dua bentuk lingkaran yang akan kita buat yaitu lingkaran untuk rumah tombol dan lingkaran untuk tombol itu sendiri. Buatlah dengan diameter lingkaran kira-kira 60px, kemudian terapkan seting bevel dan emboss seperti berikut.

Seting bevel dan emboss untuk rumah tombol

Pembuatan bentuk lingkaran untuk rumah tombol ini secara otomatis akan membentuk layer baru di palet layer kita. Setelah seting bevel dan emboss selesai kita set nilai Fill dari layer lingkaran rumah tombol ini

Set fill layer rumah tombol menjadi nol

Hasil Desain Tombol Sampai Langkah Ini

Sampai disini kita telah menyelesaikan desain rumah tombol. Berikutnya kita akan membuat tombol bagian tengahnya. Lakukan duplikasi layer rumah tombol dan beri nama layer duplikatnya menjadi ‘tombol’. Untuk seting layer tombol ini kita akan melakukan banyak perubahan di blending option-nya. Di sini kita akan seting Drop Shadow, Inner Shadow, Inner Glow, Bevel and Emboss dan Gradient Overlay seperti berikut

Seting Drop Shadow Tombol

 

Seting Inner Shadow Tombol

 

Seting Inner Glow Tombol

 

Seting Bevel dan Emboss Tombol

Seting Gradient Overlay Tombol

Jika langkah-langkah seting blending options di atas bisa kita ikuti dengan baik maka desain tombol kita akan tampak seperti ini

Hasil seting blending options tombol

Selanjutnya kita akan tambahkan warna ke tombol, caranya, double klik di layer thumbnail tombol kemudian pilih warna.

Tambahkan Warna ke Tombol

Terakhir, tambahkan teks ke tombol, dan kelompokkan layer-layer yang membangun sebuah tombol menjadi satu folder di palet layer agar mudah di organisir. Kemudian duplikasi folder tombol tersebut, ganti warna dan teks tiap-tiap tombol yang diduplikasi.

Duplikasi Tombol

 

Hasil Akhir

Download Gambar, Download PDF