Cara Membuat Efek Teks 3D Realistis di Photoshop

TUTORIAL PHOTOSHOP · TEKS 3D

Membuat Effect Text 3D Gedung Pencakar Langit Full Tutorial Photoshop

Efek teks 3D realistis di Photoshop dibuat dengan mengubah teks datar jadi objek volumetrik lewat fitur Repoussé, lalu diberi tekstur, pencahayaan, dan latar awan supaya terlihat seperti gedung pencakar langit yang menjulang di langit senja. Saya susun ulang tutorial lawas saya ini jadi satu alur utuh, lengkap dengan angka pengaturan yang benar-benar saya pakai sendiri, biar kamu tinggal ikuti tanpa perlu menebak-nebak.

Hasil akhir efek teks 3D realistis Photoshop setelah semua tahap tutorial selesai.

Jawaban Singkat

Efek teks 3D realistis di Photoshop dibuat dengan mengubah layer teks menjadi objek 3D lewat fitur Repoussé, memberi tekstur diffuse dan bump untuk detail permukaan, mengatur material extrusion supaya mengilap, lalu menyalakan pencahayaan dengan render Ray Traced Final. Tambahkan awan dan sinar cahaya di latar belakang supaya hasil akhirnya terlihat seperti gedung raksasa menjulang di langit senja.

Definisi

Apa Itu Repoussé pada Teks 3D Photoshop?

Repoussé adalah fitur di Photoshop CS5 Extended yang mengubah layer teks datar menjadi objek 3D solid, lengkap dengan kedalaman (depth), bevel, dan permukaan yang bisa diberi material sendiri. Istilah ini dipinjam dari teknik logam kuno yang membentuk relief timbul dari sisi belakang lempengan — Adobe memakainya sebagai nama proses ekstrusi teks jadi bentuk 3D, dan inilah fondasi utama di balik semua efek teks 3D realistis Photoshop.

Pembuka

Kenapa Tutorial Ini Saya Gabung Jadi Satu

Efek teks 3D gedung pencakar langit ini sebenarnya cuma butuh tiga tahap besar: bentuk objeknya, kasih tekstur dan cahaya, lalu finishing suasana langit. Dulu saya publish terpisah jadi tiga artikel, tapi setelah dibaca ulang, alurnya kurang enak diikuti kalau harus bolak-balik buka halaman berbeda — jadi saya satukan semuanya di sini, satu artikel, satu alur.

Catatan Pribadi

Efek ini termasuk latihan 3D pertama saya waktu belajar fitur 3D Photoshop CS5 Extended. Awalnya saya sering bingung bolak-balik antara panel 3D dan panel Layers biasa, tapi begitu paham alurnya, teknik repoussé dasar ini jadi modal saya bikin banyak variasi efek teks lain, termasuk efek teks emas dan efek asap rokok yang juga pernah saya tulis di blog ini.

Software yang saya pakai adalah Adobe Photoshop CS5 Extended — fitur 3D repoussé memang cuma ada di versi Extended, bukan Standard — dengan ukuran dokumen akhir 1024×768px. Fitur 3D sendiri jauh dari bayangan Thomas Knoll waktu pertama kali menciptakan Photoshop; kalau penasaran gimana awal mulanya, saya pernah menulis kilas balik Photoshop sampai versi 1.0.

Sebelum Mulai

Alat dan Bahan yang Dibutuhkan

• Adobe Photoshop CS5 Extended (fitur Repoussé tidak tersedia di versi Standard)
• Font Geometric Pro Soft (atau font tebal lain sesuai selera)
• Brush "Light Beam/Rays"
• Brush awan, brush daun, dan brush "Daun Tersebar"
• OpenGL aktif di pengaturan Photoshop (lihat bagian Persiapan)

Daftar Isi

1. •Apa Itu Repoussé?
2. 00Persiapan OpenGL
3. 01Teks Dasar & Repoussé 3D
4. 02Pola Tekstur Diffuse & Bump
5. 03Material Extrusion
6. 04Bump Texture & Material Front
7. 05Tekstur Awan Permukaan Depan
8. 06Pencahayaan & Render Quality
9. 07Layer Awan Latar Belakang
10. 08Warna & Sinar Cahaya
11. 09Daun & Vegetasi
12. 10Awan Bagian Bawah (Finishing)

Persiapan

Sebelum Mulai: Aktifkan OpenGL

Repoussé tidak akan berfungsi kalau OpenGL belum diaktifkan — ini penyebab paling sering kenapa fitur 3D "menghilang" di panel. Cek dua tempat berikut di Photoshop kamu:

Cek 1 — buka Edit → Preferences → Performance, pastikan opsi "Enable OpenGL Drawing" di bagian GPU Settings sudah tercentang.

Cek 2 — buka Edit → Preferences → 3D, pastikan OpenGL di bagian Interactive Rendering juga aktif.

Tahap 1

Bagian 1 — Membentuk Objek 3D

Tiga langkah pertama fokus membangun kerangka objeknya: bikin teks dasar, ubah jadi 3D lewat Repoussé, lalu siapkan pola tekstur dan material extrusion untuk sisi tebal huruf.

Langkah 01 01 / 10

Teks Dasar & Repoussé 3D

Buat background hitam, lalu ketik teks dengan warna putih memakai font Geometric Pro Soft ukuran 150px — angka ini nanti tetap bisa di-scale kapan saja setelah objeknya jadi 3D, jadi jangan terlalu khawatir presisi di tahap ini. Set tracking ke 25 biar jarak antar huruf lebih lega, dan aktifkan All Caps.

Masuk ke 3D → Repoussé → Text Layer. Photoshop akan mengingatkan bahwa layer teks bakal di-rasterize dan tidak bisa diedit lagi sebagai teks — klik Yes kalau kamu sudah yakin dengan tulisannya.

Di kotak dialog Repoussé, saya pakai pengaturan ini: Depth 5.5 (sesuaikan sendiri kalau mau ketebalan lain), Scale 0.8, Texture Tile, dan centang Shear. Tambahkan Bevel di sisi depan dengan Height 10, Width 7, pilih Cone Contour.

Terakhir, pakai 3D Object Tool dan 3D Camera Tool untuk atur ukuran dan posisi teks sesuai komposisi yang kamu mau.

Langkah 02 02 / 10

Pola Tekstur Diffuse & Bump

Tekstur permukaan dibuat manual lewat pola sederhana, bukan pakai brush jadi — ini yang bikin hasilnya lebih terkontrol. Buka dokumen baru 50×50px background transparan, buat dua garis setebal 2px membentuk pola sederhana, lalu simpan lewat Edit → Define Pattern dengan nama "diffuse".

Buat layer hitam baru, terapkan pola tadi di atasnya, lalu tambah layer putih baru lagi di atas layer hitam itu.

Tekan Ctrl+T, geser bagian putih supaya cuma menutupi salah satu sudut, tekan Enter. Klik dua kali layer putih ini, terapkan Inner Shadow dengan Distance 0 — hasilnya bayangan halus persis di sudut itu.

Ulangi untuk sudut-sudut yang tersisa — duplikasi layer aja biar lebih cepat — lalu simpan pola baru ini dengan nama "Bump".

Langkah 03 03 / 10

Material Extrusion

Kembali ke dokumen utama, buka panel Window → 3D, lalu pilih Material Extrusion.

Lepas tekstur Diffuse bawaan, klik New Texture, isi Width dan Height dengan 750.

Klik Open Texture untuk masuk mode edit. Buat layer baru, sembunyikan background (klik ikon mata di sebelahnya), lalu isi layer baru itu dengan pola Diffuse yang sudah dibuat di langkah sebelumnya.

Klik dua kali layer ini, tambahkan Stroke 2px biar polanya lebih tegas, lalu simpan dan tutup file tekstur.

Kembali ke dokumen utama, ubah warna Diffuse ke #5d727e. Klik Edit Properties untuk mengubah skala pola — coba-coba sendiri nilainya, kamu bisa lihat perubahannya secara langsung di kanvas.

Hasil sementara di tahap ini kira-kira seperti berikut:

Tahap 2

Bagian 2 — Texturing & Pencahayaan

Setelah objek 3D dan tekstur dasarnya siap, tahap ini fokus di detail permukaan (bump texture, material front) dan pengaturan lighting supaya hasil render terlihat realistis, bukan cuma "objek 3D polos".

Langkah 04 04 / 10

Bump Texture & Material Front

Buat tekstur baru untuk Bump dengan cara yang sama seperti diffuse: isi dengan pola "Bump" yang sudah dibuat sebelumnya, lalu simpan dan tutup.

Samakan Properties-nya dengan tekstur Diffuse, lalu naikkan nilai Bump ke 10 supaya kedalaman teksturnya lebih terasa saat kena cahaya.

Atur Reflection ke 30, Gloss ke 20%, Shine ke 50% supaya permukaan ekstrusi kelihatan sedikit glossy, tidak matte total. Lalu pindah ke Material Inflation Front, ubah warna Diffuse ke #b4b4b4, Reflection 20, Gloss 80%, Shine 50%.

Langkah 05 05 / 10

Tekstur Awan Permukaan Depan

Pilih Material Inflation Front, buat tekstur diffuse baru ukuran 1024×768px, lalu buka untuk diedit.

Set warna Foreground/Background ke hitam-putih, jalankan Filter → Render → Clouds.

Lanjutkan Filter → Artistic → Watercolor, sesuaikan nilai-nilainya sampai teksturnya terlihat organik, bukan digital.

Lalu Filter → Sketch → Chrome untuk memberi tekstur permukaan yang lebih hidup.

Simpan, kembali ke dokumen utama. Naikkan Reflection ke 90, Gloss ke 80%, Shine ke 60% — bagian texturing dan material selesai di titik ini.

Langkah 06 06 / 10

Pencahayaan & Render Quality

Pilih Infinite Light 1, ubah warnanya ke #ebe5d5 — warna hangat ini yang bikin nuansa senja terasa dari sumber cahayanya sendiri.

Pilih Infinite Light 3, ubah tipenya jadi Spot supaya sorotan cahaya lebih terarah.

Terakhir, buka dropdown Quality di bagian atas panel 3D dan pilih Ray Traced Final. Ini kunci hasil render maksimal — mode Interactive cuma untuk preview cepat, bukan hasil akhir yang layak dipublikasikan.

Ini hasil akhir Bagian 2, objek 3D sudah punya material dan pencahayaan lengkap:

Tahap 3

Bagian 3 — Finishing (Awan, Sinar & Vegetasi)

Tahap terakhir menambah elemen latar seperti awan, sinar cahaya, dan vegetasi, supaya komposisi teks 3D-nya terlihat hidup — bukan sekadar objek 3D yang mengambang sendirian di kanvas kosong.

Langkah 07 07 / 10

Layer Awan Latar Belakang

Buat layer baru bernama "Clouds" tepat di bawah layer teks 3D.

Set Foreground #ffffff dan Background #86a2f6, jalankan Filter → Render → Clouds. Lanjutkan Filter → Sketch → Water Paper untuk menambah kontras di awannya.

Haluskan hasilnya dengan Filter → Blur → Gaussian Blur sekitar 3px supaya transisi antar awan tidak terlalu tajam.

Langkah 08 08 / 10

Warna & Sinar Cahaya

Klik ikon Create New Fill or Adjustment Layer di panel Layers, pilih Hue/Saturation, atur Hue ke -11 dan Saturation ke -75 — nilai ini yang bikin palet warnanya turun ke nuansa senja, tidak terlalu jenuh.

Tambahkan lagi Adjustment Layer Photo Filter warna #ac7a33, Density 54%.

Load brush "Light Beam/Rays", buat layer baru "Sinar" di atas layer Clouds, sapukan brush cahaya di sekitar teks. Kamu mungkin perlu memutar arah brush lewat panel Brush (Window → Brush) supaya arahnya pas dengan posisi teks.

Duplikat layer "Sinar" ini, ubah Blend Mode-nya ke Linear Light untuk efek sinar yang lebih dramatis.

Langkah 09 09 / 10

Daun & Vegetasi

Set Foreground #f4edd3, buat layer baru "Awan Reflection" di atas semua layer, sapukan brush awan di area teks, lalu ubah Blend Mode layer ini ke Overlay.

Set Foreground #777d00 dan Background #425f29, buat layer baru "Daun" di atas semua layer.

Sapukan brush daun sebagai sapuan pendek di berbagai arah pada bagian atas teks, lanjut brush "Daun Tersebar" untuk sebarannya. Kalau warnanya masih perlu diselaraskan, sesuaikan lagi lewat Image → Adjustments → Hue/Saturation — saya set Hue dan Saturation masing-masing -5.

Langkah 10 10 / 10

Awan Bagian Bawah (Finishing)

Set Foreground #e3dcd2 dan Background #e5e5e5, buat layer baru "Awan Bawah" di atas semua layer, sapukan brush awan menutupi seluruh teks, lalu klik ikon Add Layer Mask di panel Layers.

Klik mask untuk memilihnya, pastikan Foreground putih dan Background hitam. Pilih Gradient Tool mode Radial (Foreground to Background), tarik gradien dari bawah dokumen ke titik dekat bagian atas.

Rapikan sisa area yang tidak diinginkan pakai Eraser Tool, atau bisa juga ganti warna Foreground/Background untuk menghapus area tertentu di mask.

Terakhir, buat layer "Awan Bawah - 2" di atas semua layer, warna Foreground/Background masih sama seperti langkah sebelumnya, tambahkan lebih banyak awan di bagian bawah komposisi sampai hasilnya terasa penuh dan seimbang.

Sebelum Kamu Berhenti

Hal yang Perlu Diperhatikan

!

Aktifkan OpenGL Dulu

Ini penyebab paling umum kenapa fitur Repoussé tidak muncul atau tidak berfungsi di panel 3D Photoshop.

!

Simpan Tiap Tahap Material

Simpan file tekstur sebagai file terpisah — memudahkan revisi tanpa perlu mengulang dari awal.

!

Render Ray Traced Cukup Berat

Di komputer spesifikasi rendah, render final butuh waktu lebih lama — beri jeda, jangan buru-buru dibatalkan.

!

Eksperimen Warna Brush

Kombinasi warna awan dan sinar di tutorial ini bisa disesuaikan lagi sesuai mood komposisi yang kamu mau.

Tanya Jawab

Pertanyaan yang Sering Diajukan

Kenapa fitur Repoussé tidak muncul di menu 3D saya?

Fitur ini hanya tersedia di Photoshop CS5 Extended ke atas. Kalau kamu memakai versi Standard, fitur 3D penuh termasuk Repoussé memang tidak tersedia sama sekali.

Apakah teks masih bisa diedit setelah jadi objek 3D?

Tidak. Begitu masuk proses Repoussé, layer teks akan di-rasterize permanen. Simpan file .psd cadangan sebelum teks diubah jadi 3D, kalau-kalau kamu perlu revisi teks di kemudian hari.

Kenapa hasil render saya terlihat pecah atau kasar?

Pastikan Quality di panel 3D sudah diset ke Ray Traced Final sebelum render akhir. Mode Interactive atau Default hanya untuk preview cepat, bukan untuk hasil final.

Apakah tutorial ini bisa dipakai di Photoshop versi terbaru?

Alur dasarnya sama, tapi Adobe sudah mengganti mesin 3D lawas di versi Photoshop yang lebih baru. Kalau fitur 3D klasik seperti Repoussé tidak kamu temukan, kemungkinan besar versi Photoshop kamu sudah tidak lagi menyertakannya secara default.

Penutup

Selamat Mencoba

Efek teks 3D realistis Photoshop ini memang butuh kesabaran karena banyak tahap kecil yang saling berurutan, tapi begitu kamu paham alurnya, warna, tekstur, dan pencahayaan tinggal dimodifikasi sesuka hati untuk bikin versi gedung pencakar langitmu sendiri.

Java Grafis

Saya menggeluti desain grafis lebih dari 15 tahun, dari tutorial Photoshop sederhana seperti ini sampai template Canva dan video intro untuk klien. Tutorial ini awalnya saya tulis bertahun-tahun lalu, lalu saya tulis ulang dan praktikkan lagi setiap langkahnya supaya tetap akurat dipakai di Photoshop CS5 Extended.