Menggambar Stiker Realistis dengan Vector Shape di Photoshop
Part 1
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.
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.
Langkah 2
Lanjutkan dengan mempersiapkan latar. Klik ikon Add Adjustment Layer dan pilih Solid Color.

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

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
Bagian depan stiker.

Bagian belakang stiker.

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


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.



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.

Langkah 9
Sekarang kita akan mulai membuat bagian belakang stiker yang terkelupas. Gunakan kombinasi lingkaran dan polygon hingga terbentuk lingkaran terpotong.
Langkah 10
Tambahkan lagi Inner Shadow dan Gradient Overlay.


Thanks gan, sangat bermanfaat :)
ReplyDelete