Membuat Simple Button


1. Buat file baru di Photoshop : File > New atau tekan tombol Ctrl+N , setting konfigurasinya seperti gambar dibawah ini


2. Aktifkan Rounded Rectangel tool : tekan tombol U, lalu set radiusnya menjadi 3 px


3. Setting Grids melalui : edit > preferences > Guides, Grids, & Slices


4 .Set nilainya seperti gambar di bawah


5 .Aktifkan Grid dengan menekan Ctrl + ‘ atau dengan mengikuti gambar di bawah


6 .Area kerja anda akan terlihat seperti gambar dibawah


7. Zoom In Area Kerja anda dengan menekan Ctrl & + atau mouse scroll sambil menekan tombol Alt. Kebocoran Pixel dapat kita ketahui dengan adanya garis abu-abu pada tepi shape berwarna hitam. garis tersebut dapat kita hilangkan dengan menggeser tepi shape sesuai dengan Grid pada area kerja menggunakan transform tool ( Ctrl + t )

8. Setelah dirapikan, hasilnya akan terligat seperti gambar dibawah


9. Double Clik Layer, Aktifkan Gradient Overlay lalu setting layer style seperti gambar dibawah


10. Aktifkan Gradient Stroke lalu setting layer style seperti gambar dibawah


11. Aktifkan Inner Shadow lalu setting layer style seperti gambar dibawah


12. Hasil Sementara akan terlihat seperti gambar dibawah


13. Buat Layer baru berupa teks ( dengan menekan tombol T pada keyboard ) lalu beri tulisan seperti yang anda inginkan


14. Pilih line tool pada Toolbar buat garis didepan teks download. Kemudian Double Click pada layer ( line tool ), aktifkan Inner Shadow, lalu setting layer style eperti gambar di bawah


15.Aktifkan Drop Shadow, lalu setting layer style eperti gambar di bawah


16. Kemudian buat garis lagi dengan line tool beri warna #ef0000, tempatkan disamping garis yang pertama warna hitam.
Hasil Sementara akan terlihat seperti gambar di bawah ini


17. Aktifkan Polygon Tool, set sides=nya menjadi 3


18. Buat segitiga berwarna #500000 dengan ujung runcing mengarah ke kanan


19.Double Click Layer, aktifkan Inner Shadow dan set layer style-nya seperti gambar di bawah


20.Aktifkan Drop Shadow dan set layer style-nya seperti gambar di bawah

http://www.blogger.com/img/blank.gif
21.Maka hasilnya akan terlihat seperti gambar berikut :




Password : www.ilmudesain.web.id


Artikel Menarik Lainnya :



2 comments:

manusia biasa on 21 April 2011 at 09:45 said...

manthaffff tutorialnya sob.............. kembangkan terus ijin download ya :D

Muryan Awaludin on 7 September 2011 at 11:22 said...

@manusia biasa : thanks ya atas komentarnya....jangan lupa kritik dan sarannya juga ^_^

Post a Comment

Please Your Comment

Entri Populer

Kontak Saya

HP/WA : 08562616116

Total Pageviews

Teman-Teman Blogger

Dapatkan Update artikel IDG ke email Anda

Ilmu Desain Grafis Copyright © 2009 Community is Designed by Bie | development by Muryan Awaludin