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
Iklan

13 thoughts on “Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

  1. Ajib ilustrasinya jadi keren banget nih bang Jeprie.. Saya baru tau teknik seperti ini.. Salut mas dengan karyanya.. Ini gak dipublish diweb bule?

  2. Kalau Photoshop itu Batman, Robin-nya Illustrator.

    Biasanya yang menggunakan Photoshop harus ngerti Illustrator juga, walaupun minimal. Illustrator untuk kerja di bagian vektor, Photoshop untuk kerja di bagian pixel.

  3. Terima kasih sarannya.

    Sebetulnya saya mempersilakan siapa pun yang sanggup meneruskan tutorial desain web di DesainDigital hingga ke HTML/CSS. Masalahnya, menulis tutorial itu tidak gampang dan butuh waktu, apalagi untuk projek non-komersil seperti di DesainDigital ini.

  4. Tutorialnya sangat menarik mas. Saya sangat pemula dan masih gagap di Illustrator, selama ini saya gunakan CorelDRAW utk pekerjaan vector. Mas punya rekomendasi situs tutorial Illustrator yg bagus menurut mas? Mohon pencerahannya … salam suxes selalu ๐Ÿ™‚

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s