Cara 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.

Langkah 2:Membuat latar

Tulis Komentar di sini

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