kutanari.com

Tutorial ini akan membahas tentang cara membuat tombol seperti seperti pada gambar diatas, saya sendiri menyebutnya aqua button. Seperti biasa kita buka dokumen baru di Photoshop dengan ukuran 400×400 dengan latar #d7d7d7, sebenarnya bisa ukurannya bisa berapa aja tapi kayaknya lebih enak bermain di ukuran ini.

Ganti warna forground menjadi #00c0ff lalu aktifkan Rounded rectangle tool atau tekan tombol U pada keyboard, set properti seperti pada gambar berikut

buat sebuah shape dengan ukuran 137×30 pixel

pada layer shape1 yang baru dibuat klik kanan lalu pilih menu blending options, centang pada Drop shadow, Inner shadow dan Inner glow. Set propertinya masing-masing seperti berikut

klik tombol OK maka hasilnya kurang lebih seperti berikut

sekarang buat layer baru dan berinama footerlight lalu tekan tombol Ctrl di keyboard dan klik pada kotak masking layer shape1 (liat gambar),

dengan keadan selection aktif, pilih menu Select->Modify->Contract masukkan nilainya 11 pixel lalu tekan OK, sehingga akan seperti gambar

ganti forground color menjadi #FFFFFF lalu fill pada selection. Setelah selesai mengisi selection dengan warna putih, lepaskan selection dengan menekan Ctrl+D pada keyboard lalu geser ke bawah sebesar 9 pixel dan akan tampak seperti gambar berikut

pilih atau aktifkan layer footerlight lalu tekan tombol Ctrl+klik pada kotak masking shape1 seperti yang telah dijelaskan di atas. Pastikan layer footerlight masih terpilih dan pilih menu Filter->Blur->Radial blur , set propertinya seperti berikut lalu klik OK.

tekan Ctrl+F sebanyak 5 kali sehingga kita mendapatkan hasil seperti berikut, lalu lepaskan selection dengan menekan Ctrl+D pada keyboard.

aktifkan tab path dan buat path baru lalu gambar sebuah path dengan pen tool (tekan tombol P pada keyboard) seperti pada gambar

setelah selesai membuat path buat layer baru dan beri nama toplight. Dengan keadaan layer toplight aktif atau terpilih lakukan pekerjaan seperti sebelumnya yakni tekan Ctrl+klik pada kotak mask layer shape1, sehingga akan terpilih selection berbentuk seperti objek shape1 seperti pada gambar sebelumnya. Lanjutkan dengan mengaktifkan tab path lalu tekan tombol Ctrl+Alt+klik pada path yang kita buat sebelumnya, sehingga akan menghasilkan selection seperti berikut

jadikan warna forground menjadi warna putih (#FFFFFF), lalu aktifkan Gradient tool atau tekan Shift+G sebayak 2 kali lalu aktifkan Linear Gradient pada Options bar lalu set gradientnya menjadi forground to transparent

dengan gradient tool tarik garis lurus dari atas selection sampai kebawah selection kira-kira sepanjang satu sentimeter lalu lepaskan selection dengan menekan tombol Ctrl+D sehingga kita mendapatkan hasil seperti berikut

lanjutkan dengan membuat sebuah teks apa saja namun pada tutorial ini dibuat teks “AQUA”, type fontnya bebas dengan ukuran 18pt Bold dan warna hitam (#000000), atur posisi layer teks tepat diatas layer shape1. Klik kanan pada layer teks pilih Blending Options dan aktifkan Inner shadow dan Outer glow lalu set propertinya seperti berikut

klik tombol OK untuk menyudahi. Finally kita telah selesai membuat aqua button hasilnya seperti berikut

ada bagusnya anda berexperimen dengan warna-warna lain berikut beberapa contoh

Make money from your Website or Blog with BidVertiser