Mendesain Brosur dengan Adobe Photoshop

Preview

Berikut adalah tampilan brosur yang akan kita hasilkan. Brosur ditampilkan juga dalam mockup hasil cetak.

Hasil akhir tutorial.

Hasil akhir tutorial.

Detail Tutorial

• Tingkat Kesulitan: Menengah
• Software yang Digunakan: Adobe Photoshop CC
• Teknik yang Dipelajari: Layer Styles, Tool Pen, Transformasi.
• Lama Pengerjaan: 45 menit

Resource yang Dibutuhkan

Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource berikut. Jika Anda tidak ingin membelinya, silakan cari alternatif stock yang sesuai.

• Set of bright signs and symbols dari Shutterstock
• Vector Icon Shopping dari PSDfreemium (gratis)
• Shopping and Tourism Concept dari Shutterstock
• Interior of Brand New Fashion Clothes Store dari Shutterstock
• KUALA LUMPUR, MALAYSIA dari Shutterstock
• Interior View dari Shutterstock

Tutorial

Langkah 1: Membuat Pola

Kita akan menggunakan pola hexagonal di latar brosur, tampilannya seperti sarang lebah. Buat file baru (Ctrl + N) dengan ukuran 50 px × 50 px. Aktifkan Tool Zoom lalu klik beberapa kali hingga kita bisa melihat setiap pixel secara jelas. Buat bentuk vektor hexagon atau segi 6 dengan Tool Polygon Shape. Pastikan terpilih 6 di pilihan Sides.

Langkah 2

Aktifkan Tool Direct Selection, tool pemilih vektor yang berwarna putih. Geser titik-titik bentuk vektor secara manual hingga tepat pada titik pixel dan memberikan hasil yang tajam.

Langkah 3

Lakukan terus sehingga diperoleh hasil seperti di bawah.

Langkah 4

Duplikasi bentuk segi 6 dengan cara Alt-geser menggunakan Tool Path Selection, yaitu tool pemilih vektor yang berwarna hitam. Beri jarak 2 pixel di antara keduanya.

Langkah 5

Duplikasi lagi. Kali ini untuk di bagian bawah.

Lakukan terus hingga diperoleh cukup banyak hexagon.

Langkah 6

Ambil Tool Marque Persegi lalu bagian yang berulang, yang akan menjadi pola. Untuk menentukan bagian mana yang perlu diambil, Anda harus menentukan suatu titik di awal seleksi dan berakhir di titik yang sama. Cukup sulit dijelaskan, tapi jika Anda perhatikan gambar di bawah, amati bahwa pojok kanan bawah seleksi –yang merupakan akhir seleksi– berakhir tepat pada awal seleksi yang ada di pojok kiri atas.

Langkah 7

Sembunyikan layer Background karena kita tidak akan membutuhkannya. Dengan seleksi tetap aktif, klik Edit > Define Pattern. Kita akan menyimpannya sebagai sebuah pola.

Langkah 8: Menyiapkan File Baru

Selanjutnya membuat kanvas untuk brosur. Buat file baru berukuran A4.

Langkah 9

Tambahkan adjustment layer Solid Color.

Pilih warna mendekati putih. Ini akan menjadi latar gambar.

Langkah 10

Klik ganda layer latar yang baru saja dibuat. Tambahkan Pattern Overlay dengan pola hexagonal yang telah kita sebelumnya. Turunkan Opacity pola hingga 5%.

Seperti inilah tampilan latar brosur yang kita hasilkan.

Langkah 11: Logo

Ambil logo perusahaan yang akan dimasukkan. Di sini, saya membuat sendiri logonya dengan stock yang sudah ada. Logo ini menggunakan objek hexagon, inilah alasan kita akan menggunakan banyak hexagon di brosur ini, agar sesuai dengan tema logo perusahaan.

Langkah 12: Teks

Simpan logo ke pojok kiri atas brosur. Buat sebuah hexagon besar di pojok kanan atas. Untuk warnanya dipilih biru, sesuai dengan warna logo.

Langkah 13

Tambahkan persegi pada hexagon hingga kita peroleh bentuk seperti di bawah.

Langkah 14

Tambahkan teks.

Langkah 15

Tambahkan juga teks lain. Untuk memudahkan, Anda bisa memisahkan posisi teks-teks itu.

Langkah 16

Tambahkan juga angka besar untuk informasi diskon.

Langkah 17: Efek Teks

Kita akan mengubah teks ini menjadi teks 3 dimensi. Mulai dengan Ctrl-klik layer teks untuk menghasilkan seleksi.

Langkah 18

