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.
Tutorial populer lainnya:
Desainnya inspirasi banget, mau saran dong, bikin tutorial cara membuat template website gan, pasti keren, terima kasih..
BalasHapus