18 Jun 2012

Membuat tombol Facebook


Didalam tutorial kali ini kita akan membuat tombol berbagi ke Facebook yang tentunya dengan cara-cara sederhana ,disini kita akan menggunakan Rounded rectangle tool dan layer style.








 

 

Preview

Sebelum mengikuti tutorial ini silahkan lihat hasil akhir yang akan kita peroleh.

 

Resource

Sebelum mengikuti tutorial ini silahkan ambil source berikut.

 

Tutorial

 

Langkah 1:Menyiapkan kanvas

Buatlah dokumen baru dengan ukuran 300x225px.

 

Langkah 2:Membuat latar

Seret layer Background keatas ikon Create a new layer untuk membuat duplikat,maka akan muncul layer Background copy.

 

Langkah 3

Ambil Pixel-pattern dari psdfreemium,klik ganda pada layer untuk menambahkan layer style,dikotak dialog pilih Pattern overlay.


 

Langkah 4

Buat layer baru dengan mengklik ikon Create a new layer pada palet layer.

 

Langkah 5

Dengan Gradient tool mode Radial buatlah sebuah gradasi dengan warna # 10184e ke # 252862,tarik dari tengah kanvas ke kanan bawah.

 

Langkah 6

Ubah Blending mode layer menjadi Multiply.

 

Langkah 7:Membuat badan tombol/Body

Aktifkan Rounded rectangle tool pada option bar isikan Radius:3px,buatlah sebuah persegi dengan warna # 39579a.Beri nama layer Body.

 

Langkah 8

Pilih menu Filter>Noise>Add noise,pada kotak dialog ikuti pengaturan seperti berikut.

 

Langkah 9

Klik ganda pada layer untuk menambahkan layer style,ikuti pengaturan seperti berikut.





 

Langkah 10:Seperator

Aktifkan Line tool,pada option bar isikan Weight:1px,buat garis warna hitam secara vertical caranya klik dan drag dari atas ke bawah sambil menahan tombol Shift untuk membuat garis lurus.

 

Langkah 11

Turunkan opacity layer menjadi menjadi 80%.

 

Langkah 12

Ulangi langkah 10 kali ini buat garis 1px dengan warna putih dan turunkan opacity layer menjadi 33%.

 

Langkah 13:Menambahkan teks

Dengan teks tool,ketik huruf “f” pada kolom pertama dengan jenis font Helvetica neue condensed bold.

 

Langkah 14

Klik ganda pada layer teks untuk menambahkan layer style lalu ikuti pengaturan seperti berikut.



 

Langkah 15

Buat lagi teks pada kolom ke dua dengan jenis font yang sama seperti langkah 13.

 

Langkah 16

Tambahkan layer style pada teks dengan pengaturan seperti berikut.

 

Langkah 17:Highlight

Aktifkan Ellipse tool lalu buat lingkaran lonjong warna puith diatas tombol.

 

Langkah 18

Tekan Ctrl dan klik pada layer thumbnail Body untuk membuat seleksi.

 

Langkah 19

Pilih menu Layer>Layer mask>Reveal  selection.

Catatan:Untuk lebih cepatnya anda dapat mengklik ikon Add layer mask pada palet layer untuk memotong lingkaran lonjong mengikuti bentuk seleksi.

 

Langkah 20

Turunkan opacity layer menjadi 15%.

 

Hasil akhir

Berikut hasil akhir yang kita peroleh,semoga bermanfaat.





About Author :

Hai nama Saya Muhammad godc, Saya adalah seorang Blogger, Author dan Freelance. Ditengah kesibukan saya selalu menyempatkan diri untuk menulis tutorial di Blog ini. Saya telah menerbitkan beberapa buku Photoshop.

Related post:

1 comment:

  1. Desainnya inspirasi banget, mau saran dong, bikin tutorial cara membuat template website gan, pasti keren, terima kasih..

    ReplyDelete

Berlangganan via email

Subscribe via RSS Feed Jika Anda suka dengan artikel di Blog ini klik disini, atau berlangganan untuk mengikuti berita terbaru dari Lordgodc Art. GRATIS.

Temui kami di Facebook

Designed ByBlogger Templates