Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Tutorial kali ini akan membahas cara mendesain ikon stiker terbuat dari vector shape di Photoshop. Untuk membuatnya terlihat realistik, kita akan memperbaiki vector shape ini dengan brush secara manual dan juga layer style. Pastikan Anda telah mengetahui dasar cara menggunakan adjustment layer sebelum mengikuti tutorial ini.

Preview

Inilah hasil yang akan kita peroleh.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Detail Tutorial

  • Tingkat Kesulitan: Pemula, Menengah
  • Software yang Digunakan: Adobe Photoshop
  • Teknik yang Dipelajari: Layer Mask, Layer Style, Vector Shape
  • Lama Pengerjaan: 25 menit

Tutorial

Langkah 1: Persiapan

Kita mulai dengan membuat file baru di Photoshop. Tekan Ctrl + N lalu buat kanvas baru berukuran standar web.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 2

Lanjutkan dengan mempersiapkan latar. Klik ikon Add Adjustment Layer dan pilih Solid Color.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Pilih warna latar yang akan digunakan. Saya menggunakan kuning, tidak ada alasan khusus.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 3

Klik ganda layer lalu tambahkan Pattern Overlay. Gunakan salah satu pola pixel dari PSDfreemium.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Tampilan latar yang diperoleh.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 4: Memecah Bagian Stiker

Sebelumnya, kita perlu memahami bahwa stiker ini sebetulnya dari dua bagian. Pertama, bagian depan beserta bayangannya. Kedua, bagian belakang stiker yang terkelupas. Dalam proses pengerjaannya

Menggambar Stiker Realistis dengan Vector Shape di Photoshop
Bagian depan stiker.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop
Bagian belakang stiker.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop
Bagian depan dan belakang digabungkan membentuk stiker yang terkelupas.

Langkah 5: Bagian Depan

Buat sebuah vector shape berbentuk lingkaran lalu potong dengan sebuah polygon yang diset ke mode Subtract.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 6

Klik ganda layer vector shape tersebut lalu tambahkan Inner Shadow dan Gradient Overlay. Kedua style ini akan memberi efek pencahayaan sehingga permukaan stiker terlihat alami.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Hasil yang diperoleh setelah pemberian Layer Styles.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 7

Kita akan membuat bagian dalam stiker lebih terang. Tambahkan lingkaran dengan radius lebih kecil di dalam stiker. Klik ganda layer lalu tambahkan Layer Style Stroke dan Gradient Overlay. Untuk Gradient Overlay, digunakan gradasi pelangi yang dibuat miring. Perlu beberapa kali eksperimen untuk menentukan kemiringan yang tepat di pilihan Angle. Turunkan Fill layer hingga 0% agar isi layer hilang dan hanya tersisa efek Layer Styles saja.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 8

Klik ganda layer dan aktifkan Layer Mask Hides Effect. Tambahkan layer mask pada layer shape lingkaran. Lukis dengan hitam untuk menyembunyikan sebagian efek lingkaran.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 9

Sekarang kita akan mulai membuat bagian belakang stiker yang terkelupas. Gunakan kombinasi lingkaran dan polygon hingga terbentuk lingkaran terpotong.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 10

Tambahkan lagi Inner Shadow dan Gradient Overlay.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 12

Buat layer baru lalu lukis hitam di sisi stiker dengan brush besar dan lembut (Hardness: 0%). Tekan Ctrl + Alt + G untuk mengubahnya menjadi Clipping Mask. Bagian belakang stiker akan terlihat kotor.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 13

Seleksi path stiker lalu tekan Ctrl + Enter untuk mengubahnya menjadi seleksi.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 14

Buat layer baru lalu isi seleksi dengan hitam. Klik Filter > Blur > Gaussian Blur untuk melembutkannya. Kita akan menggunakan ini sebagai bayangan sisi belakang stiker pada sisi depan stiker.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 15

Ulangi proses tadi untuk menambah bayangan yang lebih lembut. Simpan layer bayangan ini tepat di atas layer sisi depan stiker. Tekan Ctrl + Alt + G untuk mengubahnya menjadi Clipping Mask. Dengan cara ini, bayangannya akan tepat berada di sisi depan stiker.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 16: Bayangan Stiker

Buat lagi seleksi untuk sisi depan stiker dengan cara mengaktifkan path-nya lalu tekan Ctrl + Enter.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 17

Buat layer baru di belakang stiker. Isi seleksi dengan hitam lalu haluskan dengan Gaussian Blur.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 18: Teks

Duplikasi path lingkaran dari Langkah 7. Aktifkan tool Type lalu klik di dalam path untuk menambahkan teks tepat di dalam lingkaran. Tambahkan teks yang sesuai dengan keperluan.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 19

Agar teks mudah terbaca, kita perlu membuatnya lebih terang. Klik ganda layer teks lalu tambahkan Outer Glow dengan warna putih dan mode Screen.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 20

Di titik ini, pembuatan stiker sudah selesai. Namun, kita bisa menambahkan langkah lain agar kita bisa mengatur warnanya secara mudah. Buat adjustment layer Hue/Saturation. Duplikasi seleksi path untuk sisi depan stiker. Tambahkan path ini ke dalam layer mask vektor adjustment layer tadi. Dengan cara ini, adjustment layer Hue/Saturation ini akan hanya mempengaruhi stiker dan tidak pada bagian lainnya.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Langkah 21

Tambahan adjustment layer Hue/Saturation memungkinkan Anda untuk mengubah warna stiker hanya dengan mengatur slider yang bisa ditemukan di panel Properties.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Hasil Akhir

Saya harap Anda belajar banyak dari tutorial ini. Di bawah adalah hasil akhir tutorial yang kita peroleh.

Menggambar Stiker Realistis dengan Vector Shape di Photoshop

Download File PSD

Download File PSD

Iklan

3 thoughts on “Menggambar Stiker Realistis dengan Vector Shape di Photoshop

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