Thursday, December 16, 2010

Tipografi

membuat tipografi

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.

font

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 pilihCreate Outlines”.

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.

extrude
posision
jurus grafis

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.

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.

seleksi 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.

window pathfinder

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).

unlock

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”.

layer

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.

clipping mask
texture 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

hue saturation
levels

images

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).

transfrom

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.

soft brush
brushes

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.

layer photoshop

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.

bayangan

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

style

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.

background
multply

Hasil Akhir

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.

efek tipografi

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.

Sumber : Jurusgrafis.com

Tuesday, December 14, 2010

Manipulasi Foto

Di tutorial ini, kita akan belajar cara pembuatan teks yang dibuat dari banyak teks secara mudah menggunakan Photoshop. Dalam tutorial ini, selain tipografi kita juga membahas teknik-teknik manipulasi foto. Sebelum mulai, lihat dulu gambar yang akan kita buat di bawah.

manipulasi

Source Yang Digunakan

-Model Topeng Masker Gas dari falln-stocks

-Tekstur Grunge yang sangat populer dari Princes-of-Shadows

Langkah 1: Membuat Latar dan Menambah Model

Ambil model topeng gas. Buat path di sekelilingnya dengan tool pen.
tool pen
tool
Tekan ctrl+Enter untuk mengubah path menjadi seleksi.

Langkah 2

Copy model dan paste ke file baru berukuran 1280×800 px. Tekan ctrl+T, klik kanan dan pilih Flip Horizontal.
horizontal
Langkah 3

Paste tekstur grunge di belakang si model.
grunge
Langkah 4

Buat layer baru di atas tekstur grunge. Tekan D lalu ctrl+Delete untuk mengisinya dengan putih.

Klik Filter|Render|Lighting Effects. Gunakan setting di bawah. Langkah ini akan menambahkan sumber cahaya ke dalam scene gambar.
lighting effects
Langkah 5

Ubah opacity layer ke 60%.
opacity
Langkah 6

Alt+click ikon New Layer. Akan muncul kotak dialog New Layer. Pilih Use Previous Layer, blending mode Overlay, dan Fill with. Klik OK.
new layer
Langkah 7

Dengan tool burn lukis area-areayang ditandai dengan panah-panah di bawah untuk membuatnya lebih gelap. Lakukan hal yang sama dengan tool dodge untuk menerangkan area yang lain.
burn dodge
normal mode
Langkah 8

Sambil menahan ctrl klik layer model bertopeng. Sekarang Anda akan memiliki seleksi yang berdasarkan pada isi layer.
topeng
Langkah 9

Dengan tool marquee geser seleksi menjauh dari sumber cahaya.
marquee
Langkah 10

Buat layer baru. Isi dengan hitam. Klik Filter|Blur|Gaussian Blur. Seperti bisa Anda lihat, ini akan menjadi bayangan di dinding.
gaussian blur
Langkah 11

Ubah opacity layer ke 40%. Ini akan membuat bayangan terlihat lebih lembut lagi.
bayangan
Langkah 12: Menambahkan Teks

Klik semua ikon mata di depan layer. Untuk sementara, kita akan menyembunyikan semua layer agar bisa lebih fokus pada teks.

Buat teks menggunakan tool type. Seperti bisa Anda lihat, semua kata berada di layer terpisah. Ukurannya juga bervariasi. Saya buat kata FIGHT lebih besar untuk membuatnya terlihat lebih menonjol. Saya lakukan hal sebaliknya untuk kata AFRAID. Begitu selesai membuat kata-kata ini, pilih semua layer teks dan tekan ctrl+G untuk mengumpulkan semuanya ke dalam sebuah group. Satu hal lagi, jangan khawatir tentang warnanya, gunakan warna apapun yang Anda mau.
text
Langkah 13

Berikutnya, kita perlu menambahkan banyak kata. Klik dan drag untuk membuat sebuah text box. Anda bisa saja menggunakan kata-kata acak seperti lorem ipsum tapi saya lebih suka menggunakan teks betulan agar yang melihat punya sesuatu untuk dibaca. Karena gambar ini terinspirasi dari perang, saya pergi ke wikipedia edisi inggris dan membuka artikel tentang perang dunia. Saya copy artikel tertulis di sana. Kemudian, saya paste semua beberapa kali ke dalam teks box. Saya menggunakan alignment justify untuk memastikan bahwa teks muat dengan tepat ke dalam text box. Gunakan ukuran teks sangat kecil seperti 5 atau 6.
paragraph
Langkah 14

Turunkan opacity ke 25%
we will
Langkah 15

Tahan ctrl lalu klik semua kata-kata besar yang tadi kita buat. Segera, Anda akan menghasilkan seleksi berbentuk sepertinya.

not afraid
Langkah 16

Gandakan teks-teks kecil dengan menggesernya ke atas ikon new layer. Kembalikan opacity layer ke 100%. Click Add Layer Mask icon.
mask icon
Langkah 17

Klik ikon mata di depan group teks. Teks besar menghilang tapi kita masih melihat teks-teks kecil muncu dan membetuk kata yang sama.
group text
Langkah 18

Buat layer baru di atas teks yang lebih kecil. Dengan tool lasso buat seleksi mengelilingi W. Isi seleksi ini dengan warna apa pun yang Anda suka.
tool lasso
Langkah 19

Klik Layer|Create Clipping Mask. Ini akan memotong warna yang tadi kita buat dan memasukkannya ke dalam teks. Unik bukan?
clipping mask
Langkah 20

Ulangi langkah 18 dan 19 ke huruf-huruf yang lain. Ini yang saya peroleh sekarang.
come fight
Kesimpulan

Akhirnya teks sudah selesai dan kita tinggal mengaktifkan kembali layer-layer tersembunyi dengan klik ikon mata di depannya. Saya harap Anda menikmati tutorial ini sebagaimana saya menikmati proses pembuatannya. Jangan lupa untuk menuliskan komentar Anda di bawah!
image