Buat layer baru di bawah teks.

Langkah 19

Klik Edit > Fill lalu isi dengan warna. Pilih warna biru tua. Kita pilih warna biru tua disesuaikan dengan latar teks yang biru muda.

Langkah 20

Tanpa menghilangkan seleksi, tahan Ctrl + Alt lalu klik panah bawah kemudian panah kanan beberapa kali hingga seleksi terduplikasi. Di bawah adalah tampilannya tanpa teks asli.

Ini adalah tampilannya dengan teks asli. Masih belum terlihat 3 dimensi.

Langkah 21

Buat layer baru di antara teks dan bayangannya. Lukis putih menggunakan Tool Brush ber-Opacity rendah di bagian-bagian yang akan memberi kesan pencahayaan realistik 3 dimensi.

Langkah 22

Ctrl – klik layer teks asli untuk membuat seleksi berdasarkan bentuknya. Buat layer baru di bawah teks dan bayangannya.

Langkah 23

Klik Edit > Fill, isi seleksi dengan hitam.

Langkah 24

Hilangkan seleksi dengan menekan Ctrl + D. Klik Filter > Blur > Gaussian Blur.

Langkah 25

Geser bayangan ke belakang bentuk 3 dimensi teks dengan Tool Move.

Langkah 26

Duplikasi lagi bayangan teks 3 dimensi. Perhalus kembali dengan mengulangi pemeberian Gaussian Blur. Turunkan Opacity-nya jika perlu.

Inilah tampilan teks yang kita peroleh.

Langkah 27: Teks Lagi

Buat lagi bentuk poligon, kali ini dengan warna hijau.

Langkah 28

Tambahkan persegi di sisinya.

Langkah 29

Beri teks.

Langkah 30

Ambil ikon gratis Shopping dari PSDfreemium.

Langkah 31

Tambahkan lebih banyak ikon.

Langkah 32

Klik dan teks untuk membuat kotak teks dengan Tool Type.

Langkah 33

Untuk mempercepat penambahan teks, di Photoshop CC ada pilihan Type > Add Lorem Ipsum untuk menambahkan teks sampel.

Langkah 34: Footer

Footer brosur ini cukup sederhana. Cukup dengan membuat sebuah persegi lalu di atasnya tambahkan teks berisi nama perusahaan, alamat, nomor telepon, dan situs.

Langkah 35: Menambahkan Gambar

Ambil gambar Shopping and Tourism Concept dan simpan di area utama brosur.

Langkah 36

Buat path baru di panel Paths. Telusuri sisi-sisi ketiga perempuan dengan Tool Pen. Tidak usah khawatir dengan rambutnya. Buat saja seleksi kasar.

Anda bisa melihat detail path di bawah.

Langkah 37

Tambahkan vector mask pada layer ketiga perempuan tadi sehingga area di luar path hilang.

Langkah 38

Duplikasi lagi layer tadi (Ctrl + J). Seleksi path vector yang digunakan dalam mask dengan Tool Selection lalu piih Subtract Front Shape. Ini mengembalikan latar yang tadi dihilangkan.

Langkah 39

Ubah blend mode layer ke Multiply. Sebagian besar latar akan hilang.

Langkah 40

Tambahkan layer mask lalu lukis latar dengan hilang hingga hilang. Sisakan detail-detail rambut ketiga perempuan itu dengan menghilangkan sebanyak mungkin latarnya.

Anda bisa melihat perbandingan sebelum dan setelah proses pengembalian detail. Anda juga bisa menambahkan detail rambut dengan melukis helai-helai rambut secara manual menggunakan Tool Brush kecil dan lembut dengan warna yang sama dengan warna rambut asli.

Langkah 41

Buat lagi bentuk vektor poligon di bagian bawah brosur. Geser salah satu sisinya agar memanjang.

Langkah 42

Klik ganda layer lalu tambahkan Stroke.

Langkah 43

Ulangi dengan menambahkan bentuk lainnya. Warna yang digunakan tidak jadi masalah.

Langkah 44

Ambil gambar lalu simpan di atas bentuk yang tadi kita buat. Pastikan posisi layernya pun ada di atas bentuk itu.

Langkah 45

Ubah menjadi Clipping Mask dengan menekan Ctrl + Alt + G. Gambar akan masuk ke dalam bentuk di bawahnya.

Langkah 46

Ulangi proses ini untuk menambahkan lebih banyak gambar lagi.

Hasil Akhir

Berikut adalah tampilan brosur yang kita peroleh. Semoga Anda menyukai hasilnya.

Hasil akhir tutorial.

Hasil akhir tutorial