Thursday, March 28, 2013

Tampilan Tombol Glossy Web

haloo teman, pada kesempatan kali ini kita akan belajar tentang membuat tampilan tombol Glossy Web.
okey tidak usah lama-lama mari kita ikuti langkah-langkah pembuatannya di bawah ini :
  1. Dari Photoshop, buat dokumen baru berukuran 320x240px dengan background bewarna putih.
  2. Buat shape kotak menggunakan Rounded Rectangle tool dengan nilai radius: 5px. Warna shape bebas.
  3. Tambahka layer style Inner Glow dan Bevel and Emboss untuk layer shape 1.
  4. Tambahkan layer style Gradient Overlay lalu pilih Style: Linear dan Angle: 50'. Klik pada kotak Gradient   untuk mengatur warna gradiasi.
  5. Tambahkan layer style Stroke. Atur Size: 1px dan pilih warna antara hijau gelap dan terang  (atau pilih warna lain sesuai dengan nuansa warna gradiasi).
  6. klik OK untuk menutup kotak dialog Layer Style. 
  7. Buat layer baru diatas layer shape 1, kemudian buat seleksi menggunakan Elliptical Marquee tool.
  8. Isi seleksi dengan warna gradiasi putih-transparan menggunakan Radial Gradient tool.
  9. Tekan Ctrl+D untuk menghilangkan sleksi (deselect). Pilih Blend mode Soft Light dan kurangi Fill: 40%.
  10. Tekan Ctrl+Klik pada Thumbnail layer shape 1 untuk membuat seleksi mengikuti bentuk shape tersebut.
  11. Masih pada layer 1, gunakan perintah Select> Modify> Contract sekitar 2px untuk mengurangi ukuran seleksi.
  12. Balik seleksi dengan Shift+Ctrl+I. Tekan Del untuk menghapus area yang diseleksi.
  13. Tekan Ctrl+D untuk deselect. Kemudian Buat teks warna putih dengan jenis font sesuai keinginan. 
  14. Tambahkan Drop Shadow pada teks.
  15. Terakhir, gandakan layer Shape 1 lalu ubah warna Gradient Overlay dan Stroke manjadi nuansa hitam.
Nah Demikianlah langkah-langkah untuk membuat Tombol glossy Web.
Terimakasih dan semoga bermanfa'at.  




No comments:

Post a Comment