Mendesain Iklan Parfum dengan InDesign dan Photoshop

Dalam membuat projek desain sekalipun, sering kali kita tidak bisa hanya mengandalkan satu software. Beberapa software digunakan untuk hasil yang lebih tepat dan juga proses kerja lebih efektif. Misalnya ketika mendesain sebuah iklan produk. Di sini, kita belajar cara membuat iklan parfum menggunakan kombinasi Photoshop dan InDesign.

Preview


Berikut adalah tampilan iklan yang akan kita peroleh.

final.jpg

 

Tampilan Penuh (PDF)

Mendesain Pola Tiga Dimensi di Photoshop
Tampilan Penuh dalam mockup

Mendesain Pola Tiga Dimensi di Photoshop

Detail Tutorial



  • Tingkat Kesulitan: Menengah

  • Software yang Digunakan: Adobe InDesign, Adobe Illustrator, dan Adobe Photoshop

  • Teknik yang Dipelajari: Penggunaan Style Character dan Style Paragraph, Smart Object, dan Transformasi Layer

  • Lama Pengerjaan: 40 menit


Resource yang Dibutuhkan


Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource berikut:


Tutorial


Langkah 1: Mempersiapkan Foto Produk


Ambil foto produk. Dalam kondisi real, Anda akan langsung mengambil sendiri foto produk yang digunakan. Untuk tutorial ini, kita akan menggunakan stock foto untuk mempercepat pengerjaan. Stock foto ini memiliki latar putih, cocok dengan desain kita yang akan disimpan di kertas putih. Namun, sayangnya terlalu pendek sehingga perlu diperpanjang.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 2


Aktifkan tool Crop lalu klik dan geser bingkai crop hingga melebihi batas bawah gambar. Ini akan menambah tinggi gambar.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 3


Seleksi bagian bawah gambar yang memiliki refleksi objek.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 4


Tekan Ctrl + T lalu tarik untuk memperpanjangnya.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 5


Bayangan botol emas ini seharusnya melengkung sesuai botol aslinya. Seleksi sebagian dengan tool Marquee Persegi lalu tekan Ctrl + J untuk menduplikasinya..

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 6


Tekan Ctrl + T. Klik kanan dan pilih Warp lalu geser kotak yang ada untuk membuatnya melengkung.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 7


Tambahkan teks untuk label objek. Kita akan menemukan bahwa banyak label parfum yang menggunakan tipe teks serif.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 8


Klik kanan layer teks dan pilih Convert to Smart Object.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 9


Copy salah satu gambar vektor dari koleksi dekorasi vektor gratis di Illustrator.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 10


Kembali ke Photoshop. Klik ganda layer Smart Objek label botol untuk mengeditnya dalam file terpisah. Tekan Ctrl + V untuk mengeluarkan objek dekorasi vektor. Simpan sebagai Shape Layer.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 11


Simpan dekorasi vektor di atas nama produk.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 12


Save lalu tutup file Smart Object logo untuk kembali ke file utama. Tekan Ctrl + T. Geser pojok label sambil menahan Ctrl untuk mengatur bentuknya agar tepat sesuai permukaan botol.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 13


Tambahkan layer mask lalu lukis sebagian label dengan hitam, tepat di bagian yang tertutupi oleh botol lainnya..

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 14


Kita juga perlu menambahkan label pada refleksi di botol satunya lagi. Duplikasi label (Ctrl + J). Tekan Ctrl + T dan pilih Flip Horizontal untuk membaliknya. Atur posisinya agar terlihat real.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 15


Klik kanan dan pilih Warp. Atur hingga terlihat realistis.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 16


Tambahkan layer mask dan lukis sebagian dengan hitam untuk menyembunyikannya.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 17


Tambahkan juga dekorasi vektor di atas botol lainnya.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 18


Duplikasi objek lalu balik dengan cara tekan Ctrl + T, klik kanan dan pilih Flip Vertical.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 19


Turunkan Opacity-nya lalu simpan pada refleksi objek.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 20


Lakukan juga hal yang sama pada botol lainnnya. Sembunyikan bagian label yang tidak diperlukan dengan penambahan Layer Mask.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 21


Tambahkan teks. Beri transformasi Warp tipe Arch agar melengkung sesuai dengan permukaan botol.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 22


Sembunyikan bagian yang tidak dibutuhkan.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 23


Ulangi pada botol lainnya dengan teknik yang sama. Berikut adalah hasil yang diperoleh

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Tampilan lebih utuh.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 24


Ambil satu lagi foto botol parfum untuk ditampilkan di iklan.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 25


Tambahkan label dengan cara yang sama. Simpan kedua gambar foto objek tadi dalam format PSD. Kita akan menggabungkan keduanya di InDesign.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 26: Bekerja di InDesign


Buat file baru di InDesign dengan menekan File > New > Document.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 27


Geser foto botol parfum ke atas kertas. Atur ukurannya dengan tool Scale.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 28


Tambahkan juga foto botol banyak di bagian bawah kertas.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 29


Aktifkan tool Type. Klik dan geser untuk membuat kotak teks. Ketengahkan posisi teks dengan klik ikon yang ditandai di Baris Pilihan.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 30


Di panel Character Styles, tambahkan style baru dengan nama Judul dan Paragraf Pembuka untuk judul dan isi kotak teks ini.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 31


Klik ganda dan beri setting berikut.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 32


Aplikasikan style Judul dan Paragraf Pembuka pada karakter yang sesuai.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 33


Buat kotak teks lagi untuk testimoni pengguna. Isi dengan nama dan pekerjaan, isi testimoni, nama produk, dan harganya. Buat style paragraph baru di Panel Paragraph Styles.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 34


Buat style paragraph dengan setting berikut.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 35


Seleksi semua teks dan aplikasikan style paragraf tadi.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 36


Tambahkan lagi style karakter baru untuk nama pemberi testimoni, nama produk, dan harganya.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 37


Berikut setting untuk setiap style baru.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 38


Aplikasikan style karakter pada teks yang sesuai.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 39


Tambahkan bingkai teks berbentuk lingkaran.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 40


Buka panel Text Wrap. Beri Wrap untuk sekeliling objek dengan jarak 1 mm.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 41


Ambil koleksi potret untuk digunakan dalam testimoni.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 42


Geser foto potret ke atas objek lingkaran. Atur posisinya.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 43


Geser posisi foto hingga bertumpukkan dengan teks.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 44


Aktifkan tool Pen dan gambar garis tipis.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 45


Di Panel Stroke, aktifkan panah untuk End, yaitu bagian akhir garis. Garis berpanah harus menunjuk pada produk.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 46


Ulangi proses ini untuk membuat testimoni lainnya.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 47


Ulangi terus hingga kita peroleh testimoni untuk produk lainnya.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 48


Tambahkan kotak teks di pojok kanan bawah. Isi dengan alamat dan kontak distributor produk. Buat paragraph style khusus untuk ini.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 49: Ekspor PDF


Untuk cetak, Anda bisa menyimpannya dalam format PDF. Praktis sekali, cukup klik File > Adobe PDF Presets > Press Quality.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Langkah 50


Beri nama yang sesuai. Tidak perlu mengatur setting PDF, cukup klik OK.

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Mendesain Iklan Parfum dengan InDesign dan Photoshop

Hasil Akhir


Ini hasil kita peroleh. Semoga Anda belajar teknik baru di tutorial ini.

Mendesain Pola Tiga Dimensi di Photoshop
Tampilan Penuh

Download File



Download File InDesign dan PSD

Download File PDF