Smooth Button

Cara membuat tombol navigasi web dengan efek smooth style . Simak tutorialnya berikut ini. Semoga menyenangkan.
Pertama persiapkan dokumen baru anda. Lalu bikin layer. Pilih Rounded Rectangle Tool untuk membuat dasar bidang tombol, dengan radius = 4.

 
 
 
 

Kasi Layer style > Gradien Overlay. Atur gradasinya dengan warna #ff9600 (Forground Color) dan #ffd200 (background color). Dengan setting seperti pada gambar.

Beralih ke panel stroke. Atur setting strokenya.

Kasi juga Outer Glow.

Lalu klik OK. Bikin layer baru, pilih rectangle tool kembali, tapi kali ini gunakan mode path.

Tarik mouse Anda untuk membuat path baru. Perhatikan posisinya pada panel layer harus berada di atas Shape background tombol tadi.

Klik kanan pada path baru Anda lalu pilih Make Selection, maka akan uncul window rendereing dan biarkan dalam setting default.

Klik OK maka akan tercipta seleksi baru pada bidang path tadi. Lalu Fill area seleksinya dengan warna putih (#FFFFFF).
Langkah selanjutnya buat seleksi oval dengan eliptical marquee tool. posisinya seperti pada gambar.

.
Sabar dulu, tekan DELETE. untuk menghapus seperbagian shape berwarna putih.

Lalu ubah opacity layernya menjadi 35%

Bidang utama tombol Anda sudah selesai, selanjutnya kasi shape tambahan, sebagai contoh saya menggunakan Arrow2 Shape dengan warna putih. Dan tarik di sebelah kiri bagian tombol.

Kurangi Opacitnya menjadi 35%, lalu Duplikat layer Arrow2 Shape dan geser ke kanan. Biar keren kurangi opacity Layer Arrow2 Shape Copy menjadi 85%

Tambahkan Text BUTTON pada tombol dan kasi layer style > stroke = 1.
Hasil Akhir

Hasil Akhir Smooth Button

Leave a Reply

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