Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Dalam tutorial ini kita akan membuat poster bertema petarung dan memasukkan bentuk-bentuk rumit dari brush pattern di Illustrator.

Preview


Sebelum memulai tutorial ini, silakan lihat hasil akhir poster yang akan kita peroleh.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-49.jpg

Software yang Digunakan



  • Adobe Photoshop

  • Adobe Illustrator


Resource yang Dibutuhkan


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


Tutorial


Langkah 1: Mempersiapkan File di Illustrator


Buat file baru berukuran A4. Aktifkan Ruler dengan klik View > Show Ruler. Dari ruler drag ke tengah kanvas untuk membuat guide.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-01.jpg

Langkah 2: Membuat Brush Pola


Buat sebuah lingkaran, di tengahnya tambahkan sebuah segitiga. Klik sisi bawah untuk menambah titik baru. Atur posisi semua titik hingga diperoleh bentuk panah.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-02.jpg

Langkah 3


Seleksi semua shape. Geser ke atas panel Brushes.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-03.jpg

Langkah 4


Di kotak dialog yang muncul pilih Pattern Brush.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-04.jpg

Langkah 5


Anda bisa mengatur setting lain dalam kotak dialog berikutnya. Setting ini bisa diubah kemudian dengan cara klik ganda brush pada Panel Brushes.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-05.jpg

Langkah 6: Membuat Bentuk Rumit


Buat lingkaran di tengah-tengah kanvas. Mulai dengan klik pada pertemuan guide lalu geser sambil menahan Alt.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-06.jpg

Langkah 7


Klik brush pola yang tadi kita buat untuk menggunakan di dalam lingkaran.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-07.jpg

Langkah 8


Buat lagi lingkaran lebih besar, masih di posisi yang sama.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-08.jpg

Langkah 9


Buat bentuk seperti di bawah. Bentuk ini merupakan kombinasi dari persegi yang dimodifikasi dan lingkaran. Geser bentuk ke panel Brushes dan simpan sebagai Pattern Brush.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-09.jpg

Langkah 10


Aktifkan pola brush yang sudah kita buat ke dalam lingkaran.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-10.jpg

Langkah 11


Buat bentuk di bawah. Bentuk ini adalah gabungan dari tiga segitiga berwarna hitam dan putih. Simpan bentuk ini sebagai brush pola. Saya yakin Anda sudah tahu caranya.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-11.jpg

Langkah 12


Kali saya membuat dua lingkaran baru. Beri keduanya brush pola baru.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-12.jpg

Langkah 13


Buat garis memotong bentuk rumit yang sudah kita peroleh.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-13.jpg

Langkah 14


Klik kanan dan pilih Transform > Rotate. Isikan sudut sebesar 5 derajat dan klik Copy.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-14.jpg

Langkah 15


