Top Menu

Dapatkan buku The Power of Photoshop. Disertai bonus video tutorial. Harga: Rp 78.800 Rp 54.500

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.

Menyatukan Teks dengan Foto Nyata

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.

Menyatukan Teks dengan Foto Nyata

Langkah 2: Menambah Teks

Tambahkan teks LION.

Menyatukan Teks dengan Foto Nyata

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.

Menyatukan Teks dengan Foto Nyata

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.

Menyatukan Teks dengan Foto Nyata

Langkah 5

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

Menyatukan Teks dengan Foto Nyata
Menyatukan Teks dengan Foto Nyata

Langkah 6

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

Menyatukan Teks dengan Foto Nyata

Langkah 7

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

Menyatukan Teks dengan Foto Nyata

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.

Menyatukan Teks dengan Foto Nyata
Menyatukan Teks dengan Foto Nyata

Langkah 9

Di bawah hasil dari tampilan teks tiga dimensi yang diperoleh.

Menyatukan Teks dengan Foto Nyata

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.

Menyatukan Teks dengan Foto Nyata

Langkah 11

Lukis bayangan gigi pada teks.

Menyatukan Teks dengan Foto Nyata

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.

Menyatukan Teks dengan Foto Nyata
Menyatukan Teks dengan Foto Nyata

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.

Menyatukan Teks dengan Foto Nyata

Langkah 14

Beri filter Gaussian Blur.

Menyatukan Teks dengan Foto Nyata

Langkah 15

Hapus sebagian garis tadi.

Menyatukan Teks dengan Foto Nyata

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

Menyatukan Teks dengan Foto Nyata
Menyatukan Teks dengan Foto Nyata

Langkah 17

Lukis bayangan teks pada lidah.

Menyatukan Teks dengan Foto Nyata

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.

Menyatukan Teks dengan Foto Nyata

Langkah 19

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

Menyatukan Teks dengan Foto Nyata

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.

Menyatukan Teks dengan Foto Nyata

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.

Menyatukan Teks dengan Foto Nyata
Menyatukan Teks dengan Foto Nyata
Menyatukan Teks dengan Foto Nyata

Langkah 22

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

Menyatukan Teks dengan Foto Nyata

Langkah 23

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

Menyatukan Teks dengan Foto Nyata

Langkah 23

Terakhir, turunkan Opacity layer ke 20%.

Menyatukan Teks dengan Foto Nyata

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.

Menyatukan Teks dengan Foto Nyata

,

4 Responses to Menyatukan Teks 3 Dimensi ke Dalam Foto Nyata

  1. Arif Riyanto 25 June 2011 at 2:10 am #

    Saya melihatnya kok masih kurang enak di bagian huruf L dan I, mungkin bayangannya kurang

    • Jeprie 25 June 2011 at 12:29 pm #

      Oh, begitu ya. Sepertinya memang perlu diperbaiki lagi.

      Terima kasih koreksinya. :)

  2. Agus Setiawan 28 June 2011 at 5:42 am #

    sayang sekali huruf-hurufnya terpisah,coba antara L-I-O-N digabung jadi satu kesatuan,pasti huruf N_nya ga kayak gantung begitu saja.

Trackbacks/Pingbacks

  1. Singa!! | Dunia Indah Yudhistira - 8 July 2011

    […] Tutorial yang menarik deh. membuat Singa teriak Singa. Hahahaha. Ini Tutorial Gampang deh. ini link ke tutorialnya […]

Tinggalkan komentar Anda.