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.
Berikut adalah tampilan iklan yang akan kita peroleh.
Tampilan Penuh (PDF)
Tampilan Penuh dalam mockup
Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource berikut:
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.
Aktifkan tool Crop lalu klik dan geser bingkai crop hingga melebihi batas bawah gambar. Ini akan menambah tinggi gambar.
Seleksi bagian bawah gambar yang memiliki refleksi objek.
Tekan Ctrl + T lalu tarik untuk memperpanjangnya.
Bayangan botol emas ini seharusnya melengkung sesuai botol aslinya. Seleksi sebagian dengan tool Marquee Persegi lalu tekan Ctrl + J untuk menduplikasinya..
Tekan Ctrl + T. Klik kanan dan pilih Warp lalu geser kotak yang ada untuk membuatnya melengkung.
Tambahkan teks untuk label objek. Kita akan menemukan bahwa banyak label parfum yang menggunakan tipe teks serif.
Klik kanan layer teks dan pilih Convert to Smart Object.
Copy salah satu gambar vektor dari koleksi dekorasi vektor gratis di Illustrator.
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.
Simpan dekorasi vektor di atas nama produk.
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.
Tambahkan layer mask lalu lukis sebagian label dengan hitam, tepat di bagian yang tertutupi oleh botol lainnya..
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.
Klik kanan dan pilih Warp. Atur hingga terlihat realistis.
Tambahkan layer mask dan lukis sebagian dengan hitam untuk menyembunyikannya.
Tambahkan juga dekorasi vektor di atas botol lainnya.
Duplikasi objek lalu balik dengan cara tekan Ctrl + T, klik kanan dan pilih Flip Vertical.
Turunkan Opacity-nya lalu simpan pada refleksi objek.
Lakukan juga hal yang sama pada botol lainnnya. Sembunyikan bagian label yang tidak diperlukan dengan penambahan Layer Mask.
Tambahkan teks. Beri transformasi Warp tipe Arch agar melengkung sesuai dengan permukaan botol.
Sembunyikan bagian yang tidak dibutuhkan.
Ulangi pada botol lainnya dengan teknik yang sama. Berikut adalah hasil yang diperoleh
Tampilan lebih utuh.
Ambil satu lagi foto botol parfum untuk ditampilkan di iklan.
Tambahkan label dengan cara yang sama. Simpan kedua gambar foto objek tadi dalam format PSD. Kita akan menggabungkan keduanya di InDesign.
Buat file baru di InDesign dengan menekan File > New > Document.
Geser foto botol parfum ke atas kertas. Atur ukurannya dengan tool Scale.
Tambahkan juga foto botol banyak di bagian bawah kertas.
Aktifkan tool Type. Klik dan geser untuk membuat kotak teks. Ketengahkan posisi teks dengan klik ikon yang ditandai di Baris Pilihan.
Di panel Character Styles, tambahkan style baru dengan nama Judul dan Paragraf Pembuka untuk judul dan isi kotak teks ini.
Klik ganda dan beri setting berikut.
Aplikasikan style Judul dan Paragraf Pembuka pada karakter yang sesuai.
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.
Buat style paragraph dengan setting berikut.
Seleksi semua teks dan aplikasikan style paragraf tadi.
Tambahkan lagi style karakter baru untuk nama pemberi testimoni, nama produk, dan harganya.
Berikut setting untuk setiap style baru.
Aplikasikan style karakter pada teks yang sesuai.
Tambahkan bingkai teks berbentuk lingkaran.
Buka panel Text Wrap. Beri Wrap untuk sekeliling objek dengan jarak 1 mm.
Ambil koleksi potret untuk digunakan dalam testimoni.
Geser foto potret ke atas objek lingkaran. Atur posisinya.
Geser posisi foto hingga bertumpukkan dengan teks.
Aktifkan tool Pen dan gambar garis tipis.
Di Panel Stroke, aktifkan panah untuk End, yaitu bagian akhir garis. Garis berpanah harus menunjuk pada produk.
Ulangi proses ini untuk membuat testimoni lainnya.
Ulangi terus hingga kita peroleh testimoni untuk produk lainnya.
Tambahkan kotak teks di pojok kanan bawah. Isi dengan alamat dan kontak distributor produk. Buat paragraph style khusus untuk ini.
Untuk cetak, Anda bisa menyimpannya dalam format PDF. Praktis sekali, cukup klik File > Adobe PDF Presets > Press Quality.
Beri nama yang sesuai. Tidak perlu mengatur setting PDF, cukup klik OK.
Ini hasil kita peroleh. Semoga Anda belajar teknik baru di tutorial ini.
Tampilan Penuh
Download File InDesign dan PSD
Download File PDF
Preview
Berikut adalah tampilan iklan yang akan kita peroleh.
Tampilan Penuh (PDF)
Tampilan Penuh dalam mockup
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.
Langkah 2
Aktifkan tool Crop lalu klik dan geser bingkai crop hingga melebihi batas bawah gambar. Ini akan menambah tinggi gambar.
Langkah 3
Seleksi bagian bawah gambar yang memiliki refleksi objek.
Langkah 4
Tekan Ctrl + T lalu tarik untuk memperpanjangnya.
Langkah 5
Bayangan botol emas ini seharusnya melengkung sesuai botol aslinya. Seleksi sebagian dengan tool Marquee Persegi lalu tekan Ctrl + J untuk menduplikasinya..
Langkah 6
Tekan Ctrl + T. Klik kanan dan pilih Warp lalu geser kotak yang ada untuk membuatnya melengkung.
Langkah 7
Tambahkan teks untuk label objek. Kita akan menemukan bahwa banyak label parfum yang menggunakan tipe teks serif.
Langkah 8
Klik kanan layer teks dan pilih Convert to Smart Object.
Langkah 9
Copy salah satu gambar vektor dari koleksi dekorasi vektor gratis di Illustrator.
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.
Langkah 11
Simpan dekorasi vektor di atas nama produk.
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.
Langkah 13
Tambahkan layer mask lalu lukis sebagian label dengan hitam, tepat di bagian yang tertutupi oleh botol lainnya..
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.
Langkah 15
Klik kanan dan pilih Warp. Atur hingga terlihat realistis.
Langkah 16
Tambahkan layer mask dan lukis sebagian dengan hitam untuk menyembunyikannya.
Langkah 17
Tambahkan juga dekorasi vektor di atas botol lainnya.
Langkah 18
Duplikasi objek lalu balik dengan cara tekan Ctrl + T, klik kanan dan pilih Flip Vertical.
Langkah 19
Turunkan Opacity-nya lalu simpan pada refleksi objek.
Langkah 20
Lakukan juga hal yang sama pada botol lainnnya. Sembunyikan bagian label yang tidak diperlukan dengan penambahan Layer Mask.
Langkah 21
Tambahkan teks. Beri transformasi Warp tipe Arch agar melengkung sesuai dengan permukaan botol.
Langkah 22
Sembunyikan bagian yang tidak dibutuhkan.
Langkah 23
Ulangi pada botol lainnya dengan teknik yang sama. Berikut adalah hasil yang diperoleh
Tampilan lebih utuh.
Langkah 24
Ambil satu lagi foto botol parfum untuk ditampilkan di iklan.
Langkah 25
Tambahkan label dengan cara yang sama. Simpan kedua gambar foto objek tadi dalam format PSD. Kita akan menggabungkan keduanya di InDesign.
Langkah 26: Bekerja di InDesign
Buat file baru di InDesign dengan menekan File > New > Document.
Langkah 27
Geser foto botol parfum ke atas kertas. Atur ukurannya dengan tool Scale.
Langkah 28
Tambahkan juga foto botol banyak di bagian bawah kertas.
Langkah 29
Aktifkan tool Type. Klik dan geser untuk membuat kotak teks. Ketengahkan posisi teks dengan klik ikon yang ditandai di Baris Pilihan.
Langkah 30
Di panel Character Styles, tambahkan style baru dengan nama Judul dan Paragraf Pembuka untuk judul dan isi kotak teks ini.
Langkah 31
Klik ganda dan beri setting berikut.
Langkah 32
Aplikasikan style Judul dan Paragraf Pembuka pada karakter yang sesuai.
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.
Langkah 34
Buat style paragraph dengan setting berikut.
Langkah 35
Seleksi semua teks dan aplikasikan style paragraf tadi.
Langkah 36
Tambahkan lagi style karakter baru untuk nama pemberi testimoni, nama produk, dan harganya.
Langkah 37
Berikut setting untuk setiap style baru.
Langkah 38
Aplikasikan style karakter pada teks yang sesuai.
Langkah 39
Tambahkan bingkai teks berbentuk lingkaran.
Langkah 40
Buka panel Text Wrap. Beri Wrap untuk sekeliling objek dengan jarak 1 mm.
Langkah 41
Ambil koleksi potret untuk digunakan dalam testimoni.
Langkah 42
Geser foto potret ke atas objek lingkaran. Atur posisinya.
Langkah 43
Geser posisi foto hingga bertumpukkan dengan teks.
Langkah 44
Aktifkan tool Pen dan gambar garis tipis.
Langkah 45
Di Panel Stroke, aktifkan panah untuk End, yaitu bagian akhir garis. Garis berpanah harus menunjuk pada produk.
Langkah 46
Ulangi proses ini untuk membuat testimoni lainnya.
Langkah 47
Ulangi terus hingga kita peroleh testimoni untuk produk lainnya.
Langkah 48
Tambahkan kotak teks di pojok kanan bawah. Isi dengan alamat dan kontak distributor produk. Buat paragraph style khusus untuk ini.
Langkah 49: Ekspor PDF
Untuk cetak, Anda bisa menyimpannya dalam format PDF. Praktis sekali, cukup klik File > Adobe PDF Presets > Press Quality.
Langkah 50
Beri nama yang sesuai. Tidak perlu mengatur setting PDF, cukup klik OK.
Hasil Akhir
Ini hasil kita peroleh. Semoga Anda belajar teknik baru di tutorial ini.
Tampilan Penuh
Download File
Download File InDesign dan PSD
Download File PDF