TUTORIAL PHOTOSHOP (Penerapan Nirmana dan MockUp Seri 2)

 

Cara Bikin Desain Mockup Bantal - TUTORIAL PHOTOSHOP (Penerapan Nirmana dan MockUp Seri 2)

https://www.youtube.com/watch?v=1dswI44I6EE

Pendahuluan

Mockup bantal merupakan salah satu teknik visualisasi desain yang berguna untuk mempresentasikan karya secara profesional. Dalam tutorial ini, kita akan belajar cara membuat mockup bantal di Photoshop yang realistis dengan memanfaatkan teknik seleksi dan efek lapisan.

Alat dan Bahan

• Adobe Photoshop
• Gambar bantal (sebagai base mockup)
• File desain yang akan diaplikasikan (format JPG atau PNG)

Langkah-Langkah Pembuatan

1. Persiapan Awal

• Buka Photoshop dan masukkan gambar bantal sebagai dasar mockup
• Siapkan desain yang akan diaplikasikan pada mockup bantal

2. Seleksi Area Bantal

• Gunakan Quick Selection Tool untuk menyeleksi area bantal
• Perbaiki seleksi dengan tekan Shift+Ctrl+I untuk membalik seleksi sehingga hanya bantal yang terseleksi
• Rapikan seleksi dengan Lasso Tool:
  • Gunakan tanda "+" untuk menambah area seleksi
  • Tekan tombol Alt untuk mengaktifkan mode pengurangan seleksi (tanda "-")
  • Pastikan seluruh area bantal terseleksi dengan tepat

3. Membuat Layer Base

• Tekan Ctrl+J untuk mengcopy area bantal yang sudah diseleksi
• Beri nama layer sebagai "Base"
• Desaturasi layer base dengan mengklik Image > Adjustments > Desaturate atau tekan Shift+Ctrl+U

4. Membuat Layer Efek

• Duplikasi layer base sebanyak 4 kali (tekan Ctrl+J berulang)
• Beri nama layer-layer tersebut sebagai FX1, FX2, FX3, dan FX4
• Grup semua layer efek dan beri nama "FX"

5. Membuat Layer Color

• Seleksi layer base dengan tekan tombol Ctrl sambil mengklik thumbnail layer
• Buat solid color fill layer dengan klik kanan pada area seleksi > Solid Color
• Beri nama layer sebagai "Color"

6. Persiapan Area Desain

• Buat layer baru dan beri nama "Design"
• Gunakan Rectangle Tool untuk membuat area desain dengan warna merah sebagai panduan
• Aktifkan Convert to Smart Object pada layer desain

7. Mengaplikasikan Distorsi pada Area Desain

• Klik Edit > Transform > Distort
• Sesuaikan bentuk persegi panjang mengikuti perspektif dan lekukan bantal
• Tekan Enter untuk mengaplikasikan perubahan

8. Memasukkan Desain

• Klik dua kali pada smart object layer design
• Pilih File > Place Embedded dan pilih file desain yang ingin diaplikasikan
• Sesuaikan ukuran desain agar menutupi area merah
• Simpan dan tutup dokumen smart object

9. Pengaturan Efek Layer

Atur blending mode dan opacity untuk setiap layer efek:

• FX1: Blending Mode = Screen, Opacity = 15%
• FX2: Blending Mode = Color Burn, Opacity = 100%
• FX3: Blending Mode = Multiply, Opacity = 100%
• FX4: Blending Mode = Overlay, Opacity = 75%

10. Penambahan Tekstur dan Lekukan

• Pada layer FX4, tambahkan level adjustment dengan klik Image > Adjustments > Levels
• Atur nilai Input:
  • Highlight: 165
  • Midtone: 0.85
• Kunci layer efek dengan mengklik ikon gembok pada panel layer

11. Pengaturan Warna Dasar

• Untuk desain JPG: Warna dasar akan mengikuti warna file desain
• Untuk desain PNG: Klik dua kali pada layer Color untuk menyesuaikan warna dasar bantal
  • Pilih warna yang sesuai dengan desain atau bantal

Tips Tambahan

• Gunakan gambar PNG jika ingin lebih fleksibel dalam mengatur warna dasar bantal
• Gunakan gambar JPG jika ingin mempertahankan warna desain asli
• Simpan file PSD agar bisa diedit kembali di kemudian hari

Hasil Akhir

Setelah mengikuti langkah-langkah di atas, Anda akan memiliki mockup bantal realistis yang menampilkan desain dengan menyesuaikan lekukan dan tekstur bantal.

Latihan

Cobalah mengaplikasikan desain lain pada mockup bantal ini dan bereksperimen dengan warna dasar yang berbeda untuk mendapatkan hasil yang bervariasi.

Kesimpulan

Dengan menguasai teknik mockup bantal ini, Anda dapat mempresentasikan desain tekstil, pola, atau ilustrasi secara profesional dalam bentuk preview produk nyata. Teknik ini sangat berguna untuk portfolio desainer, presentasi kepada klien, atau keperluan pemasaran online.