Jun
11
2007
Membuat Tombol dengan efek Glossy (Glossy Buttons) PDF Print E-mail

hariesdesign.com Berikut akan saya jelaskan bagaimana membuat tombol dengan efek Glossy atau kilap transparan, seperti terlihat pada contoh gambar berikut :

Image

Langkah 1

Buat project baru dengan ketentuan 400px X 400px dengan warna background sesuai keinginan anda, kami contohkan disini putih. Kemudian gunakan Rectangular Marguee Tool  Image untuk membuat bentuk kotak dasar tombol.  

Image

Langkah 2

Buat layer baru dan beri warna dengan putih, kemudian tekan Ctrl+D. Kemudian lakukan Filter » Blur » Gaussian Blur, gunakan setting untuk 3.5 klik Ok. Kemudian lakukan Image » Adjust » Levels dan pindahkan tombol berbentuk segitiga untuk menghasilkan hasil yang lembut, seperti terlihat pada gambar

Image 

Langkah 3

Buat layer baru dan beri warna sesuai keinginan anda , disini saya menggunakan warna R:255 G:126 B:0 ,kemudian tekan Ctrl+D. Untuk membuat bentuk lebih menarik gunakan Edit » Transform » Perspective dan buat bentuk seperti terlihat pada gambar berikut :

Image 

Langkah 4

Sekarang membuat seperti terdapat efek pantulan cahaya. Gunakan tool Freeform Pen  Image. Gunakan Lasso Tool untuk menggambar. Kemudian lakukan dengan menggambar seperti terlihat pada gambar dibawah :

Image 

Langkah 5

Kemudian tekan Ctrl sambil menekan "Layer 1" untuk seleksi. Lakukan Select » Modify » Contract  dan tekan 1. Sekarang lakukan Select » Inverse. Kemudian tekan Ctrl dan tekan delete. pastikan seleksi masih ada

Image

Langkah 6

Kemudian tekan D lalu X untukme reset warna. Pilih tool Gradient Tool  Image dan pastikan pada Mode Linear. Untuk option ganti dengan type "Foreground ke Transparant" dan buat model transparan dari atas ke bawah. Setelah itu tekan Ctrl+D untuk menghilangkan seleksinya. Jika warna dari transparant kurang bagus ,bisa lakukan dengan Filter » Blur » Gaussian Blur yaitu dengan menambahkan unsur Blur pada pantulan cahayanya. Sehingga didapat hasil seperti gambar di bawah :

Image 

Langkah 7

Anda sudah mendapatkan efek pantulan cahaya (Highligt), sekarang buat untuk bagian bayangan yang gelap. Lakukan seperti sebelumnya dengan menggunakan  Freeform Pen untuk menggambar melintas pada tombol. Klik kanan tekan "Make selection" .Buat layer baru dan pastikan seleksi jangan sampai hilang.

Image

Langkah 8 

Buat layer baru, seleksi layer baru tersebut dan beri warna hitam. Tekan Ctrl dan tahan dulu ,kemudian klik pada "Layer 1" untuk menseleksinya. Kemudian lakukan  Select » Modify » Contract  dan tekan 1. Kemudian Lakukan Select » Inverse dan dengan Layer 3 yang aktif , dan pastikan seleksi tidak hilang

Image

Langkah 9

Sekarang set warna hitam seperti foreground color dengan menggunakan Linear Gradient , sama dengan model foreground ke transparant. Kamu mungkin membuat gradientnya dengan men drag sedikit saja, agar didapat warna yang agak gelap. Setelah itu tekan Ctrl+D ( menghilangkan seleksi ). Gunakan Filter » Blur » Gaussian Blur dengan kapasitas lebih rendah,sebagai contoh gunakan seting angka 3.0 dengan layer capacity 40-60. Tombol sekarang sudah lengkap, kembali ke layer 1 dan beri sedikit bayangan dengan Layer » Effects » Drop Shadow

Image

Langkah10

Kemudian tambahkan teks dengan terlebih dahulu membuat layer baru, setelah itu lakukan Blending pada layer teks dengan mode "Color dodge" ubah capacity menjadi 60%

Image 

Selesai
 
< Prev   Next >

Gallery Photography

Login