Desain Glossy Web 2.0 Tombol di Photoshop

Mencari untuk merancang beberapa tombol Web 2.0 yang tampak mengkilap? Berikut ini adalah tutorial Photoshop sederhana yang memberi Anda langkah demi langkah cara mendapatkan tombol glossy merah yang tampak bagus.

Langkah 1 - Membuat basis

Jalankan kanvas baru dan sesuaikan pengaturan berikut (ditandai dengan warna kuning) sesuai dengan gambar di bawah ini. Sisanya harus datang sebagai standar. Anda mungkin ingin memeriksa ulang dengan default juga.

Buat panggilan layer baru 'Tombol'

Pada layer 'Button', pilih alat Rounded rectangle

Berikan radius 7px

Gambar persegi panjang yang mirip dengan gambar di bawah ini.

Langkah 2 - Tombol merah

Klik kanan pada Blending Options untuk lapisan 'Tombol'

Tweak pengaturan berikut untuk

Drop Shadow

Bayangan batin

Bevel dan Emboss

Hamparan Gradiant

Tombol Anda akan terlihat seperti ini

Langkah 3 - Buat efek glossy

Buat panggilan layer baru 'Kaca'

Pilih Retangular marquee tool, pastikan Anda memilih lapisan 'Button'. Tahan tombol ctrl Anda dan klik pada layer 'Tombol”Thumbnail layer. Tombol Anda sekarang harus disorot.

Pilih tombol 'Kaca' sekarang, tahan tombol Alt dengan alat tenda berbentuk segitiga dipilih. Gambarlah (potong) di bagian bawah tombol seperti gambar di bawah ini.

Isi area yang dipilih dengan warna putih #ffffff menggunakan Paint Bucket Tool

Sesuaikan opacity menjadi 18%

Anda harus memiliki tombol glossy yang terlihat seperti ini.

Langkah 4 - Overlay Pola

Mari kita beri tombol beberapa overlay pola sedikit. Saya akan menggunakan stripe5px khusus yang dibuat sebelumnya. Buat panggilan layer baru 'Pola' di antara 'Tombol' dan 'Kaca' dan lanjutkan dengan Blending Options.

Pilih Pattern Overlay, pilih Stripe5px (atau pola apa pun yang Anda buat) dan klik OK lalu tutup dialog.

Pastikan Anda masih menggunakan alat Rectangular Marquee, tahan dan klik pada thumbnail layer Button untuk mendapatkan bentuk tombol. Isi area yang dipilih di layer 'Pattern' dengan Paint Bucket tool dan sesuaikan opacity layer menjadi 5%

Langkah 5 - Memasukkan Teks

Lemparkan beberapa teks acak dalam warna putih #ffffff dengan pengaturan berikut

Gunakan efek blending berikut pada layer teks saya.

Drop Shadow

Langkah 6 - Hasil Akhir

Anda harus mendapatkan gambar seperti ini.