Cara Mudah Membuat Tombol Menu Dengan Photoshop

Menu merupakan unsur penting pada sebuah situs web maupun blog. Desain menu yang professional akan memberikan nilai plus pada situs tersebut. Banyak di kalangan developer pembuat website lebih sering menggunakan kode-kode rumit seperti perpaduan antara CSS dan JavaScript untuk membuat menu yang menarik. Namun dengan bantuan program grafis seperti Photoshop, kita dapat membuat sebuah tombol-tombol menu yang juga tak kalah menariknya.

Tombol-tombol menu yang dihasilkan tak kalah menarik, hanya dengan beberapa langkah saja anda akan dapat membuat sebuah menu layaknya seorang developer professional. Kita dapat membuat nya dengan beragam warna ataupun porsi. Tombol-tombol yang akan kita buat nanti akan tampak kenyal, indah, juga berbentuk seperti 3D. Ini dia screenshoot nya ;

Untuk membuat menu seperti di atas, ikuti langkah-langkah berikut ;

1. Buka program Adobe Photoshop
2. Buat lembar kerja baru (Ctrl+N)

3. Rubah atribut Width (160), Height (55) dan satuan menjadi pixels
4. Klik kanan Rectangel Tool, kemudian pilih Rounded Rectangle Tool (U)

Buat sebuah lingkaran rectangle seperti berikut ;

5. Klik 2x pada layer Shape 1. sehingga akan muncul jendela berikut;

6. Beri tanda centang Drop Shadow (untuk memberi efek bayangan). Blend Mode (Multiply)

7. Beri tanda centang pada Bevel dan Emboss (untuk memberi efek 3D bayangan). Perhatikan pada Style (Pillow Emboss), Technique (Smooth), dan Gloss Contour. Sobat bisa mencoba-coba sendiri pada bagian gambar yang dilingkari

8. Klik tanda centang Gradien Overlay (memberi efek gradien pada kotak rectangle). Blend Mode (Normal), Gradient (pilih salat satu). Klik Ok

9. Sekarang kita tinggal perlu memberi nama tombol cantiknya. Untuk membuat sebuah nama tidak perlu membuat bubur (adat jawa), gunakan saja tool Horizontal Type Tool (T). hehee

menu sudah jadi

Bagaimana ? kini menu yang kita buat sudah jadi. Ternyata mudah dan sederhana yach membuat tombol menu dengan program Photoshop.. Selain untuk membuat tombol menu, kita juga bisa membuat tombol lain seperti Baca selengkapnya..... Sekian, semoga bermanfaat :) Tolong tinggalkan komentar yach :D