Membuat Efek Batu Tipografi 3D, Tugu Jogja
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.
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).

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

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.
mantap sob..keliatan realistis banget.. keren euy
hmmm… I love Jogja!
I love Bandung!
I love Blora!
I LOVE SRAGEN
I LOVE SEMARANG
I LOVE INDONESIA
dilihat-lihat dari tutorial2nya, suka ama typografphy y??
mantaps bro, !!
bener bro, typographi tu emang seni yg cukup menarik
iya gua juga suka hehe.. yang gaya-gaya grafiti 3D ada gak bro tutorialnya??
udah pernah buat sih,cuma blm tak bikin tutorial
bikin donk, aku juga lagi belajar2 buat nih hehe..
oh iya cara buat kotak komentar bisa gini giman sob??
kasih tau donk hehe..
biar komen bisa tumpuk2 gini?
pakai wordpress versi terbaru,d theme,comments.php bs pakai punya default theme wp.
di wp admin,buka settings>discussion,centang enable treaded comment,levelnya bs pilih sendiri
gitu toh, thank u ya?? aku update dulu nih wpnya..
wow..nice 🙂
keren bro .btw km dari jogja ya
tinggalnya aja d Jogja
Nice tutorial,
mantab gan! tiggal di translate ke english buat nembak visitor luar,
semangat semangat….
weh,,, kang sendal mo bantuin trensletnya ya….
wah coba dijajal di corel dulu niy,,, sip2….
hahahahhahaa,,,,,,
siip gan, soyo mantab ae tutoriale…
keren abis bro karya lo……jadi kangen ma kampung……i love jogja “jogja tunggu aku pulang”
sip….ini yang dicari2…yg susah2 kbnyakn pake bhsa kompeni.
mari belajar..!!!!!
Keren mas editannya… Numpoang sedot ya yang satu nih… Buat koleksi…
Monggo mampir ke blog ku…
Nice.. Salam kenal, bagus banget, I love JOGJA, kapan aku diundang Mas.
Salam kenal untuk semua Sobat Blogger.
BR.
Salam kenal juga, maksudnya diundang apaan nih??
mantaps..mantaps..mantaps..
hebatz.. minta ya kang!!!
monggo…
Mantap,bro…..
Minta ya…
silakan…
kren……..
kang,cara bikin hitam putih campur wrna gtu gmn ya?
contoh.jeruk obyeknya n berwarna tp backgroundnya hitam putih.jd keliatan kontras gtu.thx
msh newbie beginian
Caranya gini, pertama gambar jeruk kamu seleksi, saya ada tutorial seleksi dengan Photoshop, silakan dibaca. Kedua copy gambar jeruk lalu paste pada layer baru, letakkan layer baru diatas layer background. Langkah terakhir ubah warna layer background jadi hitam putih. selesai…!
nice posting
tetap berkreasi….. 😀
Nih . . . . . yG plG sulit N plG kreatif!!!!
Hasil_n , , , ,
Mantapp brotherrr!!!!!
masya Allah,..ajib..ana bisa bxk belajar nih disini ^_^
syukron……
i like it………………..
bagus 2 cak……………..
smg tambah kreatif lagi……….
sehingga saya juga bisa belajar banyak nui,,,,,,,,,,,
keren….! thanks tutorx
keren bro…
nice.
i like it.
woow !
keren 😀
Mantep tenan Kang…thanks
Maaf mas. Gambar tanah retaknya tidak bisa di buka.
Mohon bantuannya.
🙂
Coba buka lagi…
hoho…
sudah bisa …
trimakasih banyak maz ..
:))
oh my… realistic banget..! pencahayaanya juga detail. tanah retak dibawah teks jogja menggambarkan seakan-akan tulisan jatuh dari langit dan menghantam tanah sampai retak.
thanks banget… banyak efek photoshop yang bisa aku pelajari disini
Jogja,,,
pesona mu bgitu mengagumkan,,,
tp kenanganmu bgitu menyakitkan,,,