Tekan Ctrl + D untuk mengulangi proses duplikasi dan transformasi hingga diperoleh satu lingkaran penuh dengan garis. Seleksi semua garis dan simpan di bawah bentuk rumit dengan menekan Ctrl + Shift + [.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-15.jpg

Langkah 16


Berikutnya, saya membuat beberapa lingkaran dengan ketebalan berbeda.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-16.jpg

Langkah 17


Ambil bentuk tribal dari WeGraphics.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-17.jpg

Langkah 18


Seleksi bentuk tribal klik kanan dan pilih Transform > Reflect. Pilih Vertical dan klik Copy.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-18.jpg

Langkah 19


Atur posisinya hingga membentuk cermin. Simpan bentuk sebagai brush pola baru.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-19.jpg

Langkah 20


Buat lingkaran baru dan beri brush pola baru.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-20.jpg

Langkah 21: Bekerja di Photoshop


Buat file baru berukuran A4. Ambil tool brush dan lukis hingga diperoleh latar seperti di bawah.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-21.jpg

Langkah 22


Seleksi bentuk rumit di Illustrator, tekan Ctrl + C. Kembali ke Photoshop, tekan Ctrl + V. Simpan sebagai Smart Object agar bisa mempertahankan semua fungsi vektornya.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-22.jpg

tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-23.jpg

Langkah 23


Beri layer style berikut.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-24.jpg

tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-25.jpg

Langkah 24


Gandakan bentuk vektor lalu perkecil.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-26.jpg

Langkah 25


Lukis bayangan secara manual hingga objek terlihat berada dekat dengan bentuk vektor besar.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-27.jpg

Langkah 26


Gandakan lagi vektor dan perbesar hingga memenuhi kanvas. Turunkan opacity-nya ke 1%.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-28.jpg

Langkah 27


Ulangi proses sebelumnya hingga diperoleh beberapa objek vektor dengan opacity berbeda-beda.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-29.jpg

Langkah 28


Ambil tekstur noise dari WeGraphics.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-30.jpg

Langkah 29


Ubah blend mode layer ke Screen.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-31.jpg

Langkah 30


Gunakan brush-brush splatter dan grunge yang tersedia di daftar resource untuk memberi kesan kotor pada latar.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-32.jpg

Langkah 31


Saya tambahkan layer baru dengan opacity rendah dan mengisinya dengan gradient radial dari hitam ke putih. Ini membuat warna-warnanya terlihat pudar.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-33.jpg

Langkah 32


Sebagai pemanis saya gunakan brush Vintage Grunge dari WeGraphics.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-34.jpg

Inilah hasil yang sudah kita peroleh.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-35.jpg

Langkah 33: Menambahkan Gambar Petarung


Ambil Mixed Martial Art Vol2 dari WeGraphics. Di sana tersedia gambar dua orang petarung. Buka di Illustrator, copy lalu ke paste ke Photoshop sebagai Smart Object.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-36.jpg

Beri layer style berikut.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-37.jpg

tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-38.jpg

Langkah 34


Beri adjustment layer Hue/Saturation dengan setting berikut. Ubah adjustment layer menjadi clipping mask dengan menekan Ctrl + Alt + G. Ini membuat adjustment layer hanya mempengaruhi layer petarung di bawahnya.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-39.jpg

tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-40.jpg

Langkah 35: Pita


Ambil Ribbons Vector set dari WeGraphics. Buka di Illustrator, paste sebagai Smart Object di Photoshop.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-41.jpg

Langkah 36


Tambahkan layer mask. Aktifkan brush dengan opacity rendah. Gunakan brush splatter atau grunge dan lukis pita dengan hitam. Langkah ini akan memberikan tekstur pada pita.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-42.jpg

Langkah 37


Buat path dengan tool pen. Bentuk path harus mengikuti kelengkungan pita.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-43.jpg

Langkah 38


Aktifkan tool type. Klik path untuk menambahkan teks pada path.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-44.jpg

Teks akan otomatis mengikuti kelengkungan path.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-45.jpg

Langkah 40


Beri layer mask. Lukis hitam dengan brush grunge atau splatter untuk memberi tekstur pada teks.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-46.jpg

Di bawah adalah hasil yang sudah kita peroleh.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-47.jpg

Langkah 41: Perisai


Terakhir, saya ambil gambar vektor perisai dari WeGraphics.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-48.jpg

Saya simpan perisai ini di belakang objek rumit dan menurunkan opacity-nya.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-49.jpg

Hasil Akhir


Melalui tutorial ini, saya harap Anda mempelajari cara pembuatan bentuk rumit menggunakan brush pola di Illustrator yang ternyata sangat mudah. Jika ada pertanyaan, silakan tuliskan di kolom komentar di bawah.

Di bawah adalah hasil akhir tutorial yang kita peroleh.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-50.jpg

Saya juga membuat tampilan alternatif dari poster ini. Di sini, Langkah 34 dilewati sehingga kedua petarung tetap hitam.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-49.jpg

Di bawah, saya melakukan sedikit modifikasi dan mengubah formatnya dalam wallpaper. Saya menggunakan mockup iMac untuk melihat hasil akhirnya.
tutorial-membuat-bentuk-rumit-dgn-brush-pola-di-illustrator-51.jpg