Home » » How to Make Simple Button with Photoshop

How to Make Simple Button with Photoshop

Written By Rangga Arief Putra on 26 Jul 2011 | 1:27:00 PM


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

21.Maka hasilnya akan terlihat seperti gambar berikut :

Share this article :

0 comments:

Posting Komentar

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Chenkgelate - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger