Tipografi tidak hanya sekedar elemen yang memberikan informasi saja. Jika kita bisa mengolahnya dengan baik, maka tipografi dapat berdiri sendiri sebagai informasi dan sebagai karya desain grafis.

Dalam video tutorial kali ini, kita akan belajar bagaimana membuat tipografi gaya bebas di Adobe Illustrator dan melakukan tahap penyelesaian di Adobe Photoshop. Karena terlalu panjang jika di gabung kedalam satu video, maka saya membaginya menjadi 2 bagian, yaitu tahap Illustrator dan tahap Photoshop.

Hasil akhir yang kita rancang akan terlihat seperti gambar di bawah ini.

Perancangan Bentuk Tipografi Dasar di Illustrator

Tahap Penyelesain Karya di Photoshop

Kamu bisa memakai teknik ini untuk di aplikasikan tidak hanya pada tipografi saja, tetapi bisa di gunakan pada ilustrasi, desain karakter, pembuatan logo dan lainnya.

Dokumen grafis tutorial ini (1,7Mb) dapat di unduh melalui tombol di akhir posting. Jangan lupa untuk bergabung dan memamerkan karya desain kamu di Grup Flickr Jurus Grafis.

Ikuti Twitter Jurus Grafis dan temui Jurus Grafis di Facebook. Kalau tidak ingin ketinggalan tutorial menarik lainnya, kamu bisa berlangganan dengan Email atau RSS.

Pada saat kita melamar ke suatu studio desain/perusahaan, CV sering kali menjadi elemen yang kita pandang sebelah mata. Kita lupa bahwa kita melamar untuk menjadi desainer grafis atau bagian kreatif lain, dan membiarkan CV kita terlihat biasa saja alias hanya di cetak dari program Microsoft Word.

Padahal CV yang di desain dengan baik bisa memberikan nilai tambah kepada kita sebagai pelamar. Apalagi jika kita melamar ke studio desain yang lumayan bergengsi. Jadi selain portfolio bagus yang merupakan keharusan, kita juga harus membuat CV kita tidak terlupakan.

2 hal penting yang harus di ingat sebelum kita mendesain CV adalah,

1. Kejelasan Informasi

Nama, data pribadi, riwayat pendidikan, riwayat pekerjaan, skill set (biasanya program desain yang kamu kuasai) dan info kontak  merupakan hal penting yang tetap harus terlihat jelas dan mudah di baca. Walaupun dengan desain yang heboh, tapi usahakan informasi penting tersebut tetap mudah di temukan.

2. Desain CV Tersebut Sesuai Dengan Kelebihan/Gaya Visual Kamu

Anggap saja CV tersebut merupakan projek pertama kamu di studio/perusahaan yang kamu lamar. Kita harus membuat kagum sang pemilik studio/perusahaan dengan menggunakan kemampuan terbaik yang kita punya.

Misalnya, kamu lebih unggul di bidang ilustrasi, maka sebaiknya kamu menunjukkan minat dan bakat kamu itu dengan menggunakan gaya ilustrasi. Bisa di bilang CV merupakan cerminan diri dan skill kamu, selain portfolio tentunya.

Ok, jika sudah siap kita akan mulai mendesain CV kita. Untuk tutorial kali ini saya akan menggunakan contoh kasus, yaitu ada seorang desainer grafis yang bernama Joni Pedansa mau mengirimkan lamarannya sebagai desainer web kepada suatu studio desain kenamaan di Jakarta. Joni sudah berpengalaman dalam bidang desain website selama 8 tahun.

Langkah 1

Gunakan program Adobe Illustrator untuk mendesain projek seperti ini, karena akan lebih mudah dan ringan jika kita ingin mengedit informasinya di kemudian hari. Buka dokumen baru berukuran A4.

Langkah 2

Buat guide baru berukuran 1,5 cm dari sekeliling dokumen. Supaya lebih mudah buat dulu kotak (dengan Rectangle Tool) dengan ukuran 1,5 x 1,5 cm. Lalu tekan Ctrl + R, untuk menampilkan Ruler di dokumen. Klik di area Ruler, lalu drag ke arah dokumen, ini akan otomatis membuat guide baru.

Setelah itu kunci guide ini dengan View > Guides > Lock Guides

Tujuan membuat guide ini adalah untuk memberi batas “area aman”, karena biasanya printer rumahan tidak bisa mencetak secara fullpage. Jadi dengan adanya guide ini kita tidak akan melewati batasan aman, atau akan terjadi hal yang tidak di inginkan, seperti text/konten terpotong sewaktu di cetak.

Langkah 3

Mulai mengetik nama kita atau kamu bisa menggunakan logo personal kamu. Untuk tutorial ini saya menggunakan yang simpel saja, yaitu font Myriad Pro dan mengatur kerning nya menjadi -50 (salah satu jurus andalan ).

Pikirkan juga Tagline atau Slogan personal kamu, bisa yang menjelaskan keahlian, bisa juga dengan kata-kata yang lucu dan unik.

Langkah 4

Saya memutuskan untuk membuat tata letak keseluruhan terlebih dulu supaya lebih lancar dalam mendesainnya. Kira-kira tampilan yang saya mau seperti di bawah ini.

Langkah 5

Karena saya menggunakan gaya visual yang minimalis, maka untuk tahap ini hanya di perlukan mengetik dan memainkan tipografi nya saja. Baik itu kerning, tebal tipis huruf, warna dan leading (jarak antar kalimat atas dan bawah).

Hasil tata letak sementara adalah seperti di bawah ini.

Langkah 6

Kita masuk ke tahap mendesain grafik informasi dengan menggunakan gaya visual seperti data statistik. Rasanya visual statistik seperti ini (dan jenis yang lain) akan tren, setelah melihat banyak juga desainer luar negeri yang menggunakannya untuk menampilkan data pribadi dalam portfolio atau CV mereka.

Gunakan Pen Tool (P) untuk menggambar dasar grafik statistik tersebut.

Langkah 7

Unduh ikon program desain Adobe disini, untuk di gunakan pada CV tersebut.

Setelah itu samakan besarnya dengan cara, pilih semua icon lalu kecilkan secara bersamaan. Nah, pasti masih terlihat berantakan bukan letaknya? Cara merapihkannya cukup mudah, buka kotak dialog “Align”, Window > Align. Lalu ikuti seperti gambar di bawah ini.

Lalu untuk menyamakan jarak antar ikon dengan menggunakan Distribute Spacing.

Hasil yang didapat akan tampak seperti berikut.

Langkah 8

Selanjutnya kita membuat panah di sisi kiri statistik dengan menggunakan Polygon Tool. Tekan ikon Rectangle untuk mengeluarkan pilihan bentuk yang lain.

Setelah itu, untuk membuat segitiga kita harus mengatur berapa banyak sisi polygon ini (untuk kasus ini, 3 sisi). Caranya adalah dengan meng-klik Polygon Tool ke dokumen, nanti akan muncul sebuah kotak dialog untuk mengaturnya.

Atur letak segitiga tersebut agar berada di sisi kiri statistik. Kita memerlukan 3 buah segitiga berukuran sama, cara mudah menduplikasi segitiga ini adalah pilih segitiga, tekan Alt + Shift lalu geser keatas.

Hasilnya akan terlihat seperti gambar di bawah ini.

Langkah 9

Kita sudah hampir selesai! Gunakan Rectangle Tool untuk menggambar bar statistik nya. Sesuaikan warna bar dengan ikon program desain masing-masing. Gunakan juga efek Gradient pada bar untuk memberikan kesan 3d secara halus.

Hasil Akhir

Kita sudah selesai mendesain CV yang simpel dan berbeda dari yang lainnya. Kamu bisa bereksperimen lagi dengan gaya visual kamu sendiri. Atau untuk permulaan kamu bisa menggunakan desain CV ini sebagai layout dasar dan mulai bereksperimen.

Tidak ada batasan dalam mendesain CV, yang harus di perhatikan hanya informasi harus tetap jelas terbaca. Silakan unduh dokumen grafis ini dalam format Adobe Illustrator CS (540Kb) dengan menggunakan tombol di akhir posting.

Kalau kamu mempunyai desain CV yang menarik, ayo di masukkan ke grup Flickr Jurus Grafis untuk menginspirasi teman-teman yang lain

Tautan Terkait :
How to Create a Great Web Design CV and Resume
36 Beautiful Resume Ideas That Work

Mari berlangganan Jurus Grafis melalui Email atau RSS. Dan jangan lupa ikuti Twitter Jurus Grafis.

CV_Biasa_menjadi_Tak_Terlupakan (1659)

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.