TUTORIAL PHOTOSHOP (Penerapan Nirmana dan MockUp Seri 1)

https://www.youtube.com/watch?v=0MWI9ahcyAg

CARA MUDAH MEMBUAT MOCKUP PADA OBJEK PERSPEKTIF

File Materi Nirmana

https://drive.google.com/drive/folders/1jHdl0ls16iDmbCA-4odMupYTTO8MISMV?usp=sharing

Pendahuluan

Mockup pada objek perspektif memungkinkan desainer untuk menampilkan karya desain mereka dalam konteks dunia nyata, seperti menempelkan desain pada billboard, poster, atau permukaan lainnya dengan sudut perspektif. Tutorial ini akan memandu Anda langkah demi langkah untuk membuat mockup pada objek perspektif menggunakan Adobe Photoshop.

Tujuan Pembelajaran

Setelah mengikuti tutorial ini, Anda akan mampu:

1. Membuat objek dasar untuk mockup
2. Mengonversi layer menjadi Smart Object
3. Menerapkan transformasi perspektif pada objek
4. Memasukkan gambar/desain ke dalam mockup perspektif
5. Menyesuaikan tampilan akhir mockup

Alat dan Bahan

• Adobe Photoshop
• Gambar latar belakang dengan perspektif (misalnya ruangan, dinding, billboard, dll)
• Desain yang akan ditampilkan pada mockup (misalnya poster, logo, atau karya seni digital)

Langkah-langkah Pembuatan Mockup Perspektif

Langkah 1: Persiapan File dan Layer

1. Buka Adobe Photoshop
2. Buka gambar latar belakang yang memiliki elemen perspektif
3. Buat layer baru dengan mengklik ikon "New Layer" di panel Layers
4. Pastikan layer baru berada di atas layer latar belakang

Langkah 2: Membuat Objek Dasar

1. Pilih Rectangle Tool (U) dari toolbar
2. Klik dan tarik (drag) pada canvas untuk membuat bentuk persegi panjang
   • Sesuaikan ukuran sesuai kebutuhan
   • Posisikan persegi panjang pada area di mana mockup akan ditempatkan
3. Setelah selesai, klik "Close" untuk mengonfirmasi pembuatan bentuk

Langkah 3: Mengonversi ke Smart Object

1. Klik kanan pada layer persegi panjang di panel Layers
2. Pilih "Convert to Smart Object" dari menu yang muncul
3. Perhatikan bahwa ikon Smart Object akan muncul pada thumbnail layer

Langkah 4: Mengatur Blend Mode

1. Dengan layer Smart Object terpilih, ubah Blend Mode menjadi "Multiply"
2. Mode ini memungkinkan objek untuk berbaur dengan elemen latar belakang
3. Blend Mode dapat ditemukan di dropdown menu di bagian atas panel Layers

Langkah 5: Menerapkan Transformasi Perspektif

1. Pilih Move Tool (V) dari toolbar
2. Pilih Edit > Transform > Perspective dari menu atas
3. Sekarang Anda dapat mengubah bentuk persegi panjang agar sesuai dengan perspektif latar belakang:
   • Klik dan tarik sudut-sudut persegi panjang untuk menyesuaikannya dengan perspektif yang diinginkan
   • Atur agar tepi-tepi objek selaras dengan garis perspektif pada latar belakang

Langkah 6: Menyempurnakan dengan Free Transform

1. Pilih Edit > Transform > Warp
2. Gunakan titik-titik kontrol yang muncul untuk menyesuaikan lebih lanjut bentuk objek
3. Tarik titik-titik kontrol untuk menyempurnakan bentuk agar sesuai dengan permukaan tujuan
4. Setelah selesai, tekan Enter untuk mengonfirmasi transformasi

Langkah 7: Memasukkan Desain ke dalam Smart Object

1. Klik dua kali pada thumbnail Smart Object di panel Layers
2. Smart Object akan terbuka di tab baru
3. Pilih File > Place Embedded
4. Pilih desain yang ingin dimasukkan ke dalam mockup (misalnya "flower pattern")
5. Sesuaikan ukuran dan posisi desain sesuai kebutuhan
6. Tekan Enter untuk mengonfirmasi penempatan
7. Simpan file dengan memilih File > Save atau tekan Ctrl+S
8. Tutup tab Smart Object dengan mengklik "Close"
9. Pilih "Yes" ketika ditanya apakah ingin menyimpan perubahan

Langkah 8: Penyesuaian Akhir

1. Periksa hasil akhir mockup pada objek perspektif
2. Jika perlu, lakukan penyesuaian:
   • Ubah opacity layer untuk menyesuaikan transparansi
   • Tambahkan adjustment layer untuk menyesuaikan warna atau kontras
   • Tambahkan efek bayangan atau pencahayaan untuk meningkatkan realisme

Tips untuk Hasil Mockup yang Lebih Baik

1. Perhatikan Pencahayaan: Sesuaikan brightness dan contrast desain Anda agar selaras dengan pencahayaan pada gambar latar belakang.
2. Tambahkan Bayangan: Gunakan layer style seperti Drop Shadow untuk menambahkan dimensi dan realisme.
3. Pelajari Perspektif: Pahami dasar-dasar perspektif untuk membuat mockup yang lebih akurat.
4. Gunakan Adjustment Layer: Tambahkan adjustment layer untuk menyesuaikan warna dan tone agar mockup terlihat menyatu dengan latar belakang.
5. Tekstur Permukaan: Jika mockup ditempatkan pada permukaan bertekstur, pertimbangkan untuk menambahkan tekstur pada desain Anda.

Contoh Aplikasi

• Menampilkan desain poster pada billboard di jalan
• Menempatkan logo pada sisi bus atau kendaraan
• Menampilkan desain kemasan pada rak toko dengan perspektif
• Memasang desain UI aplikasi pada layar gadget dengan posisi miring

Latihan Mandiri

1. Buatlah mockup untuk poster pada dinding dengan sudut perspektif
2. Coba buat mockup untuk desain packaging pada permukaan meja dengan perspektif
3. Buatlah mockup untuk billboard pada foto jalan raya

Kesimpulan

Membuat mockup pada objek perspektif adalah keterampilan penting bagi desainer untuk mempresentasikan karya mereka dalam konteks yang realistis. Dengan menggunakan kombinasi Smart Object dan transformasi perspektif di Photoshop, Anda dapat dengan mudah membuat mockup yang profesional dan meyakinkan. Berlatih dengan berbagai gambar latar belakang dan desain akan membantu Anda menguasai teknik ini.

Pertanyaan Refleksi

1. Mengapa mengonversi layer menjadi Smart Object penting dalam pembuatan mockup?
2. Bagaimana penggunaan Blend Mode "Multiply" membantu dalam membuat mockup yang realistis?
3. Apa perbedaan antara transformasi Perspective dan Warp, dan kapan sebaiknya menggunakan masing-masing?