Menyatukan Teks 3 Dimensi ke Dalam Foto Nyata

Dalam tutorial ini, kita akan mencoba menyatukan teks ke dalam sebuah foto nyata sehingga terlihat real. Tidak ada program 3D atau teknik canggih dalam prosesnya, hanya sedikit bermain dengan brush di Photoshop.

Preview


Sebelum memulai, lihat terlebih dahulu hasil akhir yang akan kita peroleh.

final.jpg

Detail Tutorial



  • Tingkat Kesulitan: Pemula, Menengah

  • Software yang Digunakan: Adobe Photoshop

  • Teknik yang Dipelajari: Melukis Highlight dan Shadow, Layer Mask, Layer Style

  • Lama Pengerjaan: 30 menit


Resource yang Dibutuhkan


Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource berikut:



Tutorial


Langkah 1: Mempersiapkan Foto


Ambil gambar singa lalu potong dengan tool crop hingga tersisa bagian kepala seperti di bawah.

tutorial-menyatukan-teks-ke-dalam-foto-01.jpg

Langkah 2: Menambah Teks


Tambahkan teks LION.

tutorial-menyatukan-teks-ke-dalam-foto-02.jpg

Langkah 3


Klik kanan layer teks dan pilih Convert to Shape untuk mengubah teks menjadi shape. Mulai saat ini, teks tidak lagi bisa diedit. Kita melakukan ini agar bentuk teks dapat diedit dengan mudah.

tutorial-menyatukan-teks-ke-dalam-foto-03.jpg

Langkah 4


Lakukan proses transformasi dengan menekan Ctrl + T. Tahan Alt + Shift + Ctrl lalu geser pojok atas untuk mentransformasi dengan perspektif. Kita mengubah perspektif teks dari depan ke seperti ini karena dalam kondisi nyata, tampilan depan secara sempurna sangat jarang terjadi dan akan terlihat buatan.

tutorial-menyatukan-teks-ke-dalam-foto-04.jpg

Langkah 5


Beri Layer Style Gradient Overlay untuk menghindarkan kesan warna yang terlalu datar.

tutorial-menyatukan-teks-ke-dalam-foto-05.jpg

tutorial-menyatukan-teks-ke-dalam-foto-06.jpg

Langkah 6


Simpan teks dalam sebuah group. Beri layer mask lalu lukis gigi dan sebagian lidah sehingga bagian itu berada di depan teks. Di bawah Anda bisa melihat perbadingan layer mask dan hasilnya.

tutorial-menyatukan-teks-ke-dalam-foto-07.jpg

Langkah 7


Gandakan teks lalu simpan di bawah teks asli. Geser teks beberapa pixel ke kiri bawah.

tutorial-menyatukan-teks-ke-dalam-foto-08.jpg

tutorial-menyatukan-teks-ke-dalam-foto-08.jpg

Langkah 8


Edit beberapa bagian teks dengan menambahkan ttik baru untuk memberi kesan bentuk teks 3 dimensi.
Di bawah adalah tampilan titik tambahan di huruf N dan I.

tutorial-menyatukan-teks-ke-dalam-foto-09.jpg

tutorial-menyatukan-teks-ke-dalam-foto-10.jpg

Langkah 9


Di bawah hasil dari tampilan teks tiga dimensi yang diperoleh.

tutorial-menyatukan-teks-ke-dalam-foto-11.jpg

Langkah 10


Buat layer baru di atas teks kedua dan ubah menjadi Cliping Mask dengan menekan Ctrl + Alt + G. Lukis hitam di beberapa tempat untuk menggelapkan teks dan memperkuat kesan efek teks 3 dimensi. Lukis juga bayangan mulut singa pada teks.

tutorial-menyatukan-teks-ke-dalam-foto-12.jpg

Langkah 11


Lukis bayangan gigi pada teks.

tutorial-menyatukan-teks-ke-dalam-foto-13.jpg

Langkah 12


