7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Cara Membuat a Comic-Book Ink Text Effect dalam Adobe Photoshop

Scroll to top
Read Time: 9 mins

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

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

Tutorial ini akan menunjukkan kepada Anda cara membuat efek teks tinta buku komik yang keren dengan menggunakan Photoshop's layer styles, filter, dan custom brushes yang diterapkan secara otomatis.

Efek teks ini didasarkan pada Comic Book Ink Actions dari Envato Market. Action mengubah teks atau bentuk apa pun menjadi comic-book-style dalam resolusi tinggi 300 DPI dengan kemungkinan kustomisasi warna.

Comic Book Ink ActionComic Book Ink ActionComic Book Ink Action
Comic Book Ink Actions - 300 DPI

Tutorial aset

Aset berikut digunakan selama tutorial ini:

1. Cara Mengatur Background untuk Aksi

Buka Adobe Photoshop, buka File> Open, dan pilih paper-background.jpg.

Paper BackgroundPaper BackgroundPaper Background

2. Cara Menginstal Pattern dan Brushes

Langkah 1

Pergi ke Edit> Preset> Preset Manager ... Pada Preset Type, pilih Patterns, lalu klik Load ... dan pilih Comic-book-ink-pattern.pat.

Load PatternsLoad PatternsLoad Patterns

Langkah 2

Pergi ke Edit> Preset> Preset Manager ... Pada Preset Type, pilih Brushes, lalu klik Load ... dan pilih Comic-book-ink-brushes.abr.

Load BrushesLoad BrushesLoad Brushes

3. Cara Membuat Text Layers

Langkah 1

Pilih Type Tool (T) dan tulis "COMIC", dan kemudian tekan tombol Enter dan tulis "BOOK". Pilih HVD Comic Serif font dan kemudian pergi ke Window> Character dan atur Size menjadi 225 pt, Tracking ke -50, dan Leading menjadi 183 pt. Lalu pergi ke Window> Paragraph dan pilih Center text.

Create the TextCreate the TextCreate the Text

Langkah 2

Pergi ke Type > Warp text, dan atur Style ke Arc dan Bend ke + 5%. Klik OK.

Warp the TextWarp the TextWarp the Text

Langkah 3

Anda sekarang akan menyiapkan layer teks untuk gaya yang akan Anda terapkan. Untuk melakukannya, pertama masuk ke Layer> Smart Object> Convert to Smart Object dan kemudian pergi ke Layer> Duplicate Layer ... dan beri nama layer "COMIC BOOK 2". Sekarang ulangi penggandaan sampai Anda membuat layer "COMIC BOOK 5".

Duplicate the TextDuplicate the TextDuplicate the Text

4. Cara Menata First Text Layer

Pilih layer "COMIC BOOK" dan double click layer ini untuk menerapkan style layer berikut:

Langkah 1

Atur Blending Options:

  • Fill Opacity: 0%
Set the Blending OptionsSet the Blending OptionsSet the Blending Options

Langkah 2

Tambahkan Bevel and Emboss dengan pengaturan ini:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 209%
  • Direction: Up
  • Size: 21 px
  • Soften: 4 px
  • Hapus centang Use Global Light box
  • Angle: 0
  • Altitude: 30
  • Gloss Contour: Cove - Deep
  • Centang Anti-aliased box
  • Highlight Mode: Linear Burn dengan warna # 000000
  • Highlight Mode - Opacity: 20%
  • Shadow Mode - Opacity: 0%
Add a BevelAdd a BevelAdd a Bevel

Langkah 3

Tambahkan Contour dengan pengaturan ini:

  • Contour: Ring - Double
  • Centang Anti-aliased box
  • Range: 100%
Add a ContourAdd a ContourAdd a Contour

Langkah 4

Tambahkan Inner Glow dengan pengaturan ini:

  • Opacity: 100%
  • Color#ffffff
  • Technique: Softer
  • Source: Edge
  • Choke: 100%
  • Size: 4 px
  • Centang Anti-aliased box
Add an Inner GlowAdd an Inner GlowAdd an Inner Glow

Langkah 5

Tambahkan Satin style dengan pengaturan ini:

  • Color#5fbd13
  • Opacity: 100%
  • Angle: 0
  • Distance: 10 px
  • Size: 5 px
  • Centang Anti-aliased box
Add a SatinAdd a SatinAdd a Satin

Langkah 6

Tambahkan Color Overlay dengan pengaturan ini:

  • Blend Mode: Multiply
  • Color: #92b506
  • Opacity: 24%
Add a Color OverlayAdd a Color OverlayAdd a Color Overlay

Langkah 7

Menambahkan Pattern Overlay dengan pengaturan ini:

  • Opacity: 50%
  • Pattern: Comic-book-ink-pattern

Klik OK.

Add a Pattern OverlayAdd a Pattern OverlayAdd a Pattern Overlay

5. Cara Menambahkan Filter untuk First Text Layer

Pergi ke Filter> Distort> Wave ... dan gunakan pengaturan ini:

  • Number of Generators: 5
  • Wavelength: Min. 36 Max. 44
  • Amplitude: Min. 16 Max. 17
  • Scale: Horiz. 3% vert. 3%
  • Type: Sine
  • Undefined Areas: Wrap Around

Klik OK.

Add a Wave FilterAdd a Wave FilterAdd a Wave Filter

6. Cara Menata Lapisan Teks Kedua

Pilih layer "COMIC BOOK 2" dan kemudian double click layer ini untuk menerapkan layer style berikut:

Langkah 1

Atur Blending Options:

  • Fill Opacity: 0%
Set the Blending OptionsSet the Blending OptionsSet the Blending Options

Langkah 2

Tambahkan Inner Shadow dengan pengaturan ini:

  • Color: #000000
  • Hapus centang pada Use Global Light box
  • Angle:-74
  • Distance: 5 px
  • Choke: 61%
  • Size: 4 px
  • Centang Anti-aliased box
Add an Inner ShadowAdd an Inner ShadowAdd an Inner Shadow

Langkah 3

Tambahkan Outer Glow dengan pengaturan ini:

  • Opacity: 100%
  • Color: #000000
  • Technique: Softer
  • Spread: 86%
  • Size: 1 px
  • Check the Anti-aliased box
  • Range: 15%

Click OK.

Add an Outer GlowAdd an Outer GlowAdd an Outer Glow

7. Cara Menambahkan Filter untuk Second Text Layer

Langkah 1

Pergi ke Filter> Distort> Wave ... dan gunakan pengaturan ini:

  • Number of Generators: 5
  • Wavelength: Min. 36 Max. 44
  • Amplitude: Min. 16 Max. 17
  • Scale: Horiz. 3% Vert. 3%
  • Type: Sine
  • Undefined Areas: Wrap Around

Klik OK.

Add a Wave FilterAdd a Wave FilterAdd a Wave Filter

Langkah 2

Pergi ke Layer > Smart Object > Convert to Smart Object

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

8. Cara Menata Third Text Layer

Pilih layer "COMIC BOOK 3" dan kemudian double click layer ini untuk menerapkan style layer berikut:

Langkah 1

Atur Blending Options:

  • Fill Opacity: 0%
Set the Blending OptionsSet the Blending OptionsSet the Blending Options

Langkah 2

Tambahkan Color Overlay dengan pengaturan ini:

  • Blend Mode: Multiply
  • Color#bbf100
  • Opacity: 52%
Add a Color OverlayAdd a Color OverlayAdd a Color Overlay

9. Cara Menambahkan Filter untuk Layer Teks Ketiga

Langkah 1

Pergi ke Filter> Distort> Wave ... dan gunakan pengaturan ini:

  • Number of Generators: 1
  • Wavelength: Min. 236 Max. 237
  • Amplitude: Min. 13 Max. 21
  • Scale: Horiz. 38% Vert. 28%
  • Type: Sine
  • Undefined Areas: Wrap Around

Klik OK.

Add a Wave FilterAdd a Wave FilterAdd a Wave Filter

Langkah 2

Pergi ke Filter > Distort > Wave... dan gunakan pengaturan ini:

  • Amount: 150%
  • Size: Large

Klik OK.

Add a Ripple FilterAdd a Ripple FilterAdd a Ripple Filter

10. Cara Menata Layer Teks Keempat

Pilih layer "COMIC BOOK 4" dan kemudian double click layer ini untuk menerapkan gaya layer berikut:

Langkah 1

Atur Blending Options:

  • Fill Opacity: 0%
Set the Blending OptionsSet the Blending OptionsSet the Blending Options

Langkah 2

Tambahkan Color Overlay dengan pengaturan ini:

  • Blend Mode: Multiply
  • Color: #7be300
  • Opacity: 63%
Add a Color OverlayAdd a Color OverlayAdd a Color Overlay

11. Cara Menambahkan Filter untuk Fourth Text Layer

Langkah 1

Pergi ke Filter> Distort> ZigZag ... dan gunakan pengaturan ini:

  • Amount: 2
  • Ridges: 9
  • Style: Around Center

Klik OK.

Add a ZigZag FilterAdd a ZigZag FilterAdd a ZigZag Filter

Langkah 2

Pergi ke Filter> Distort> Ripple ... dan gunakan pengaturan ini:

  • Amount: -166%
  • Size: Large

Klik OK.

Add a Ripple FilterAdd a Ripple FilterAdd a Ripple Filter

Langkah 3

Pergi ke Filter> Distort> Wave ... dan gunakan pengaturan ini:

  • Number of Generators: 5
  • Wavelength: Min. 97 maks. 120
  • Amplitude: Min. 5 Max. 25
  • Scale: Horiz. 11% Vert. 11%
  • Type: Sine
  • Undefined Areas: Repeat Edge Pixels

Klik OK.

Add a Wave FilterAdd a Wave FilterAdd a Wave Filter

12. Bagaimana Menata Layer Teks Kelima

Pilih layer "COMIC BOOK 5" dan kemudian double click layer ini untuk menerapkan style layer berikut:

Langkah 1

Atur Blending Options:

  • Fill Opacity: 0%
Set the Blending OptionsSet the Blending OptionsSet the Blending Options

Langkah 2

Add a Pattern Overlay with these settings:

  • Blend Mode: Overlay
  • Opacity: 100%
  • Pattern: Comic-book-ink-pattern
Add a Pattern OverlayAdd a Pattern OverlayAdd a Pattern Overlay

Langkah 3

Tambahkan Outer Glow dengan pengaturan ini:

  • Color#000000
  • Technique: Softer
  • Spread: 80%
  • Size: 1 px
  • Check the Anti-aliased box
  • Range: 54%

Klik OK.

Add an Outer GlowAdd an Outer GlowAdd an Outer Glow

13. Bagaimana Menambahkan Filter untuk Layer Teks Kelima

Pergi ke Filter> Distort> Wave ... dan gunakan pengaturan ini:

  • Number of Generators: 5
  • Wavelength: Min. 24 Max. 79
  • Amplitude: Min. 8 Max. 10
  • Scale: Horiz. 11% Vert. 13%
  • Type: Sine
  • Undefined Areas: Repeat Edge Pixels

Klik OK.

Add a Wave FilterAdd a Wave FilterAdd a Wave Filter

Ini adalah hasil setelah Anda menerapkan semua style dan filter ke text layers.

Layer Styles ResultLayer Styles ResultLayer Styles Result

14. Cara Membuat Layers for the Brushes

Anda akan membuat tujuh layer kosong untuk brush. Untuk melakukannya, Anda dapat menggunakan salah satu opsi di bawah ini.

Option 1: Klik tombol Create New Layer di bagian bawah panel Layers Anda tujuh kali, lalu double click setiap nama layer untuk mengganti nama layer menjadi "Brush 1", "Brush 2", dan seterusnya.

Option 2: Pergi ke Layer> New> Layer ... dan atur nama menjadi "Brush 1", dan kemudian ulangi langkah ini dan hentikan dengan layer "Brush 7".

Create LayersCreate LayersCreate Layers

15. Cara Mendaftar the First Brush

Langkah 1

Pilih layer "Brush 1" dan kemudian tahan tombol Control dan klik pada thumbnail layer "COMIC BOOK" untuk membuat selection.

Make a selectionMake a selectionMake a selection

Langkah 2

Pergi ke Window> Paths dan klik Make work path from selection button di bagian bawah panel Paths.

Make a workpathMake a workpathMake a workpath

Langkah 3

Sekarang pergi ke Window> Brushes dan pilih Big dots brush, dan kemudian Right click pada layer Work Path di panel Paths Anda dan pilih Stroke Path ... dari menu. Pilih Tool: Brush, uncheck pada tombol Simulate Pressure, dan klik OK.

Tip: Setiap kali Anda melakukan langkah ini, hasilnya akan berbeda. Jadi jika Anda tidak menyukai hasil kuas, Anda dapat menekan tombol Control dan menekan tombol Z untuk membatalkan langkah ini, dan kemudian ulangi stroke path.

Stroke PathStroke PathStroke Path

Langkah 4

Sementara layer "Brush 1" dipilih, tahan tombol Control dan klik pada thumbnail layer "COMIC BOOK" untuk membuat seleksi lagi, dan kemudian pergi ke Layer> Layer Mask> Hide Selection untuk menerapkan seleksi sebagai mask untuk layer "Brush 1".

Mask the brushMask the brushMask the brush

16. Cara Menata Layer Brush Pertama

Pilih layer "Brush 1" dan double click layer ini untuk menerapkan layer style berikut:

Langkah 1

Atur Blending Options:

  • Fill Opacity: 0%
  • Check the Layer Mask Hides Effects box
Add Blending OptionsAdd Blending OptionsAdd Blending Options

Langkah 2

Tambahkan Inner Shadow dengan pengaturan ini:

  • Color#000000
  • Uncheck the Use Global Light box
  • Angle: -90
  • Distance: 3 px
  • Choke: 48%
  • Size: 0 px
  • Check the Anti-aliased box
Add an Inner ShadowAdd an Inner ShadowAdd an Inner Shadow

Langkah 3

Tambahkan Outer Glow dengan pengaturan ini:

  • Color#000000
  • Technique: Softer
  • Spread: 49%
  • Size: 1 px
  • Check the Anti-aliased box
  • Range: 15%

Klik OK.

Add an Outer GlowAdd an Outer GlowAdd an Outer Glow

Ini adalah hasil dengan first brush applied.

Result with the first brushResult with the first brushResult with the first brush

17. Cara Mendaftar Second Brush

Langkah 1

Pilih layer "Brush 2".

Pergi ke Window> Brushes, pilih Big dots brush, dan atur Size menjadi 35 px. Kemudian Right click pada layer Work Path di panel Paths Anda dan pilih Stroke Path ... dari menu. Pilih Tool: Brush, uncheck pada tombol Simulate Pressure, dan klik OK.

Stroke Path with BrushStroke Path with BrushStroke Path with Brush

Langkah 2

Sementara layer "Brush 2" dipilih, tahan tombol Control dan klik pada thumbnail layer "COMIC BOOK" untuk membuat seleksi, dan kemudian pergi ke Layer> Layer Mask> Hide Selection untuk menerapkan seleksi sebagai masker untuk lapisan "Brush 2".

Mask the brushMask the brushMask the brush

Ini adalah hasil dengan second brush applied.

Result with the second brushResult with the second brushResult with the second brush

18. Cara Mendaftar Third Brush

Langkah 1

Pilih layer "Brush 3".

Pergi ke Window> Brushes, pilih Small dots brush, dan kemudian Right click pada layer Work Path di panel Paths Anda dan pilih Stroke Path ... dari menu. Pilih Tool: Brush, uncheck pada tombol Simulate Pressure, dan klik OK.

Stroke path with the brushStroke path with the brushStroke path with the brush

Langkah 2

Double click layer "Brush 3" untuk membuka layer style window Pada tab Blending Options, tahan dan gerakkan handle kiri opsi Underlying Layer ke 120, lalu tahan tombol Alt dan klik dan tahan sisi kanan handle ini. Pindahkan bagian handle ini ke 200, dan klik OK.

Set blending optionsSet blending optionsSet blending options

Ini adalah hasil dengan third brush applied.

Result with the third brushResult with the third brushResult with the third brush

19. Cara Menerapkan Fourth Brush

Langkah 1

Pilih layer "Brush 4".

Pergi ke Window> Brushes, pilih Big lines brush, dan kemudian Right click pada layer Work Path di panel Paths Anda dan pilih Stroke Path ... dari menu. Pilih Tool: Brush, uncheck pada tombol Simulate Pressure, dan klik OK.

Stroke path with the brushStroke path with the brushStroke path with the brush

Langkah 2

Double click layer "Brush 4" untuk membuka layer style window. Pada tab Blending Options, tahan dan gerakkan handle kiri opsi Underlying Layer ke 120, lalu tahan tombol Alt dan klik dan tahan sisi kanan handle ini. Pindahkan bagian handle ini ke 200, dan klik OK.

Set blending optionsSet blending optionsSet blending options

Ini adalah hasil dengan fourth brush applied.

Result with the fourth brushResult with the fourth brushResult with the fourth brush

20. Cara Menerapkan Fifth Brush

Langkah 1

Pilih layer "Brush 5".

Pergi ke Window> Brushes, pilih Small drops brush, dan kemudian Right click pada layer Work Path di panel Paths Anda dan pilih Stroke Path ... dari menu. Pilih Tool: Brush, uncheck pada tombol Simulate Pressure, dan klik OK.

Stroke path with the brushStroke path with the brushStroke path with the brush

Langkah 2

Double click layer "Brush 5" untuk membuka layer style window Pada tab Blending Options, tahan dan gerakkan handle kiri opsi Underlying Layer ke 120, lalu tahan tombol Alt dan klik dan tahan sisi kanan handle ini. Pindahkan bagian handle ini ke 200, dan klik OK.

Set the blending optionsSet the blending optionsSet the blending options

Ini adalah hasil dengan fifth brush applied.

Result with the fifth brushResult with the fifth brushResult with the fifth brush

21. Cara Menerapkan Sixth Brush

Langkah 1

Pergi ke Window> Paths, pilih layer Work Path, dan klik Load path as a selection button Lalu pergi ke Select> Modify> Contract ... dan atur Contract By to 6 px dan tekan OK. Akhirnya, kembali ke panel Paths Anda dan klik Make work path from selection button.

Make a new work pathMake a new work pathMake a new work path

Langkah 2

Pilih layer "Brush 6".

Pergi ke Window> Brushes, pilih Small lines brush, dan kemudian Right click pada layer Work Path di panel Paths Anda dan pilih Stroke Path ... dari menu. Pilih Tool: Brush, uncheck pada tombol Simulate Pressure, dan klik OK.

Stroke path with the brushStroke path with the brushStroke path with the brush

Langkah 3

Double click layer "Brush 6" untuk membuka layer style window Pada tab Blending Options, tahan dan gerakkan handle kiri opsi Underlying Layer ke 120, lalu tahan tombol Alt dan klik dan tahan sisi kanan handle ini. Pindahkan bagian handle ini ke 200, dan klik OK.

Set the blending optionsSet the blending optionsSet the blending options

Ini adalah hasil dengan sixth brush applied.

Result with the sixth brushResult with the sixth brushResult with the sixth brush

22. Cara Menerapkan Seventh Brush

Langkah 1

Pilih layer "Brush 7", tahan tombol Control, dan klik pada thumbnail layer "COMIC BOOK". Kemudian tahan tombol Control dan Alt dan klik pada thumbnail dari layer "COMIC BOOK 2" untuk membuat pilihan.

Make a selectionMake a selectionMake a selection

Langkah 2

Pergi ke Select > Modify> Contract ..., atur Contract By to 3 px, dan tekan OK. Lalu pergi ke Window> Paths dan klik Make work path from selection button.

Make a work pathMake a work pathMake a work path

Langkah 3

Pergi ke Window> Brushes, pilih Double lines brush, dan kemudian Right click pada layer Work Path di panel Paths Anda dan pilih Stroke Path ... dari menu. Pilih Tool: Brush, uncheck pada tombol Simulate Pressure, dan klik OK.

Stroke path with the brushStroke path with the brushStroke path with the brush

Langkah 4

Double click layer "Brush 7" untuk membuka layer style window Pada tab Blending Options, tahan dan gerakkan handle kiri opsi Underlying Layer ke 120, lalu tahan tombol Alt dan klik dan tahan sisi kanan handle ini. Pindahkan bagian handle ini ke 200, dan klik OK.

Set the blending optionsSet the blending optionsSet the blending options

Selamat! Anda selesai!

Dalam tutorial ini, Anda belajar cara menggunakan layer styles, filters, dan custom brushes untuk membuat efek teks buku komik dalam Adobe Photoshop.

Kita mulai dengan membuat teks kita, dan kemudian kita menggunakan style dan filter layer pada layer teks kita, dan akhirnya kita menambahkan berbagai custom brush.

Final resultFinal resultFinal result

Saya harap Anda menikmati tutorial ini. Jangan ragu untuk meninggalkan komentar, saran, dan hasil di bawah ini. Efek teks yang baru saja kita buat ini terinspirasi oleh Comic Book Ink Actions - 300 DPI, yang secara otomatis akan menerapkan comic-book effect pada teks atau bentuk apa pun dalam resolusi tinggi.

Comic Book Ink ActionComic Book Ink ActionComic Book Ink Action
Comic Book Ink Actions - 300 DPI
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.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.