PENDAHULUAN

Assalamualaikum teman-teman semua, Tutorial kali ini kita akan mempelajari tentang cara membuat mock up produk, apa itu mockup? Dilansir dari kelasdesain.com, “Mockup adalah sebuah bentuk realistis dari sebuah karya digital, bertujuan untuk pemanis atau menjadi contoh nyata bagaimana sebuah karya digital bekerja, sebelum benar – benar dicetak, biasanya untuk klien atau calon klien dan bertujuan untuk presentasi sebuah karya.”

Yang perlu disiapkan :

  • Aplikasi Adobe Photoshop CS3 Keatas
  • File gambar template produk (Bisa, T-Shirt, Mug, Poster, Software Box, Buku)
  • File Design yang ingin diletakkan pada produk
  • Langkah Pertama

Langkah-langkah:

1. Langkah Pertama

Pilih gambar yang akan dijadikan bahan mock up, setelah itu buka gambar menggunakan software Photoshop , disini saya menggunakan Photoshop CS3, gambar yang akan dijadikan mock up bisa di foto sendiri atau gunakan gambar ini https://unsplash.com/photos/CXYPfveiuis

2. langkah Ke-dua

Kita akan trace bagian gambar produk (Buku) yang akan dijadikan objek meletakkan gambar mock-upnya menggunakan pen tool, pada bagian option pen tool diatas buat settingannya menjadi shape, atau ikuti gambar diatas.

3. Langkah Ke-Tiga

Lakukan tracing pada gambar produk sampai menutupi permukaan yang akan ditimpa dengan gambar desain, selanjutnya akan diubah shape yang dibuat menjadi Smart Object

4. Langkah Ke-Empat

Klik kanan pada layer shape, pilih Convert to Smart Object, kita akan klik 2x pada bagian smart object, kemudian kita akan dialihkan ke new window yang sudah terdapat shapes sebelumnya. Selanjutnya kita akan memasukkan objek gambar yang kita pilih sebagai gambar yang akan dijadikan mock up dengan cara Place > Pilih Folder Gambar > Open.

Gambar yang baru dimasukkan kemudian di transorm menggunakan transform control, atau CTRL+T pada layer gambar desain, sesuaikan hingga gambar sesuai perspektif pandang, bisa juga memainkan warp

5. Langkah Ke-Lima

Klik kanan pada layer gambar yang dijadikan desain sampul buku, pilih Create clipping mask untuk mengikuti outline layer dibawahnya yaitu shape yang sudah kita buat mengikuti bagian sudut-sudut buku, ketika dirasa sudah pas maka lakukan CTRL+S di layer smart object ini, dan kembali ke file PSD utama sebelumnya.

6. Langkah Ke-Enam

Lihatlah sampul buku telah berganti, yang perlu dilakukan sekarang adalah meretouch gambar mockup yang dibuat agar terlihat lebih realistis dengan cara menambahkan efek shadow dan highlight sederhana, untuk trik advancednya akan dibahas di tutorial lain hari

7. Langkah Ke-Tujuh

Buat Layer baru diatasnya dengan tipe luminosity dan opacity 60%, dan lakukan clipping mask ke layer cover, kemudian pilih tool Brush, atur ke warna hitam, setting seperti dibawah ini :

Kemudian gambarlah efek bayangan sederhana yang langsung mengikuti tepi-tepi buku karena sudah di Clipping-mask

8. Langkah Ke-Delapan

Jika dirasa sudah cukup, silahkan save as sesuai format yang diinginkan, untuk menghasilkan mock-up yang bagus diperlukan latihan terus-menerus agar terbiasa, jangan menyerah untuk terus belajar.

Sekian Tutorial membuat Mockup Produk dengan Photoshop kali ini, semoga bermanfaat. Wassalamualaikum Wr. Wb.

REFERENSI

[1].      https://kelasdesain.com/apa-itu-mockup-dan-bagaimana-cara-memakainya/ diakses 30 April 2020

[2].      https://unsplash.com/photos/CXYPfveiuis diakses 30 April 2020

Original Create by : Gusri Yonaldi

Sumber Gambar