3D EFFECT

Tutorial kali ini kita akan membuat tipografi 3D dengan Illustrator dan memberinya sentuhan Photoshop untuk membuat efek lebih realistis. Teks dengan efek batu yang berada disamping Tugu Jogja ini akan kita buat dengan teknik yang cukup mudah. Disini kita juga akan belejar mengenai teknik pencahayaan dan penggunaan tekstur untuk membuat efek 3D lebih nyata.

Hasil Akhir dari Gambar

Sebelum memulai, mari terlebih dahulu kita lihat hasil akhir dari gambar yang akan kita buat. Versi yang lebih besar dapat dilihat disini.

tutorial tipografi 3D dengan photoshop dan illustrator

Langkah 1

Buka Adobe Illustrator untuk memulai membuat teks 3D. Dengan Type Tool ketik ‘jogja’ dengan menggunakan huruf kapital. Font yang saya gunakan disni Helvetica LT Black dengan ukuran font 300 pt dengan warna font putih #FFFFFF (pada gambar berikut sya tampilkan hitam hanya untuk memperjelas).

tutorial tipografi 3D dengan illustrator dan photoshop

Langkah 2

Klik teks jogja dengan Selection Tool kemudian pilih Effect > 3D > Extrude & Bevel dan atur seperti gambar berikut. Tekan OK setelah selesai.

Langkah 3

Pilih Edit>Copy untuk mengopi teks 3D yang sudah kita buat, bisa juga dengan shortcut Ctrl+C. Buka gambar tugu jogja ini dengan Photoshop. Paste teks 3d pada dokumen Photoshop, tekan Ctrl+V akan keluar pilihan dipaste sebagai apa, pilih Smart Object.

Langkah 4

Langkah berikutnya kita akan membuat efek retak pada jalan yang terletak dibawah teks. Buka gambar tanah retak ini dengan Photoshop dan paste pada dokumen kita. Tekan Ctrl+T dan perkecil ukuran gambar tekstur tanahnya. Jangan tekan enter dulu, klik kanan pada layer tekstur tanah pilih Distort. Klik steiap sudut layer dan geser sampai seperti gambar berikut.

tekan enter, ubah Blending Modenya menjadi Multiply. Hapus beberapa bagian dari tekstur tanah yang terletak dipinggir agar lebih realistis dan tidak tampak bersudut.

Langkah 5

Sekarang kita akan membuat teks 3D tampak seperti batu. Buka gambar tekstur tembok ini dengan Photoshop dan paste pada dokumen kita. Tekan Ctrl+T dan perkecil ukuran gambar tekstur tanahnya. sebelum menekan enter, klik kanan pada layer tekstur tanah pilih Distort dan geser setiap sudutnya hingga seperti gamba berikut. Buat seleksi yang mengelilingi tulisan JOGJA, kemudian lakukan masking pada layer tekstur tembok.

Ubah Blending Mode layer tekstur tembok menjadi Linear Burn dan opacity 70%, sejauh akan kita dapati sepeti berikut.

Langkah 6

Buat Adjustment Layer baru dengan Layer > New Adjustment Layer > Levels kemudian untuk setting level pilih Lighten Shadow. Ini membuat teks 3D lebih terang. Tekan Alt dan klik pada garis perbatasan layer 2 dan layer level, ini akan membuat level hanya memberikan efek pada layer 2.

Langkah 7

Buat layer baru. lakukan seleksi sepeti langkah 5, gunakan Gradient Tool untuk membuat Linear Gradient dari hitam #000000 ke transparent pada bagian bawah teks 3D.

Langkah 8

Coba perhatikan warna Tugu Jogja, nampak agak kuning di malam hari. Kita akan membuat teks 3D memiliki warna seperti Tugu Jogja agar tampak lebih realistis. Tambah layer baru diatas layer levels 1. Buat lagi seleksi seperti langkah 5. Ubah warna Foreground menjadi #fb8701, dengan paint Bucket Tool penuhi area seleksi dengan warna tersebut. Ubah blending mode menajadi Color dan tambahkan Layer Mask. Lakukan masking dengan Gradient Tool pada bagian bawah tulisan.

Langkah 9

Beberapa langkah berikutnya adalah memberi bayangan teks 3D. Gunakan Pen Tool untuk membuat path seperti gambar berikut. Untuk cara menggunakan Pen Tool baca tutorial sebelumnya. Buat Layer baru, penuhi path dengan warna hitam #000000, pada menu bar pilih Filter > Blur > Gaussian Blur buat radius 2 pixel. Ubah opacity menjadi 60 %.

tutorial tipografi 3 dimensi dengan illustrator dan photoshop

lakukan juga untuk huruf-huruf lainnya akan kita dapatkan gambar seperti berikut.

Langkah 10

Ketik ‘JOGJA’ dengan font Helvetica LT Black, ukuran font 300 pt dengan warna font hitam #000000. Pada layer palet, klik kanan layer baru ini, pilih Convert to Smart Object. Tekan Ctrl+T dan lakukan transform dengan distort seperti pada langkah 4. Ubah Opacity menjadi 60% dan klik Filter > Blur > Gaussian Blur, gunakan radius 3 pixel.

