isengdisain.blogspot: Tutorial Photoshop : Membuat Simple Button

Dulu pada saat saya mendapat tugas membuat CD Interaktif dari guru, saya membuatnya dari awal sampai akhir menggunakan background, button, disain, dan bahan-bahan buatan saya sendiri, karena hasil akhirnya sesuai dengan yang saya harapkan. Saat saya sedang browsing internet menggunakan browser Chrome, saya lihat tombol-tombol opsinya sangat sederhana dan menarik, saya berpikir kalau tombol-tombol itu saya gabungkan kedalam Flash, hasilnya pasti akan menarik . . . lalu saya mencoba membuat dan akhirnya setelah beberapa percobaan, saya berhasil membuatnya . . . walaupun tidak terlihat mirip tetapi lumayan lah . . hehe

Pada tulisan pertama di Blog saya, saya ingin mencoba share tutorial membuat Simple Button menggunakan Photoshop . . .

Pada tutorial ini saya menggunakan Adobe Photoshop CS5

Langkah pertama, Buka program photoshop, buat lembar kerja ctrl+N atau klik File > New dengan komposisi seperti diatas, lalu tekan OK . . . (ukuran boleh diubah sesuai selera)

Lalu akan tampak lembar kerja seperti diatas . . .

Pilih Rectangle tool, gunakan opsi Shape layers, Color : hitam, lalu buat objek seperti gambar diatas. Pada panel Layers muncul layer Shape yang kita buat tadi, klik 2x atau klik kanan > Blending Option
Pilih beri tanda centang pada Gradient Overlay dan Drop Shadow.

Pada Option Gradient Overlay, beri Opacity 100%. Klik kolom Gradient maka akan muncul pengaturan warna gradasi. Warna gradasi hitam diganti dengan warna abu-abu cerah atau masukkan kode warna #d1d1d1, lalu klik OK

Pada Option Drop Shadow, beri Opacity 75%, Distance 0, Spread 0, Size 4, klik OK

Selanjutnya tulis teks "BUTTON" dengan color hitam

Beri efek teks dengan cara klik kanan layer teks "BUTTON" pilih Blending Option, beri tanda centang Inner Shadow dan Gradient Overlay. Pada pengaturan Gradient Overlay, sama seperti cara sebelumnya, hanya Opacity dirubah menjadi 20%

Pada menu Inner Shadow berikan pengaturan Opacity 75%, Distance 1, Size 1, Klik OK
Untuk mengisi sedikit kekosongan diarea atas, saya berikan teks "OK". Beri efek yang sama dengan efek teks sebelumnya dengan cara klik kanan pada layer teks "BUTTON" pilih Copy Layer Style lalu klik kanan pada layer teks "OK" pilih Paste Layer Style. Sekarang teks "OK" sudah terpasang efek yang sama dengan teks "BUTTON"