silahkan bergabung dan dapatkan artikel-artikel resep-jitu gratis via e-mail!

EnglishFrenchGermanSpainItalianDutchRussianPortugueseJapaneseKoreanArabicChinese Simplified

6.05.2009

Mebuat Tombol Web di Photoshop


Trik ini akan menuntun anda untuk dapat berkreasi dalam membuat anda membuat tombol sederhana dengan adobe photoshop.jadi,trik ini sekedar contoh.anda dapat mengembangkan tombol hasil kreasi anda,tentu saja sesuai selera anda.langsung saja kita mulai.

1.jalankan photoshop anda,kemudian pilihlah [file] > [new].

2.pada”preset sizes”,pilihlah[468x60 web banner]dan[tranparent]pada”contents”tentukan
“mode”pada RBG color,kemudian klik [ok].

3.klik kanan [rectangle tool] pada toolbox,kemudian pilihlah [rounded rectangle tool].

4.klik dan tahan mouse pada kanvas(layar gambar)dan buatlah bentuk dengan seukuran tombol.bila anda ingin membuat banyak tombol,pastikan anda mengingat ukurannya.sebagai alat bantu,anda dapat menggunakan penggaris yang dapat diaktifkan melalui[view] > [rulers].

5.klik kanan pada layer(lihat gambar),kemudian pilih [blending options]. jendela”layer style”akan ditampilkan.

6.klik pada[style] dan pilihlah gaya yang anda sukai,kemudian klik [blending options:default].

7.aturlah”opacity”ke 50% dan pada bagian”channel”hapuskan tanda centang
pada[R] dan [G] sehingga warna tombol menjadi unggu.

8.kemudian beri tanda centang pada[drop shadow],[inner shadow],[outer glow],[inner glow],[bevel and emboss],[contour],[texture],[color overlay],dan[stroke].klik[ok].

9.kemudian klik[horizontal type tool]pada toolbox,klik pada area gambar tombol dan berilah tulisan yang diinginkan.selesailah pekerjaan kita membuat tombol,sekarang kita akan menyimpannya dengan setting yang tepat.

10.pilih[file] > [save for web].

11.pilih[GIF web pallete]pada bagian “setting”,lihat gambarnya.

12.tentukan ukuran yang diinginkan melalui tab[imagesize]yang disediakan,sebagai contoh kita atur besarnya menjadi 75%,kemudian klik [apply],kemudian[save].

13.tentukan nama dan lokasi yang diinginkan kemudian klik[save].

14.selamat mencoba


Ingin mendapat artikel seperti ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan Disini:

Komentar :

ada 1
Dani mengatakan...
pada hari 

Thx Atas Sarannya

Poskan Komentar

Komentar Anda Adalah Semangat Untuk Kemajuan Saya

 

Editting By candra Since february 2009 | On My Blog | Template by techknowl | Original Wordpress theme byBrian Gardner