Proses Digital Lanjutan: Desain Kemasan 3D Mockup

Gambaran besar dulu

Standing pouch itu bukan cuma satu bidang datar. Dia punya tiga “wajah”: panel depan (yang paling sering dilihat orang), panel belakang (yang dibaca pembeli ketika sudah tertarik), dan side gusset (bagian samping yang sering diabaikan tapi justru bisa jadi pembeda). Ketiga bagian ini harus didesain sekaligus dalam satu file, pada bidang yang sudah berbentuk dieline (pola bentangan).

Bayangkan seperti ini: dieline itu seperti baju yang belum dijahit, masih rata di atas meja. Kamu mendesain di atas kain yang rata itu, tapi kamu harus membayangkan seperti apa jadinya setelah dijahit dan berdiri.

Langkah 1: Setup file dan guide

Buka Illustrator atau CorelDRAW. Buat file baru dengan ukuran persis sesuai dieline dari Tugas 19 (biasanya standing pouch 160g itu sekitar 130 × 220 mm untuk panel depan saja, tapi ukuran total bentangan bisa mencapai 350 × 250 mm termasuk gusset dan overlap).

Setup tiga layer guide:

• Bleed line (garis luar): area cetak ekstra 3 mm. Elemen background warna atau gambar harus sampai sini.
• Cut line / fold line: ini batas lipatan dan potongan aktual kemasan.
• Safe area: 5 mm ke dalam dari cut line. Teks dan logo wajib masuk area ini supaya tidak terpotong saat produksi.

Kalau pakai Illustrator: Document Setup > Bleeds. Kalau CorelDRAW: buat layer terpisah untuk guide, lalu kunci (lock) supaya tidak bergeser saat kerja.

Langkah 2: Panel depan

Ini adalah “wajah” produk. Pembeli memutuskan mau ambil atau tidak hanya dari panel ini, dalam hitungan detik.

Yang harus ada di panel depan:

• Logo dan nama produk (paling besar, paling menonjol)
• Nama rasa/variant misalnya “Rasa Original” atau “Ekstra Pedas”
• Tagline singkat, maks 5 kata
• Foto atau ilustrasi produk keripik tempe yang terlihat renyah dan menggoda
• Berat bersih misalnya “80 gram”, wajib secara hukum

Terapkan visual direction dari moodboard yang dipilih di Tugas 18. Kalau arahnya modern-minimalis: white space banyak, font sans-serif, foto product shot bersih. Kalau tradisional-premium: warna warm, ilustrasi ornamen batik atau motif tanah, font display yang berkarakter.

Satu prinsip yang tidak boleh dilanggar: hierarki visual. Nama produk harus paling besar. Mata pembeli harus tahu ke mana harus pergi pertama.

Langkah 3: Panel belakang

Ini area informasi. Pembeli yang sudah hampir memutuskan akan membaca bagian ini sebelum menaruh ke keranjang belanja.

Yang wajib ada (sesuai regulasi BPOM untuk produk pangan):

Untuk latihan, semua data ini boleh dibuat fiktif tapi realistis. Jangan isi nomor PIRT secara acak gunakan format yang benar: PIRT No. 2071072020028-22 (format 16 digit).

Desain panel belakang tidak perlu ramai. Putih bersih dengan tipografi yang rapi jauh lebih profesional daripada background warna yang bersaing dengan teks informasi.

Langkah 4: Side gusset

Gusset itu bagian samping kanan-kiri yang memungkinkan kantong bisa berdiri. Lebarnya biasanya 30-40 mm per sisi.

Area ini kecil tapi jangan dikosongkan. Opsi yang bisa dipakai:

• Pattern repeating: ambil satu elemen dari panel depan (misalnya ornamen atau potongan daun tempe) lalu jadikan pattern berulang.
• Tagline pendek: satu kalimat yang terasa “nyeletuk” — misalnya “Sekali gigit, nggak bisa berhenti.”
• Informasi singkat: logo + website/Instagram usaha.

Ingat: teks di gusset harus bisa dibaca dalam orientasi vertikal, karena bagian ini akan melipat ke samping.

Langkah 5: Mockup 3D standing pouch

Ini bagian paling seru: melihat desain yang tadinya rata jadi tampak seperti produk nyata di rak minimarket.

Cara cari mockup gratis:

• Mockup World (mockupworld.co) filter “standing pouch”
• Smartmockups.com ada versi free
• Freepik.com cari “standing pouch PSD mockup”

File yang dicari format PSD (Photoshop). Kenapa PSD? Karena di dalamnya ada smart object lapisan khusus yang bisa diganti dengan desainmu, dan Photoshop otomatis menyesuaikan perspektif dan lipatan.

Cara pakai smart object:

1. Buka file PSD di Photoshop.
2. Cari layer bertanda kotak kecil (ikon smart object) biasanya namanya “Place your design here” atau “Double click to edit.”
3. Double-click layer itu. Akan terbuka tab baru.
4. Place atau paste desainmu ke tab itu. Pastikan ukuran pas.
5. Save (Ctrl+S). Tutup tab itu. Desainmu otomatis muncul di mockup dengan efek lipatan dan bayangan yang sudah terpasang.

Yang sering salah:

• Desain ditempel di layer biasa, bukan smart object, hasilnya terlihat datar, tidak mengikuti kontur kemasan.
• Ukuran file desain tidak proporsional, gambar meregang atau terlihat gepeng.
• Lupa mengatur blending mode, bayangan dari mockup tidak menyatu dengan desain.

Setelah selesai, export sebagai JPG atau PNG resolusi tinggi (minimal 1920 × 1080 px) untuk presentasi.

Jebakan umum yang sering terjadi

Pertama, siswa sering mengabaikan safe area. Teks yang terlalu mepet ke tepi terlihat aman di layar, tapi ketika dicetak dan dipotong, ada toleransi mesin 1-2 mm yang membuat teks bisa terpotong setengah.

Kedua, warna di layar (RGB) berbeda dengan hasil cetak (CMYK). Desain yang terlihat vibrant di monitor bisa terlihat kusam setelah dicetak. Setup color mode dokumen ke CMYK sejak awal, atau setidaknya cek bagaimana desain terlihat setelah konversi.

Ketiga, logo dan teks di panel depan terlalu kecil karena siswa tidak memperhitungkan seberapa kecil kemasan ini di dunia nyata. Coba print dieline di kertas A4 dan lipat manual — itu cara cepat mengecek apakah teks masih bisa dibaca.

Kuis

1. Apa perbedaan fungsi antara bleed line dan safe area pada dieline, dan apa yang terjadi jika elemen teks diletakkan di luar safe area?

2. Sebutkan minimal empat elemen yang wajib ada di panel belakang kemasan produk pangan UMKM sesuai regulasi, dan jelaskan kenapa masing-masing diperlukan.

3. Ketika menggunakan file PSD mockup standing pouch, mengapa desain harus ditempatkan di dalam smart object, bukan di layer biasa?