Membuat Tombol “Glossy” dengan Adobe Photoshop

Pada tutorial kali ini, kita akan membuat tampilan tombol dengan adobe photoshop. Selain untuk tombol, teknik ini juga dapat digunakan untuk membuat menu atau navigasi situs. Hasil akhir dari tutorial ini, kurang lebih sebagai berikut:

Mari kita ikuti langkah-langkahnya (pasang muka serius).

Langkah 1. Buka Adobe Photoshop dan buat file baru dengan background warna putih (white) dan ukuran lebar 200px, tinggi 90px (ukuran dapat menyesuaikan sesuai kebutuhan).

Langkah 2. Buatlah sebuah shape dengan Rounded Rectangle Tool. Untuk mengatur kelengkungan, ubahlah nilai Radius yang berada di menu sebelah atas (lihat gambar).

Langkah 3. Atur style Gradient Overlay, Stroke dan Drop Shadow dari shape melalui menu Layer > Layer Style > Blending Options… (lihat gambar).

Langkah 4. Buat sebuah shape baru dengan Rounded Rectangle Tool dan letakkan di bagian atas shape yang pertama (lihat gambar).

Langkah 5. Buka menu Filter > Blur > Gaussian Blur… dan atur Radiusnya menjadi 5px atau sesuai keinginan.

Langkah 6. Buatlah sebuah teks di dalam shape. Warna dan style dapat diatur sesuai keinginan.

Langkah 7. Simpan file

Download tutorial ini:membuat-tombol-glossy-dengan-adobe-photoshop (PDF)

Semoga bermanfaat

Berbagi itu indah...Share on Facebook0Share on Google+0Tweet about this on TwitterShare on LinkedIn0Pin on Pinterest0Digg this

4 comments

  1. Pingback: Pingback

Leave a Reply

Your email address will not be published. Required fields are marked *