Membuat Pola Grunge Dengan Resource Desain

Dalam tutorial ini, kita akan membuat pola berulang bertema grunge menggunakan Illustrator dan Photoshop. Kita banyak menggunakan gambar, namun karena saya tidak bisa menggambar, saya menggunakan beberapa resource premium dari Vandelay Premier dan WeGraphics.

[box type="info"]Konsep dasar pembuatan pola telah saya jelaskan dalam tutorial di Psdtuts+, Quick Tip: Create a Complex Pattern by Nudging Smart Objects. Silakan baca terlebih dahulu bagian Basic Principles of Pattern Design.[/box]

[hr]

Preview


Berikut adalah bentuk pola yang akan kita buat.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


[hr]

Program Yang Digunakan:



  • Photoshop

  • Illustrator CS5




[hr]

Resource Yang Digunakan:



  1. Hand Drawn Skulls dari WeGraphics

  2. Victorian age decorations dari WeGraphics

  3. Hand drawn roses dari WeGraphics

  4. Hand drawn baroque ornaments dari WeGraphics

  5. Grunge Textures Vol1 dari WeGraphics

  6. Old Paper Textures dari Vandelay Premier




[hr]

Langkah 1: Menggambar Pola di Illustrator


Pertama, buat file baru di Illustrator dengan ukuran 50 mm x 50 mm.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 2


Ambil gambar tengkorak dari WeGraphics. Simpan di tengah-tengah kanvas. Untuk memastikan dia di tengah. Buka panel Align, pilih Align to Artboard. Klik gambar dan pilih ikon align center.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 3


Ambil satu lagi tengkorak dengan arah berbeda dan simpan di belakang tengkorak pertama.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 4


Klik kanan tengkorak, pilih Transform > Reflect > Rotate Vertical, lalu klik Copy untuk membuat duplikasinya. Geser tengkorak hingga posisinya simetris dengan tengkorak yang lain.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 5


Ambil lagi elemen dari Baroque vektor. Simpan di bawah tengkorak, lakukan transformasi refleksi dan geser hingga terlihat simetris.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 6


Ambil elemen vektor lain. Tumpukkan dengan elemen sebelumnya hingga terlihat unik. Seperti tadi, rekfeksikan.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 7


Ambil lagi elemen vektor lain. Kali ini, simpan di pojok atas. Gabungkan elemen-elemen ini hingga terlihat menarik.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 8


Saya tambahkan sebuah tengkorak lebih kecil tepat di pojok.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 9


Seleksi semua elemen yang ada di pojok dengan cara klik kanan dan pilih Move. Geser ke bawah 50 mm (sesuai ukuran kanvas) dan pilih Copy. Akhirnya, kita memiliki dua elemen yang sama di pojok.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 10


Seleksi kedua elemen tadi dan kali ini duplikasi dan geser ke kanan sejauh 50 mm.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 11


Kita isi ruang kosong di bawah tengkorak. Saya mengambil juga beberapa gambar mawar. Ini mengingatkan saya pada gambar cover album Guns and Roses, Appetite for Destruction.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 12


Seleksi gambar yang ada di sisi bawah lalu geser dan duplikasi ke sisi atas sejauh 50 mm.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 13


Sama seperti sebelumnya, saya teruskan dengan memenuhi sisi kiri yang masih kosong. Lalu menggesernya ke kanan sejauh 50 mm. Terakhir, saya isi juga bagian yang masih terasa kosong.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 14


Buat lagi file baru di Illustrator dengan ukuran 50 mm x 50 mm. Buat sebuah persegi seukuran kanvas dengan Fill dan Stroke None. Klik ikon Draw Inside.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 15


Kembali ke file pola pertama. Seleksi semua elemen gambar, copy lalu paste ke dalam file baru. Karena kita berada dalam mode Draw Inside, secara otomatis gambar di luar kotak akan terpotong.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 16: Ekspor Pola ke Gambar TIFF


Klik File > Export dan simpan gambar pola ke dalam format TIFF. Saya biasanya memilih TIFF karena kemampuannya menyimpan semua informasi gambar tanpa distorsi. Berdasar pengalaman saya, format gambar terbaik --untuk proses editing-- adalah PSD baru kemudian TIFF.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 17


Buka Photoshop dan buat file baru dengan ukuran A4.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 18: Memperbaiki Pola di Photoshop


Buka file TIFF yang tadi kita buat di Illustrator. Seperti Anda lihat, Illustrator menyisakan warna putih sesuai dengan ukuran elemen asli. Cara membuang ini gampang, klik Image > Trim dan klik OK. Otomatis semua area kosong akan hilang.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 19: Memasang Pola di Photoshop


Paste gambar pola ke kanvas A4. Duplikasi dan geser (Ctrl + Alt + T), lihat gambar di bawah. Anda mungkin perlu melakukan proses zoom untuk melihat detail pergeseran.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 20


Ulangi proses transformasi dengan menekan Ctrl + Shift + Alt +T.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 21


Ulangi lagi Langkah 19 dan 20 hanya kali ini ke bawah. Begitu selesai, gabungkan semua layer dengan memilihnya lalu tekan ctrl + E.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 22: Memberi Tekstur Kertas


Ambil tekstur kertas. Tekstur ini sangat bagus namun ada tulisan yang mengganggu. Cara memperbaikinyanya gampang saja. Anda tinggal melukisnya dengan tool Spot Healing Brush.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 23


Simpan tekstur kertas ke atas pola dan ubah Blending Mode layer ke Multiply.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 24


Tambahkan efek Vignette dengan melukis hitam menggunakan brush lembut di semua pojok gambar.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 25: Memberi Efek Terkelupas


Ambil lagi tekstur kertas grunge. Hilangkan warnanya dengan menekan Ctrl + Shift + U. Beri perintah Levels dengan setting ekstrem hingga diperoleh beberapa bercak putih di atas hitam.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 25


Simpan tekstur ke atas pola. Ubah blending mode ke Screen. Jika dirasa efeknya kurang, tekan Ctrl + J untuk menduplikasi layer.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 26


Saya ambil lagi satu lagi kertas grunge lain. Seperti tadi saya hilangkan warnanya lalu memberinya level ekstrem. Hanya kali ini yang saya peroleh malah sebaliknya, titik hitam di atas latar putih. Sederhana saja, balikkan warnanya dengan Ctrl + I. Seperti tadi, simpan tekstur ke atas gambar dan ganti Blending Mode ke Screen.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 27: Memberi Efek Lipatan Kertas


Terakhir, saya ambil tekstur kertas grunge. Hilangkan warnanya dengan Ctrl + Shift + U. Naikkan kontras warnanya dengan perintah Levels.

Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 28


Simpan tekstur ke atas gambar dan beri Blending Mode Multiply.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Langkah 29


Akhirnya, buang bagian gambar yang tidak Anda sukai dengan tool Crop.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


[hr]

Hasil Akhir


Berikut adalah hasil akhir yang kita peroleh.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


Di bawah adalah hasil yang saya peroleh sebelumnya. Yang ini memiliki lebih banyak vektor, di akhir saya menambahkan sebuah gambar vektor dan membuatnya seperti gambar tangan hasil scan.
Tutorial Membuat Pola Grunge Menggunakan Resource Desain


[hr]

Bagaimana menurut Anda?


Saya harap Anda menyukai tutorial singkat ini. Jika ada pertanyaan silakan bertanya di kolom komentar di bawah.