Langkah 11

Beri sedikit ladi bayang-bayang di bagian bawah tulisan. Buat path berbentuk elips dibawah huruf J, buat layer baru dan penuhi path tadi dengan warna hitam. Klik Filter > Blur > Gaussian Blur, gunakan radius 3 pixel dan ubah Opacity layer menjadi 60 %. Lakukan untuk sisa huruf lainnya dengan ukuran elips sesuai dengan huuf yang akan diberi bayangan.

Langkah 12

Langkah terahir adalah mengatur warna agar setiap layer tampak menyatu. Buat layer baru Layer > New Adjustment Layer > Curves dan letakkan posisinya paling atas pada layer palet. Atur Curve sepeti berikut.

Hasil Akhir

Inilah hasil akhir dari wallpaper yang kita buat. File psd untu tutorial ini dapat didownload dibawah. Selamat mencoba trik ini untuk membuat teks efek lain, jangan lupa subscribe ke painthink RSS Feed.

Sumber : http://id.grafisia.com/tutorial/photoshop/membuat-tipografi-3d-tugu-jogja/

Merubah Photo Jadi Lukisan Pensil

cara merubah foto berwarna menjadi lukisan pensil. Berikut Caranya :

Buka photoshopnya. Setelah itu carilah gambar yang akan dijadikan sketsa pensil.
Setelah gambar pertama tertampilkan, langkah selanjutnya yaitu : Arahkan Mouse anda pada “Layer gambar” dalam hal ini Background
kemudian klik kanan dan pilih “Duplicated Layer“.beri nama “copy”
Kemudian buat Gambar menjadi Hitam putih dengan mengKlik Image, Adjustment, Desaturate atau Ctrl + Shift + U, Lihat Gambar :
Buatlah duplicate Layer dari “copy”, caranya seperti diatas yaitu klik kanan Layer “copy” lalu pilih duplicate layer, Lalu beri nama As: “copy1″ Sekarang kita punya layer bernama copy1 – klik Image, Adjustment,Invert atau Ctrl + imaka gambar di copy1 akan berubah menjadi gambar film.
Selanjutnya yaitu MengBLUR Layer “copy1″ dengan cara Arahkan mouse Pada Filter, Blur, Gaussian Blur

maka akan keluar jendela pop_up Gaussian blurnya, setelah itu pada “Radius Pixel” berilah nilai Radius sebesar “17.5” kemudian Klik Ok, Dan lihatlah hasil nya

catatan : untuk nilai radius blur tergantung ukuran gambar
Pada gambar di atas jika diperhatikan, gambar tersebut tampak Tidak jelas atau juga memudar. Namun dari gambar tersebutlah yang Menjadikan gambar lebih jelas setelah terjadinya perpindahan warna. Oleh sebab itu, untuk langkah terakhirnya yaitu : Pada Layer “Copy1″ Set Blending modenya ke “Color Dodge”lihat gambar di bawah ini

Ubahlah “Normal” menjadi “Color Dodge”Setelah anda mengubah Mode “Normal” menjadi “Color Dodge” maka gambar secara langsung akan berubah menjadi sketsa warna pensil, lihat hasilnya.

Semoga Bermanfaat…
Sumber : http://bakulatz.wordpress.com/2011/05/17/merubah-photo-jadi-lukisan-pensil/

Merubah Foto Menjadi Gambar Kartun

Kali ini saya akan berbagi cara merubah foto menjadi gambar kartun. disini saya akan menerangkan cara merubah gambar yang dapat digunakan untuk berbagai mancam tujuan. mengapa saya mengatakan "untuk berbagai macam keperluan" adalah karena ada beberapa cara merubah foto menjadi gambar layaknya gambar kartun. Dan yang akan saya terangkan ini adalah salah satu caranya yaitu dengan menggunakan vector.
Pertama-tama jalankan photoshop dan buka foto yang ingin dijadikan gambar kartun.

Kemudian pilih filter>>artistic>>poster edge.lalu setting:
-Edge Tickness --> 0
-Edge Intensity --> 0
-Posterization --> 3
jangan tekan OK sebelum anda membaca langkah selanjutnya
*catatan: anda bisa merubah setting-an sesuai selera anda karena tiap gambar memiliki settingan berbeda untuk mendapatkan hasil maksimal.

Selanjutnya tambahkan efek layer baru. kemudian ubah efek menjadi Anglied Strokes. ganti setting menjadi:
-Direction Balance--> 50
-Stroke Length--> 13
-Sharpness--> 0
Bila selesai, tekan OK

hasilnya seperti gambar di bawah ini:

Langkah diatas hanya untuk memudahkan anda dalam tracing gambar. bilaanda sudah mahir dalam trasing anda dapat melewati langkah2 diatas.
Selanjutnya dengan menggunakan Pen Tool, trace tiap warna yang berbeda pada gambar. Penjelasan lebih jauh tentang cara men-trace/ tracing gambar dapat dibaca disini INGAT ulangi tracing pada tiap warna hingga anda memiliki vector layer sejumlah warna yang ada pada gambar.
untuk memudahkan anda mengerti apa yang saya maksud, lihat gambar dibawah ini.