Untuk
tutorial sekarang, kita akan membuat brosur menggunakan Photoshop. Kita
akan belajar cara membuat seleksi, membuat teks, membuat bentuk vektor,
dan juga menambah efek teks.
Preview
Berikut adalah tampilan brosur yang akan kita hasilkan. Brosur ditampilkan juga dalam mockup hasil cetak.
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
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.
Sekian Terimakasih..
0 komentar: