Selasa, 11 Mei 2010

Membuat button (tombol) untuk website

Button atau tombol di website digunakan untuk link ke halaman lain atau alamat website lain. Juga digunakan untuk lebih cantik dan lebih keren tampilan website. Ada bermacam-macam bentuk link selain button, huruf saja, gambar, icon, clip art dan lainnya. Button juga banyak bentuknya. Yang saya bahan kali ini adalah button bentuk ellip yang nantinya bisa dimodifikasi bermacam bentuk.

Buat dokumen baru File> New


button1

button1

Pilih Ellipse Tool (U). Tidak peduli warna apa yang anda gunakan karena akan diganti kemudian dengan Layer Styles.

button2

button2

Double klik layer elips untuk membuka kotak dialog Layer Style. Kemudian pilih Gradient Overlay dan menggunakan blue dan lighter shade warna biru untuk warna gradien. Pilih Style: Radial.

button3

button3

Kemudian menambahkan Bevel dan Emboss seperti yang ditunjukkan di bawah ini.
Tip: gradien radial bergerak lebih ke atas lingkaran. Untuk melakukan itu dengan kotak dialog Layer Style masih terbuka, pastikan bahwa Anda berada di Gradasi Tampilan
bagian, dan klik dan tahan tombol dan mulai memindahkan gradien.

button4

button4

Buat duplicate layer dari lingkaran dan ubah ukurannya lebih kecil sedikit dari lingkaran tadi.

button5

button5

Klik dua kali layer baru untuk membuka kotak dialog Layer Styles. Hapus semua efek sebelumnya (Bevel dan Emboss dan Gradient Overlay). Sekarang pilih Stroke dan untuk mengisi
Type pilih Gradient. Untuk memilih warna putih untuk kedua ujung gradien dan mengubah opacity menjadi 0% untuk awal dan 100% sampai akhir.

button6

button6

Comments :

0 komentar to “Membuat button (tombol) untuk website”


Posting Komentar

Video


Mau punya buku tamu seperti ini?
Klik di sini (Info Blog)
 
Friends Link
Chat

Most Popular Article

Friends Link
Chat Klik Disini
Artikel Terbaru