1. Design & Illustration
  2. Text Effects

Cara Membuat Efek Teks Berlumuran Saus Tomat dalam Adobe Photoshop

by
Read Time:5 minsLanguages:

Indonesian (Bahasa Indonesia) translation by Anissa Anwar (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Dalam tutorial ini, kita akan menggunakan kombinasi Adobe Photoshop dan Illustrator untuk membuat efek teks berlumuran saus tomat. Kita juga akan menunjukkan cara membuat efek melumuri atau mengotori dengan saus tomat dalam langkah opsional pada bagian akhir. Mari kita mulai!

Aset Tutorial

Aset berikut digunakan selama pembuatan dalam tutorial ini. Silahkan mengunduh aset sebelum Anda mulai. Jika mereka tidak tersedia, silakan menemukan alternatif.

1. Menyiapkan Teks

Langkah 1

Pertama, kita akan membutuhkan teks. Jika Anda baik dalam hand-lettering, Anda dapat menggambar teks sendiri yang Anda inginkan. Jika tidak, membuka Illustrator, membuat dokumen baru, menambahkan teks menggunakan Type Tool (T). Untuk tutorial ini, saya menggunakan font script.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 2

Menggunakan Pen Tool (P) untuk secara manual membuat teks berdasarkan jenis font yang sebenarnya. Ini tidak akan menjadi bersih seperti yang asli. Tapi itu OK karena kita ingin sebisa mungkin realistis.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 3

Menambahkan garis di bawah type. Menjaga agar sebisa mungkin realistis.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 4

Memilih path dan kemudian tekan Control-C untuk meng-copy.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 5

Membuka Photoshop. Membuat dokumen baru (Control-N) dengan ukuran 2254 px x 964 px.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

2. Memodifikasi Teks dalam Photoshop

Langkah 1

Sementara teks path masih aktif, klik pada icon Add Adjustment Layer. Memilih Solid Color. Dalam kotak dialog Color Picker memilih #db4b17.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect
Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 2

Klik-dua kali layer teks dan menerapkan styles berikut.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect
Ketchup Text EffectKetchup Text EffectKetchup Text Effect
Ketchup Text EffectKetchup Text EffectKetchup Text Effect
Ketchup Text EffectKetchup Text EffectKetchup Text Effect
Ketchup Text EffectKetchup Text EffectKetchup Text Effect
Ketchup Text EffectKetchup Text EffectKetchup Text Effect
Ketchup Text EffectKetchup Text EffectKetchup Text Effect
Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Di sini adalah hasil setelah Layer Styles ditambahkan.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 3

Control-Klik teks untuk membuat selection baru berdasarkan bentuknya. Membuat layer baru. Klik Edit > Stroke. Memilih #ffdbbb untuk warna dan atur width ke 2 px.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect
Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 4

Menerapkan filter Gaussian Blur untuk menghaluskan penampilan garis stroke.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 5

Aktifkan Move tool dan kemudian tekan kiri dan panah bawah beberapa kali. Kita ingin memiliki stroke di sebelah kiri teks.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 6

Control-Klik teks. Memindahkan selection beberapa pixel ke kiri dan bawah. Menambahkan layer mask pada layer stroke. Saat ini, kita hanya harus memiliki stroke di sisi kiri teks.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 7

Mengulangi Langkah 3-6 untuk menambahkan stroke lain yang buram. Tapi kali ini pindah beberapa pixel ke atas dan kanan.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 8

Menambahkan stroke dengan warna #ffe2c0 dan menambahkan nilai yang besar Gaussian BlurControl-Klik teks dan memindahkan ke sebelah kanan 5 pixels. Menambahkan Layer Mask pada layer stroke.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Berikut adalah hasil teks dengan cahaya menyorot pada sisi kanan.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 9

Control-Klik teks. Membuat layer baru dan kemudian isi selection dengan warna merah #bb0c07. Aktifkan Eraser Tool dengan menurunkan Opacity. Menghapus beberapa warna merah.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 10

Mengurangi layer Opacity ke 10%.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Berikut adalah hasil pada teks.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 11

Membuat layer baru dan kemudian mengaktifkan Brush Tool. Menggunakan pengaturan berikut pada panel Brush (F5).

Ketchup Text EffectKetchup Text EffectKetchup Text Effect
Ketchup Text EffectKetchup Text EffectKetchup Text Effect
Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 12

Melukis dengan warna merah #be0c08 pada bagian atas teks.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Berikut adalah hasil pada teks lengkap.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 13

Aktifkan Brush Tool dan menggunakan pengaturan berikut pada panel Brush.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect
Ketchup Text EffectKetchup Text EffectKetchup Text Effect
Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 14

Membuat layer baru dan kemudian melukis dengan warna putih pada bagian tepi teks.

Ketchup Text Effect

Terus melakukan ini sampai kita memiliki banyak cahaya menyorot di atas teks.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 15

Mengurangi layer Opacity ke 50%. Membuat layer baru dan kemudian melukis warna putih lain di atasnya.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 16

Menggunakan brush yang sama, melukis warna oranye untuk membuat cahaya menyorot di atas teks.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 17

Sekali lagi, melukis warna putih lainnya untuk membuat cahaya menyorot pada bagian atas teks.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Di bawah ini adalah hasil yang kita punya sejauh ini.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect
Ketchup Text EffectKetchup Text EffectKetchup Text Effect

3. Menambahkan Tomat

Langkah 1

Ambil tomat dari Photodune. Aktifkan Pen Tool (P). Memilih Path dari Options Bar. Membuat path baru pada tomat.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 2

Tekan Control-Enter untuk mengubah path ke selection. Drag tomat pada teks saus tomat kita.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 3

Mengubah ukuran tomat, menempatkan di posisi dan ukuran yang sesuai.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 4

Membuat layer baru dan melukis warna hitam pada beberapa bagian tomat.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 5

Mengurangi layer Opacity.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 6

Membuat layer baru di bawah tomat. Aktifkan Brush Tool dan mengatur warna foreground ke hitam. Melukis bayangan halus menggunakan soft brush besar.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 7

Melukis oranye #ce786d pada bagian atas bayangan. Ini akan menjadi refleksi dari tomat pada bagian dasar.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 8

Menambahkan bayangan besar dengan hitam dan oranye #ce786d sebagai warnanya.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Berikut adalah apa yang kita punya sejauh ini.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

4. Efek Melumuri

Langkah 1

Teks kita terlalu bersih. Kita ingin membuatnya lebih realistis dengan menambahkan lumuran ke salah satu karakter. Mulai dengan membuat bentuk acak yang meliputi salah satu karakter. Di sini, kita menggunakan "p". Menerapkan Layer Style yang kita gunakan sebelumnya pada teks asli.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 2

Pada kotak dialog Blending Options, mengaktifkan Layer Mask Hides Effects.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 3

Melukis beberapa bagian pada bentuk dengan hitam untuk menyembunyikan mereka. Memastikan Anda melukis area acak untuk memberikan efek realistis.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 4

Menggambar selection secara acak menggunakan Polygonal Lasso Tool dan kemudian isi dengan warna oranye #b5621e. Menghapus beberapa bagian dengan menggunakan soft besar Eraser Tool. Melukis sedikit warna cokelat #973b1d untuk menambahkan warna realistis.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Langkah 5

Mengatur warna foreground ke oranye #ecb877. Aktifkan Brush Tool dan mengurangi Opacity dari Option Bar. Melukis beberapa garis acak di seberang karakter dan bentuk acak yang kita buat sebelumnya.

Ketchup Text Effect

Langkah 6

Terus menggambar garis lain. Saat ini menggunakan warna gelap #f46d15. Memastikan Anda masih menggunakan Brush dengan nilai opacity rendah.

Ketchup Text Effect

Langkah 7

Melukis bayangan dan cahaya menyorot ke lumuran menggunakan warna #f2872f dan #d25945. Jangan ragu untuk bereksperimen dengan warna lain.

Ketchup Text Effect

Langkah 8

Dan ini adalah hasil yang kita punya.

Ketchup Text EffectKetchup Text EffectKetchup Text Effect

Kesimpulan

Dalam tutorial ini, saya akan menunjukkan cara untuk menggunakan beberapa alat dasar Photoshop untuk membuat efek teks saus tomat. Saya berharap bahwa Anda belajar sesuatu dari tutorial ini dan dapat menggunakan teknik yang saya telah tunjukkan untuk membuat efek teks yang menarik oleh Anda sendiri.

One subscription.
Unlimited Downloads.
Get unlimited downloads