Tahan Ctrl lalu klik teks. Buat layer baru di atas teks lalu isi dengan gradasi radial dari putih ke hitam. Turunkan Opacity layer dan ubah blend mode layer ke Screen.

tutorial-menyatukan-teks-ke-dalam-foto-14.jpg

tutorial-menyatukan-teks-ke-dalam-foto-15.jpg

Langkah 13


Kita perlu memperkuat garis luar teks untuk membuatnya terlihat lebih tiga dimensi. Tahan Ctrl lalu klik teks paling depan. Klik kanan dan pilih Stroke. Pilih warna Stroke hitam.

tutorial-menyatukan-teks-ke-dalam-foto-16.jpg

Langkah 14


Beri filter Gaussian Blur.

tutorial-menyatukan-teks-ke-dalam-foto-17.jpg

Langkah 15


Hapus sebagian garis tadi.

tutorial-menyatukan-teks-ke-dalam-foto-18.jpg

Langkah 16


Ambil brush besar dengan hardness 0%. Lukis bayangan mulut pada teks. Buat teks terlihat berada jauh di dalam mulut. Lukis juga bayangan besar di belakang teks LION dengan Opacity sangat rendah, 10-15%.

tutorial-menyatukan-teks-ke-dalam-foto-19.jpg

tutorial-menyatukan-teks-ke-dalam-foto-20.jpg

Langkah 17


Lukis bayangan teks pada lidah.

tutorial-menyatukan-teks-ke-dalam-foto-21.jpg

Langkah 18


Dengan tool eyedropper, ambil warna kumis singa. Lukis sedikit kumis singa di depan huruf N. Gandakan kumis baru ini, ubah warnanya menjadi hitam lalu haluskan dengan Gaussian Blur. Geser ke bawah untuk menjadikannya bayangan kumis pada huruf.

tutorial-menyatukan-teks-ke-dalam-foto-22.jpg

Langkah 19


Lukis sedikit kilauan di bagian bawah huruf dekat lidah. Kilauan bisa berasal dari ludah singa atau hembusan nafasnya.

tutorial-menyatukan-teks-ke-dalam-foto-23.jpg

Langkah 20: Memperbaiki Warna


Ambil sebagian rambut singa dan simpan di depan huruf N. Hapus sebagian dengan tool eraser lembut. Lakukan proses ini hingga rambut terlihat berada di depan huruf.

tutorial-menyatukan-teks-ke-dalam-foto-24.jpg

Langkah 21: Memperbaiki Warna


Tambahkan Adjustment Layer Hue/Saturation, Levels, dan Color Balance dengan setting seperti di bawah.
Ambil sebagian rambut singa dan simpan di depan huruf N. Hapus sebagian dengan tool eraser lembut. Lakukan proses ini hingga rambut terlihat berada di depan huruf.

tutorial-menyatukan-teks-ke-dalam-foto-25.jpg

tutorial-menyatukan-teks-ke-dalam-foto-26.jpg

tutorial-menyatukan-teks-ke-dalam-foto-27.jpg

Langkah 22


Buat seleksi ellipse di tengah kanvas. Haluskan seleksi dengan klik Select > Modify > Feather Selection.

tutorial-menyatukan-teks-ke-dalam-foto-28.jpg

Langkah 23


Balikkan seleksi, Ctrl + Shift + I. Isi seleksi dengan hitam.

tutorial-menyatukan-teks-ke-dalam-foto-29.jpg

Langkah 23


Terakhir, turunkan Opacity layer ke 20%.

final

Hasil Akhir


Di bawah adalah hasil akhir tutorial yang kita peroleh. Seperti yang Anda lihat, yang kita lakukan sebetulnya tidak rumit. Kita mencoba bermain dengan highlight dan shadow seakurat mungkin dengan memperhitungkan kondisi real yang mungkin terjadi seperti ludah, hembusan nafas pada teks, atau tampilan perspektif teks. Kita juga mencoba menambahkan sebanyak mungkin detail seperti rambut dan sedikit kumis di depan huruf.

final