How to Make Simple Button with Photoshop

26 Jul

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 :

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: