1. Design & Illustration
  2. Drawing/Illustration
  3. Cartoons & Comics

Cara Membuat Efek Teks Komik 3D yang Keren di Photoshop

Scroll to top
Read Time: 4 min

() translation by (you can also view the original English article)

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

Dalam tutorial ini, Anda akan belajar cara cepat untuk membuat efek teks 3D di Adobe Photoshop. Kami akan menggunakan gaya layer dan filter untuk menambahkan tampilan buku komik.

Efek teks ini didasarkan pada 3D Comic Book Actoins resolusi tinggi -  dari Envato Market.

3D Comic Book Actions3D Comic Book Actions3D Comic Book Actions

Aset Tutorial

Aset berikut digunakan selama tutorial ini: 

1. Cara Membuat dan Menyesuaikan Layer Teks

Langah 1

Untuk efek teks ini, kami akan menggunakan latar belakang gaya kartun. Mulai Adobe Photoshop Anda dan membuat dokumen baru, buka background.jpg dari tutorial aset.

Open the backgroundOpen the backgroundOpen the background

Langkah 2

Gunakan Type Tool (T) Anda dan tulis kata "COOL" pada artboard Anda menggunakan font Montserrat Medium, dengan ukuran 212 pt. Kemudian, pada layer baru, tulis kata "COMIX" di artboard Anda menggunakan font Montserrat Black, dengan ukuran 170 pt. 

Type the textType the textType the text

Langkah 3

Pilih kedua layer teks di panel Layers Anda dan pergi ke Layer> Smart Objects> Convert to Smart Object. Lalu pergi ke Edit> Transform> Warp dan pilih Arc, atur Bend ke 8%. Lakukan transformasi.

Warp the textWarp the textWarp the text

Langkah 4

Langkah terakhir sebelum kita mulai menciptakan efek 3D adalah dengan menambahkan filter. Pergi ke Filter > Distort > berzig-zag dan mengatur Amount 1, Ridge 8, dan pilih Style: Pond riak. Tekan OK.

Use filter ZigZagUse filter ZigZagUse filter ZigZag

2. Cara Membuat Efek Teks 3D

Langkah 1

Sekarang kita akan membuat kedalaman 3D untuk efek teks kita dengan menggandakan dan memindahkan layer. Tekan Control-J untuk menduplikasi layer. Kemudian pindahkan layer duplikat ini menggunakan tombol panah Anda Down (↓) sekali dan Right(→) sekali. Sekarang ulangi duplikasi dan memindahkan layer yang digandakan sampai Anda telah membuat dan memindahkan sepuluh salinan dari layer asli.

Duplicate layersDuplicate layersDuplicate layers

Langkah 2

Pilih semua layer yang digandakan di panel Layers Anda dan pergi ke Layer> Smart Objects> Convert to Smart Object. Ubah nama layer menjadi 3D efect dan kemudian  Layer> Arrange> Backward.

Convert to smart objectConvert to smart objectConvert to smart object

3. Cara Menyesuaikan Efek Teks 3D

langkah 1

Pilih layer "3D efect" dan pergi ke Layer> Layer Style> Blending Options ... untuk menerapkan style layer berikut.

di Belnding options, atur Fill Opacity 0%

Use blending optionsUse blending optionsUse blending options

Langkah 2

Tambahkan Stroke ke efek teks dengan pengaturan ini:

  • Size: 3 px
  • Position: Outside
  • Color: #0d0d0d
Add a strokeAdd a strokeAdd a stroke

Langkah 3

Tambahkan Inner Shadow dengan pengaturan ini:

  • Blend Mode: Linear Burn #222222
  • Opacity: 35%
  • Hapus centang pada kotak Use Global Light
  • Angle: -42°
  • Distance: 6 px
  • Choke: 0%
  • Size: 0 px
  • Centang kotak Anti-aliased
Add an inner shadowAdd an inner shadowAdd an inner shadow

Langkah 4

Tambahkan Pattern Overlay dengan pengaturan ini:

  • Blend Mode: Normal
  • Opacity: 100%
  • Pattern: cb-lines-1 (diunduh dari aset tutorial)
  • Scale: 25%

Tekan OK untuk menerapkan style layer.

Add a patternAdd a patternAdd a pattern

Sekarang kita selesai membuat dan menyesuaikan kedalaman efek teks 3D kami. 

Partial resultPartial resultPartial result

4. Cara Membuat dan Menyesuaikan Garis Dalam.

Langkah 1

Pilih layer "COMIX" dan pergi ke Layer> Duplicate Layer ... dan beri nama Inner Details. Lalu pergi ke Layer> Layer Style> Blending Options ... untuk menerapkan layer style berikut.

Di Blending Options, atur Fill Opacity 0%.

Use blending optionsUse blending optionsUse blending options

Langkah 2

Tambahkan Stroke ke efek teks ini dengan pengaturan ini:

  • Size: 3 px
  • Position: Inside
  • Opacity: 0%
Add a strokeAdd a strokeAdd a stroke

Langkah 3

Tambahkan Inner Shadow dengan pengaturan ini:

  • Blend Mode: Normal white
  • Opacity: 100%
  • Hapus centang pada kotak Use Global Light
  • Angle: -45°
  • Distance: 5 px
  • Choke: 50%
  • Size: 5 px
  • Centang kotak Anti-aliased

Tekan OK untuk menerapkan perubahan. Kemudian pergi ke Layer> Smart Objects> Convert to Smart Object.

Add an inner shadowAdd an inner shadowAdd an inner shadow

Langkah 4

Sementara Layer objekyang baru dibuat dipilih, masuk ke Layer> Layer Style> Blending Options ... lagi dan terapkan layer style berikut.

Di Blending Options, atur Fill Opacity 0%.

Use blending optionsUse blending optionsUse blending options

Langkah 5

Tambahkan Pattern Overlay dengan pengaturan ini untuk menyelesaikan detail bagian dalam efek teks kami:

  • Blend Mode: Normal
  • Opacity: 100% 
  • Pattern: cb-lines-1 (diunduh dari aset tutorial)
  • Scale: 12%

Tekan OK untuk menerapkan style layer.

Add a patternAdd a patternAdd a pattern

Ini adalah hasil setelah menerapkan semua gaya lapisan ke efek teks keren ini.

Partial resultPartial resultPartial result

5. Cara Menyesuaikan Layer Efek Teks Utama

Langkah 1

Layer terakhir yang perlu kita sesuaikan untuk efek teks kita adalah lapisan teks "COMIX". Pilih dan pergi ke Layer> Layer Style> Blending Options ... dan terapkan layer style berikut.

Tambahkan Stroke dengan pengaturan ini:

  • Size: 3 px
  • Position: Outside
  • Color: #0d0d0d
Add a strokeAdd a strokeAdd a stroke

Langkah 2

Sebagai langkah terakhir dari efek teks ini, tambahkan Color Overlay dan pilih warna # fcea00. Tekan OK untuk menerapkan  style layer.

Add a color overlayAdd a color overlayAdd a color overlay

Selamat! Kamu sudah selesai

Dalam tutorial ini, Anda belajar cara membuat efek teks 3D cepat dan keren menggunakan style layer dan banyak layer untuk kedalaman 3D.

Saya harap Anda menikmati tutorial ini, dan jangan ragu untuk meninggalkan komentar dan kreasi Anda di bawah ini. 

Final resultFinal resultFinal result

Tutorial ini didasarkan pada  3D Comic Book - Actions resolusi tinggi  dari Envato Market.

3D Comic Book Actions3D Comic Book Actions3D Comic Book Actions

Jika Anda tertarik pada efek teks kartun dan komik, ada lebih banyak tentang GraphicRiver. Lihat juga tutorial ini:

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads