Teks 3D dibuat dengan menggandakan teks, memberi warna gelap pada layer teratas, lalu melakukan masking untuk memberi efek bayangan dan kilau. Teks diubah bentuknya menjadi perspektif 3D dengan perintah transform bebas.
1. 3/21/2012
Tugas ke-3 | Agus S. INDONESIA
TUTORIAL PHOTOSHOP CS5 – MEMBUAT EFEK TEKS 3D
2. March 21,
2012
TUTORIAL PHOTOSHOP CS5 – MEMBUAT EFEK TEKS 3D
2
Dalam kesempatan ini daya akan sharing sedikit yang saya ketahui tentang cara membuat efek teks 3D dengan menggunakan photoshop CS5. Pertama buat dokumen baru dengan ukuran 1300x900 pixel, resolusi 150dpi, dan warna background hitam (biar keren). Mulailah ketikan teks sesuai kehendak anda dengan horizontal type tool (shift+T ). Langsung saja kita mulai tutorialnya…
Ini adalah gambar dari penulisan teks dasar yang akan kita ubah menjadi teks 3D. Di sini saya akan member contoh dengan teks yaitu nama paling popular di Indonesia (agus). Saya menggunakan jenis font AKAHASHI berukuran 190px, jika belum punya, anda bisa menggunakan jenis font lain atau download di dafont.com. Kemudian ubah layer teks “agus “ menjadi layer biasa. Caranya, klik kanan pada layer “agus”, lalu pilih Rasterize layer.
Nah sekarang kita tinggal mengubah bentuk dari teks ini menggunakan perintah free transform (ctrl+T). Kemudian klik kanan pada mouse, dan pilih perspective. Klik, tahan, dan drag (geser) di salah satu sudut transform point tool hingga mendapat bentuk yang anda inginkan. Setelah selesai, tekan enter. Ingat! Tekan enter, jangan tekan entar, kalo tekan entar… kapan selesainya? Dan jangan tekan bagian tengah-tengah, karena biasanya bagian tengah sangat sensitive.
3. March 21,
2012
TUTORIAL PHOTOSHOP CS5 – MEMBUAT EFEK TEKS 3D
3
Kita akan segera masuk ke bagian di mana teks ini akan tampak seperti 3D. Di sini kita akan menggandakan leyer hingga mencapai ketebalan yang kita inginkan. Langkah pertama, aktifkan (klik) move tool, pastikan layer “agus” aktif. Gandakan layer “agus” dengan cara tekan Alt+tombol navigasi kiri pada keyboard terus menerus hingga mencapai ketebalan yang anda inginkan.
Di sini saya menggandakanya hingga 27 copy. Kemudian kita gabungkan layer “agus copy 26” sampai layer “agus biasa” dg cara klik layer copy 26, tekan dan tahan tombol “shift” dan klik layer “agus” paling bawah. Maka layer “agus” sampai layer “agus copy 26” akan aktif bersamaan. Kemudian klik kanan dan pilih “marge layers”.
Sekarang semua layer (kcuali layer copy 27) sudah digabungkan menjadi satu layer. Tugas kita selanjutnya adalah mengisi layer “copy 26” dg warna yang lebih gelap. Caranya tekan ctrl sambil klik thumbnail layer “agus copy 26”. Maka layer “agus copy 26” akan terseleksi dan mulailah mengisi warna layer “agus copy 26”. Klik ikon “create new fill for adjustment layer” seperti tertera pada gambar di sebelah kanan. Kemudian pilih “solid color” dan pilih warna merah yang lebih gelap.
Jika langkah-langkah tadi di jalankan dengan benar, maka hasilnya teks kita sudah tampak seperti gambar 3D. Step berikutnya adalah proses masking, agar gambar 3D kita terlihat lebih hidup.
4. March 21,
2012
TUTORIAL PHOTOSHOP CS5 – MEMBUAT EFEK TEKS 3D
4
Sekarang kita mulai bagian masking, ini adalah langkah terakhir agar teks 3D kita tampak lebih hidup. Kita mulai dengan melakukan masking pada layer “agus copy 26”. Ikuri langkah berikut: Buat layer baru di atas layer “agus copy 26”, tekan Alt+ctrl+G. Maka layer baru tadi akan berubah menjadi pattern untuk layer “agus copy 26”.
Masih pada “layer 1” (yang baru di buat), lakukan masking di “layer 1” menggunakan “soft round brush tool”. Gunakan setting brush sebagaimana berikut:
Hitam> blend mode:multiply, opaticy:25%, hardnes round:60%. (gunakan untuk membuat bagian gelap)
Putih: blend mode:screen, opaticy:23%, hardnes round:70% (gunakan untuk membuat efek kilap)
Di atas adalah contoh setting brush untuk penerapan masking pada gambar 3D kita. Dan satu lagi yang perlu diingat, gunakan brush soft round dengan hardnes 60-70% saja. Pastikan brush tool aktif, klik kanan pada mouse untuk menampilkan pilihan brush dan setting hardes-nya. Jika di lakukan dengan benar, maka hasilnya adalah kurang lebih seperti pada gambar berikut ini:
5. March 21,
2012
TUTORIAL PHOTOSHOP CS5 – MEMBUAT EFEK TEKS 3D
5
Nah sekarang proses masking terakhir, dengan proses masking ini selesailah sudah teks 3D kita. Kali ini kita akan melakukan masking pada layer “agus copy 27”. Lakukan sebagaimana berikut:
Buat sebuah layer baru di atas layer “agus copy 27”,
Buat seleksi berbentuk balok dengan rectangular marquee tool. Isi seleksi dg warna putih (solid color).
Seleksi yang kita isi warna putih tadi, berubah menjadi layer “color fill 2”. Ubah layer “color fill 2” menjadi layer biasa tanpa vector mask. Caranya: Buat layer baru di bawah layer “color fill 2”, kemudian aktifkan kembali “color fill 2”. Tekan Ctrl+E dan “color fill 2” pun berubah menjadi layer biasa tanpa vector mask.
6. March 21,
2012
TUTORIAL PHOTOSHOP CS5 – MEMBUAT EFEK TEKS 3D
6
Selanjutnya ubah blend mode “layer 2” (balok putih) menjadi screen dan opaticy 68%. Gunakan perintah free transform untuk memiringkan “layer 2”. Kemudian klik menu filter>blur>motion blur. Setting distance menjadi 68 saja.
Di samping ini adalah hasil dari perintah free transform dan penerapan motion blur. Langkah terakhir, tekan Alt+Ctrl+G, dan marge semua layer
Selanjutnya kita bisa menghiasi teks 3D kita dg gambar model atau apa sja lah. Sehingga hasil akhirnya adalah seperti berikut: