Membuat Tipografi 3 Dimensi Bertekstur Dengan Illustrator dan Photoshop

Salah satu tren grafis yang sedang populer saat ini adalah tipografi 3 dimensi. Pada posting ini kita akan belajar membuat tipografi 2 dimensi menjadi 3 dimensi secara mudah di Adobe Illustrator, lalu memoles nya dengan tekstur di Adobe Photoshop.

Materi stok gambar yang kita perlukan hanya tekstur dengan style grunge (dapat di unduh di akhir posting ini), selebih nya kita menggunakan teknik Illustrator dan Photoshop saja, mari kita mulai!

Langkah 1 – Adobe Illustrator CS3

Buat dokumen baru di Adobe Illustrator CS3 kamu, lalu ketik kata yang kamu inginkan. Pada tutorial ini saya mengetik “JURUS GRAFIS” dengan font Swiss Heavy (kamu bisa menggunakan font Arial Bold atau yang lain jika tidak punya font Swiss), dan atur setting Leading dan Kerning nya seperti gambar di bawah ini.

Langkah 2

Kita akan merubah text tersebut menjadi “Outlines” atau “Path”, sehingga text ini tidak jadi sebagai text, tetapi akan menjadi grafik yang bisa kita edit bentuk nya. Caranya, klik kanan lalu pilih “Create Outlines”.

Langkah 3

Bagian ini adalah bagian yang menarik, kita akan membuat tipografi 2 dimensi ini menjadi 3 dimensi. Caranya sangat mudah, selagi tipografi tersebut terseleksi, pilih Effect > 3D > Extrude & Bevel , lalu ikuti setting seperti gambar di bawah ini.

Sebelumnya jangan lupa untuk merubah warna text menjadi abu-abu muda (supaya nanti sesudah menjadi 3 dimensi, warna nya akan tetap menghasilkan bayangan yang pas). Dan Voila! kamu sudah berhasil membuat tipografi 3 dimensi.

Langkah 4

Selanjutnya kita meng-expand grafik 3 dimensi tersebut, sehingga setiap bagian nya akan menjadi bentuk vektor. Seleksi objek 3d lalu pilih Object > Expand Appearance.

Langkah 5

Setelah objek 3d menjadi grafik/path, maka setiap bagian nya bisa kita edit. Nah sekarang seleksi semua objek 3d itu dan Ungroup (tekan Ctrl + Shift + G) sebanyak 3 kali, sampai setiap bagian nya terpisah-pisah.

Lalu seleksi tulisan “Jurus Grafis” nya saja dan ubah warna nya menjadi abu-abu terang (10% Black). Tekan Ctrl + G untuk meng-group kembali hanya tulisan “Jurus Grafis” saja.

Selagi tulisan “Jurus Grafis” terseleksi, tekan Ctrl + 2 untuk mengunci (Lock) bagian itu. Tujuan nya adalah supaya kita lebih mudah untuk melakukan langkah berikutnya.

Langkah 6

Kita akan menyatukan bagian bayangan dari grafik tersebut (area abu-abu gelap). Karena kita sudah mengunci tulisan “Jurus Grafis” maka kita dapat dengan mudah men-seleksi semua bayangan tersebut. Setelah terseleksi, pilih Pathfinder, lalu Unite dan tekan Expand.

Langkah 7

Kamu akan mendapatkan hasil seperti di bawah ini. Sekarang kamu bisa membuka kunci (Unlock) tulisan “Jurus Grafis”, dengan menekan Ctrl + Alt + 2.

Logika dari semua langkah sebelum nya adalah kita membuat 2 bagian, text bagian depan (berwarna abu-abu terang) dan text bagian belakang yang berfungsi sebagai pemberi efek 3 dimensi (berwarna abu-abu gelap).

Langkah 8 – Adobe Photoshop

Buat Dokumen baru di Photoshop dan Copy Paste grafik yang telah kita buat di Illustrator. Masing-masing dengan bagian nya sendiri, “bagian depan huruf” dan “bagian belakang huruf”. Jadi kita mempunyai 2 layer di Photoshop.

