Menggambar Ikon Bola Dunia dengan Photoshop

Dalam tutorial ini, saya akan menunjukkan cara menggambar ikon bola dunia menggunakan Photoshop. Tutorial ini menggunakan teknik Photoshop dasar dan permainan layer styles. Klik di sini untuk melihat tutorial secara lengkap.

[hr]

Preview

Di bawah adalah gambar akhir ikon bola dunia yang akan dihasilkan.

Tutorial Menggambar Ikon Bola Dunia dengan Photoshop

[hr]

Detail Tutorial

Berikut adalah sebagian langkah yang dilakukan dalam pembuatan ikon bola dunia.

Tutorial Menggambar Ikon Bola Dunia dengan Photoshop
Tutorial Menggambar Ikon Bola Dunia dengan Photoshop
Tutorial Menggambar Ikon Bola Dunia dengan Photoshop
Tutorial Menggambar Ikon Bola Dunia dengan Photoshop
Tutorial Menggambar Ikon Bola Dunia dengan Photoshop

[hr]

Tutorial Ekslusif

Seperti Anda ketahui, tutorial ini ditulis ekslusif untuk PV.MGarage dan tidak boleh ditulis ulang atau diterjemahkan. Silakan menuju ke halaman tutorial untuk mempelajarinya secara lengkap.

Iklan

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.

Gritty Look

gritty-look_01

Akhir-akhir ini saya sedang sibuk dengan pembuatan buku baru, judulnya Uncover Photoshop. Dan efek ini adalah salah satu projek yang dijelaskan di sana. Efek yang di beri nama Gritty Look ini merupakan kombinasi dari tampilan high contras dan banyak sharpening. Bagi yang ingin ngebut, saya sediakan efek ini dalam bentuk actions yang bisa Anda download di sini.

Download Gritty Look Action Lanjutkan membaca Gritty Look