Setelah meng-copy paste mungkin kamu butuh menyesuaikan lagi sehingga bisa pas seperti yang kita buat di Illustrator, trik nya adalah jangan merubah ukuran salah satu nya sebelum semuanya ter-copy paste di Photoshop dan paste sebagai “Smart Object”.

Langkah 9

Buka dokumen tekstur di Photoshop, lalu klik dan drag ke dokumen tipografi 3 dimensi. Ini akan menempatkan tekstur tersebut di atas layer “text bagian depan”. Namakan layer tekstur tersebut menjadi “texture grunge1″.

Pilih layer “texture grunge1″ lalu klik kanan dan pilih Create Clipping Mask, hasilnya akan tampak seperti di bawah ini.

Jadi kita menempatkan tekstur kedalam tulisan “Jurus Grafis”

Langkah 10

Pilih layer “texture grunge1″ dan lakukan setting seperti gambar di bawah ini. Kita akan membuang warna pada tekstur dan meningkatkan kontras untuk mendapatkan efek yang lebih dramatis.

Langkah 11

Copy layer “texture grunge1″ yang sudah di setting tadi, dan tempatkan di atas layer “text bagian belakang”. Lakukan Clipping Mask (seperti langkah 9) dan sesuaikan penempatan nya seperti apa yang kamu mau. Kamu bisa bereksperimen dengan penempatan nya dengan melakukan rotate dan transform (Ctrl + T).

Langkah 12

Kita akan mempertegas bayangan pada layer “text bagian belakang”. Buat layer baru di atas layer “texture grunge1 copy” dan namakan menjadi “brush shadow”, jangan lupa ubah blending mode layer “brush shadow” menjadi Multiply.

Gunakan soft brush berwarna hitam untuk mempertegas bayangan, untuk bagian ini kamu bebas bereksperimen untuk menentukan mana bagian yang tergelap. Bayangkan satu sumber cahaya di atas objek tersebut sehingga kamu lebih mudah dalam megerjakan nya.

Langkah 13

Biasakan untuk mengatur dan menamakan layer kamu, buat group baru (klik ikon bergambar folder) dan masukkan semua layer tipografi 3 dimensi kedalam folder itu. Namakan folder nya “3d tipo”.

Ini akan memudahkan kamu jika nanti kamu hanya ingin mengedit bagian tertentu saja. Hal ini juga sangat berguna kalau kamu sudah bekerja dengan ratusan layer.

Langkah 14

Dengan teknik yang sama seperti mempertegas bayangan tadi, kita akan memberikan sedikit nuansa warna pada grafik ini. Saya menggunakan Soft Brush dan menggunakan 2 warna secara bergantian. Ikuti penempatan dan pengaturan layer nya seperti gambar di bawah ini.

Langkah 15

Pilih layer “text bagian depan” dan berikan layer style “Stroke”.

Langkah 16

Selanjutnya kita membuat background. Pada tutorial ini saya membuat background yang simpel saja. Cukup menggunakan Gradient Tool (G) dan merubah setting nya menjadi Radial Gradient.

Dan saya memutuskan untuk menambahkan tekstur yang sama seperti tekstur tipografi juga pada background.

Hasil Akhir

Ya, sampai disini kita sudah selesai. Saya menambahkan beberapa elemen grafis lain nya, seperti efek cahaya dan bintang angkasa agar tipografi 3 dimensi nya lebih menyatu dengan background. Tetapi ini tergantung kamu dan gaya seperti apakah yang kamu buat dari pertama.

Jadi sekarang kamu sudah mengetahui bagaimana merubah text 2 dimensi menjadi 3 dimensi dan memberikan tekstur pada sebuah objek. Silakan bereksperimen dengan tekstur yang lain, seperti kayu, daun, cipratan cat, dan lain lain. Post hasil karya kamu di Grup Flickr Jurus Grafis yah! Ditunggu!

Dokumen ini bisa kamu unduh beserta tekstur yang saya gunakan untuk tutorial ini (6,7 Mb), karena mungkin lebih mudah lagi bagi kamu untuk mengerti teknik di atas dengan melakukan “pembedahan” suatu karya di Photoshop.