30-50% off hundreds of digital assets! WordPress themes, video, music and more 30-50% Off Go to Sale
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Cara Mencipta Kesan Teks Dakwat Komik dalam Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

Malay (Melayu) translation by Aisyah Arrafah (you can also view the original English article)

Final product image
What You'll Be Creating

Tutorial ini akan menunjukkan anda bagaimana untuk mencipta cool-Cari kesan teks buku komik dakwat menggunakan Photoshop di lapisan gaya, menapis, dan digunakan secara automatik berus adat.

Kesan teks ini adalah berdasarkan Tindakan Dakwat Buku Komik dari Pasar Envato. Tindakan mengubah teks atau bentuk ke dalam gaya komik-buku jenis dalam resolusi tinggi 300 DPI dengan penyesuaian warna mungkin.

Comic Book Ink Action
Buku Komik Dakwat Tindakan - 300 DPI

Aset Tutorial

Aset berikut telah digunakan semasa tutorial ini:

1. Bagaimana Menetapkan Latar Belakang untuk Tindakan

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

Paper Background

2. Cara Pasang Corak dan Berus

Langkah 1

Pergi ke Edit > ada > Praset Pengurus... Dalam Preset Type, pilih Pattern, dan kemudian klik Load... dan memilih comic-ink-pattern.pat.

Load Patterns

Langkah 2

Pergi ke Edit > Presets > Praset Manager... Dalam Preset Type, pilih Brushes, dan kemudian klik Load... dan memilih comic-book-ink-brushes.abr.

Load Brushes

3. Bagaimana Membuat Lapisan Teks

Langkah 1

Pilih Jenis alat (T) dan menulis "KOMIK", dan kemudian tekan kekunci Enter dan menulis "BOOK". Pilih fon HVD Comik Serif dan kemudian pergi ke Tetingkap > Watak dan set Saiz untuk 225 pt, Menjejaki ke-50, dan Membawa kepada 183 pt. Kemudian pergi Tetingkap > Perenggan dan pilih Pusat teks

Create the Text

Langkah 2

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

Warp the Text

Langkah 3

Anda kini akan menyediakan teks lapisan gaya anda akan diguna pakai. Untuk berbuat demikian, mula-mula pergi ke Lapisan > Objek Smart > Convert Smart Objek dan kemudian pergi ke Lapisan > Pendua Layer... dan nama lapisan "Buku KOMIK 2". Sekarang ulangi pendua sehingga anda telah mencipta satu lapisan "5 Buku KOMIK".

Duplicate the Text

4. Bagaimana Gaya Lapisan Teks Pertama

Pilih lapisan "Buku KOMIK" dan klik dua kali lapisan ini untuk menggunakan gaya lapisan berikut:

Langkah 1

Setkan Opsyen Adunan:

  • Opacity Mengisi: 0%
Set the Blending Options

Langkah 2

Tambah yang Serong dan Emboss dengan seting ini:

  • Gaya: Serong Dalam
  • Teknik: Lancar
  • Kedalaman: 209%
  • Arahan: Up
  • Saiz: 21 sgt
  • Melembutkan: 4 sgt
  • Nyahtandakan kotak Gunakan Light Global
  • Sudut: 0
  • Ketinggian: 30
  • Kontur gloss: Cove - mendalam
  • Tandakan kotak Anti-aliased
  • Kemuncak mod: Rakaman Linear dengan warna #000000
  • Serlahkan mod - Opacity: 20%
  • Bayang-bayang mod - Opacity: 0%
Add a Bevel

Langkah 3

Menambah kontur yang dengan seting ini:

  • Kontur: Ring - dua kali ganda
  • Tandakan kotak Anti-aliased
  • Jarak: 100%
Add a Contour

Langkah 4

Tambah satu cahaya dalaman dengan seting ini:

  • Opacity: 100%
  • Warna: #ffffff
  • Teknik: lebih lembut
  • Sumber: Edge
  • Pencekik: 100%
  • Saiz: 4 px
  • Tandakan kotak Anti-aliased
Add an Inner Glow

Langkah 5

Tambahkan gaya Satin dengan tetapan ini:

  • Warna: #5fbd13
  • Opacity: 100%
  • Sudut: 0
  • Jarak: 10 sgt
  • Saiz: 5 sgt
  • Tandakan kotak Anti-aliased
Add a Satin

Langkah 6

Tambah Overlay warna dengan seting ini:

  • Blend mod: membiak
  • Warna: #92b506
  • Kelegapan: 24%
Add a Color Overlay

Langkah 7

Tambah Overlay corak dengan seting ini:

  • Kelegapan: 50%
  • Corak: Comic-book-ink-pattern

Klik OK.

Add a Pattern Overlay

5. Bagaimana untuk menambah penapis untuk lapisan teks pertama

Pergi ke Tapis> Distort> Wave ... dan gunakan tetapan ini:

  • Bilangan penjana: 5
  • Panjang gelombang: Min. 36 Maks. 44 
  • Amplitud: Max 16 minit. 17
  • Skala: Horiz. 3% Vert. 3%
  • Jenis: Sine
  • Undefined Kawasan: Balut Sekitar

Klik OK.

Add a Wave Filter

6. Bagaimana Gaya Lapisan Teks Kedua

Pilih lapisan "Buku KOMIK 2" dan kemudian klik dua kali lapisan ini untuk menggunakan gaya lapisan berikut:

Langkah 1

Tetapkan Pilihan Blending:

  • Isikan Opacity: 0%
Set the Blending Options

Langkah 2

Tambah Inner Shadow dengan seting ini:

  • Warna: #000000
  • Buang tanda kotak Use Global Light
  • Sudut:-74
  • Jarak: 5 sgt
  • Pencekik: 61%
  • Saiz: 4 sgt
  • Tandakan kotak Anti-aliased
Add an Inner Shadow

Langkah 3

Tambah untuk Cahaya Luar dengan seting ini:

  • Opacity: 100%
  • Warna: #000000
  • Teknik: Softer
  • Spread: 86%
  • Saiz: 1px
  • Tandakan kotak Anti-aliased
  • Jarak: 15%

Klik OK.

Add an Outer Glow

7. Bagaimana  Menambah Penapis untuk Lapisan Teks Kedua

Langkah 1

Pergi ke Filter > Distort > Wave... dan menggunakan seting ini:

  • Bilangan Penjana: 5
  • Panjang gelombang: Min. 36 Maks. 44
  • Amplitud: Max 16 minit. 17
  • Skala: Horiz. 3% Vert. 3%
  • Jenis: mereka
  • Undefined Area: Wrap Around

Klik OK.

Add a Wave Filter

Langkah 2

Pergi ke Layer > Smart Object > Convert to Smart Object.

Convert to Smart Object

8. Bagaimana Gaya Layer Teks Ketiga

Pilih lapisan "3 Buku KOMIK" dan kemudian klik dua kali lapisan ini untuk menggunakan gaya lapisan berikut:

Langkah 1

Tetapkan Pilihan Blending:

  • Isikan Opacity: 0%
Set the Blending Options

Langkah 2

Tambah Overlay Warna dengan seting ini:

  • Blend Mod: Multiply
  • Warna: #bbf100
  • Opacity: 52%
Add a Color Overlay

9. Bagaimana Menambah Penapis untuk Layer Teks Ketiga

Langkah 1

Pergi ke Filter > Distort > Wave...  dan menggunakan seting ini:

  • Bilangan Penjana: 1
  • Panjang gelombang: Min. 236 Maks. 237
  • Amplitud: Min 13 Max. 21
  • Skala: Horiz. 38% Vert. 28%
  • Jenis: Sine
  • Undefined Kawasan: Balut Sekitar

Klik OK.

Add a Wave Filter

Langkah 2

Pergi ke Filter > Distort > Wave... dan menggunakan seting ini:

  • Jumlah: 150%
  • Saiz: Besar

Klik OK.

Add a Ripple Filter

10. Bagaimana untuk Gaya Lapisan Teks Keempat

Pilih lapisan "Buku KOMIK 4" dan kemudian klik dua kali lapisan ini untuk menggunakan gaya lapisan berikut:

Langkah 1

Set Blending Options:

  • Isikan Opacity: 0%
Set the Blending Options

Langkah 2

Tambah Overlay Warna dengan seting ini:

  • Blend Mod: Multiply
  • Warna: #7be300
  • Opacity: 63%
Add a Color Overlay

11. Bagaimana Menambah Penapis untuk Lapisan Teks Keempat

Langkah 1

Pergi ke Filter > Distort > ZigZag... dan menggunakan seting ini:

  • Jumlah: 2
  • Ridges: 9
  • Gaya: Sekitar Pusat

Klik OK.

Add a ZigZag Filter

Langkah 2

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

  • Jumlah:-166%
  • Saiz: besar

Klik OK.

Add a Ripple Filter

Langkah 3

Pergi ke Filter > Distort > Wave... dan menggunakan seting ini:

  • Bilangan Penjana: 5
  • Panjang gelombang: Min. 97 Maks. 120
  • Amplitud: min. 5 Max. 25
  • Skala: Horiz. 11% Vert. 11%
  • Jenis: Sine
  • Undefined Kawasan: Tepi Ulangan Piksel

Klik OK.

Add a Wave Filter

12. Bagaimana Gaya Lapisan Teks Kelima

Pilih lapisan "5 buku KOMIK" dan kemudian klik dua kali lapisan ini untuk menggunakan gaya lapisan berikut:

Langkah 1

Set Blending Options:

  • Isikan Opacity: 0%
Set the Blending Options

Langkah 2

Tambah Overlay Corak dengan seting ini:

  • Blend Mod: Overlay
  • Opacity: 100%
  • Corak: Komik-buku-dakwat-corak
Add a Pattern Overlay

Langkah 3

Tambah untuk Cahaya Luar dengan seting ini:

  • Warna: #000000
  • Teknik: Softer
  • Spread: 80%
  • Saiz: 1px
  • Tandakan kotak Anti-aliased
  • Jarak: 54%

Klik OK.

Add an Outer Glow

13. Bagaimana Menambah Penapis untuk Lapisan Teks Kelima

Pergi ke Filter > Distort > Wave... dan menggunakan seting ini:

  • Bilangan Penjana: 5
  • Panjang gelombang: Min. 24 Maks. 79
  • Amplitud: Min 8 Max. 10
  • Skala: Horiz. 11% Vert. 13%
  • Jenis: Sine
  • Undefined Kawasan: Tepi Ulangan Piksel

Klik OK.

Add a Wave Filter

Inilah hasilnya selepas anda memohon semua gaya dan penapis kepada lapisan teks.

Layer Styles Result

14. Bagaimana Membuat Lapisan untuk Berus

Anda akan mencipta tujuh lapisan yang kosong untuk berus tersebut. Untuk berbuat demikian, anda boleh menggunakan salah satu daripada opsyen di bawah.

Pilihan 1: Klik butang Cipta Lapisan Baru di bahagian bawah panel Lapisan anda tujuh kali, dan kemudian klik dua lapisan setiap nama untuk Namakan semula lapisan ke "Berus 1", "Berus 2", dan sebagainya.

Pilihan 2: Pergi ke  Layer > New > Layer... dan menetapkan nama ke "Brush 1", dan kemudian ulangi langkah ini dan berhenti dengan lapisan "Brush 7".

Create Layers

15. Cara Memohon Berus Pertama

Langkah 1

Pilih lapisan "Brush 1" dan kemudian tekan kekunci Control dan klik pada thumbnail lapisan "Buku KOMIK" untuk membuat pemilihan.

Make a selection

Langkah 2

Pergi ke Window > Paths dan klik Laluan kerja membuat daripada pemilihan butang di bahagian bawah panel Paths.

Make a workpath

Langkah 3

Sekarang pergi ke Window > Brushes dan pilih titik Besar berus, dan kemudian Klik kanan pada Work Path lapisan dalam panel Paths anda dan pilih Strok Path.... dari menu. Pilih Alat: Brush, nyahtanda butang Simulate Pressure dan klik OK.

Petua: Setiap kali anda melakukan langkah ini, hasilnya akan berbeza. Jadi jika anda tidak suka hasil berus, anda boleh menekan terus kekunci Control dan menekan kekunci Z untuk membatalkan langkah ini, dan kemudian mengulangi laluan angin ahmar.

Stroke Path

Langkah 4

Manakala lapisan "Berus 1" dipilih, tekan kekunci Control dan klik pada thumbnail lapisan "Buku KOMIK" untuk membuat pemilihan semula, dan kemudian pergi ke Layer > Layer Mask > Hide Selection membuat pemilihan sebagai topeng untuk lapisan "Brush 1".

Mask the brush

16. Bagaimana Gaya Lapisan Brush Pertama

Pilih lapisan "Brush 1" dan klik dua kali lapisan ini untuk menggunakan gaya lapisan berikut:

Langkah 1

Tetapkan Pilihan Blending:

  • Isikan Opacity: 0%
  • Tandakan kotak Layer Mask Hides Effects
Add Blending Options

Langkah 2

Tambah Inner Shadow dengan seting ini:

  • Warna: #000000
  • Buang tanda kotak Use Global Light 
  • Sudut:-90
  • Jarak: 3 sgt
  • Tercekik: 48%
  • Saiz: 0 px
  • Tandakan kotak Anti-aliased
Add an Inner Shadow

Langkah 3

Tambah Outer Glow dengan seting ini:

  • Warna: #000000
  • Teknik: Softer
  • Spread: 49%
  • Saiz: 1 px
  • Tandakan kotak Anti-aliased
  • Jarak: 15%

Klik OK.

Add an Outer Glow

Inilah hasilnya dengan berus pertama yang digunakan.

Result with the first brush

17. Cara Memakai Berus Kedua

Langkah 1

Pilih lapisan "Berus 2".

Pergi ke Window > Brushes, pilih berus titik Besar, dan tetapkan Saiz menjadi 35 px. Kemudian Klik kanan pada lapisan Laluan Kerja di panel Path anda dan pilih Path Stroke ... dari menu. Pilih Alat: Berus, hapus centang butang Tekan Simulasi, dan klik OK.

Stroke Path with Brush

Langkah 2

Semasa lapisan "Brush 2" dipilih, tahan kekunci Kawalan dan klik pada thumbnail "BOLEH BUKU" untuk membuat pilihan, kemudian pergi ke Layer > Layer Mask > Hide Selection untuk memohon pemilihan sebagai topeng untuk lapisan "Berus 2".

Mask the brush

Inilah hasilnya dengan berus kedua yang digunakan.

Result with the second brush

18. Cara Memakai Berus Ketiga

Langkah 1

Pilih lapisan "Berus 3".

Pergi ke Window > Brushes, pilih berus Titik kecil, dan kemudian Klik kanan pada lapisan Laluan Kerja dalam panel Laluan anda dan pilih Laluan Strok ... dari menu. Pilih Alat: Berus, hapus centang butang Tekan Simulasi, dan klik OK.

Stroke path with the brush

Langkah 2

Double klik lapisan "Berus 3" untuk membuka tetingkap gaya lapisan. Dalam tab Pilihan Blending, tahan dan alihkan pegangan kiri pilihan Lapisan Bawah ke 120, dan kemudian tahan kekunci Alt dan klik dan tahan sebelah kanan pemegang ini. Pindahkan bahagian pemegang ini kepada 200, dan klik OK.

Set blending options

Inilah hasilnya dengan berus ketiga yang digunakan.

Result with the third brush

19. Cara Memakai Berus Keempat

Langkah 1

Pilih lapisan "Berus 4".

Pergi ke Window > Brushes, pilih Berus garisan Besar, dan kemudian klik kanan pada lapisan Laluan Kerja dalam panel Path dan pilih Laluan Stroke ... dari menu. Pilih Alat: Berus, hapus centang butang Tekan Simulasi, dan klik OK.

Stroke path with the brush

Langkah 2

Double klik lapisan "Berus 4" untuk membuka tetingkap gaya lapisan. Dalam tab Pilihan Blending, tahan dan alihkan pegangan kiri pilihan Lapisan Bawah ke 120, dan kemudian tahan kekunci Alt dan klik dan tahan sebelah kanan pemegang ini. Pindahkan bahagian pemegang ini kepada 200, dan klik OK.

Set blending options

Inilah hasilnya dengan berus keempat yang digunakan.

Result with the fourth brush

20. Cara Memakai Berus Kelima

Langkah 1

Pilih lapisan "Berus 5".

Pergi ke Window > Brushes, pilih brush titisan Kecil, dan kemudian Klik kanan pada lapisan Laluan Kerja dalam panel Path anda dan pilih Laluan Strok ... dari menu. Pilih Alat: Berus, hapus centang butang Tekan Simulasi, dan klik OK.

Stroke path with the brush

Langkah 2

Double klik lapisan "Berus 5" untuk membuka tetingkap gaya lapisan. Dalam tab Pilihan Blending, tahan dan alihkan pegangan kiri pilihan Lapisan Bawah ke 120, dan kemudian tahan kekunci Alt dan klik dan tahan sebelah kanan pemegang ini. Pindahkan bahagian pemegang ini kepada 200, dan klik OK.

Set the blending options

Inilah hasilnya dengan berus kelima yang digunakan.

Result with the fifth brush

21. Cara Memakai Berus Keenam

Langkah 1

Pergi ke Window > Paths, pilih lapisan Laluan Kerja, dan klik butang Laluan Beban sebagai pilihan. Kemudian pergi ke Select > Modify > Contract...dan tetapkan Kontrak Dengan 6 px dan tekan OK. Akhir sekali, kembali ke panel Laluan anda dan klik butang Buat jalan kerja dari pemilihan.

Make a new work path

Langkah 2

Pilih lapisan "Berus 6".

Pergi ke Window > Brushes, pilih Berus garisan Kecil, dan kemudian Klik kanan pada lapisan Laluan Kerja dalam panel Laluan anda dan pilih Laluan Strok ... dari menu. Pilih Alat: Berus, hapus centang butang Tekan Simulasi, dan klik OK.

Stroke path with the brush

Langkah 3

Double klik lapisan "Berus 6" untuk membuka tetingkap gaya lapisan. Dalam tab Pilihan Blending, tahan dan alihkan pegangan kiri pilihan Lapisan Bawah ke 120, dan kemudian tahan kekunci Alt dan klik dan tahan sebelah kanan pemegang ini. Pindahkan bahagian pemegang ini kepada 200, dan klik OK.

Set the blending options

Inilah hasilnya dengan berus keenam yang digunakan.

Result with the sixth brush

22. Cara Memakai Berus Ketujuh

Langkah 1

Pilih lapisan "Berus 7", tahan kekunci Kawalan, dan klik pada lakaran mini "BUKU COMIC". Kemudian tahan kekunci Kawalan dan Alt dan klik pada thumbnail lapisan "COMIC BOOK 2" untuk membuat pilihan.

Make a selection

Langkah 2

Pergi ke Select > Modify > Contract..., tetapkan Kontrak Dengan 3 px, dan tekan OK. Kemudian pergi ke Window > Paths dan klik butang Buat jalan kerja dari pemilihan.

Make a work path

Langkah 3

Pergi ke Window > Brushes, pilih Berus baris berganda, kemudian klik kanan pada lapisan Laluan Kerja dalam panel Path anda dan pilih Laluan Stroke ... dari menu. Pilih Alat: Berus, hapus centang butang Tekan Simulasi, dan klik OK.

Stroke path with the brush

Langkah 4

Double klik lapisan "Berus 7" untuk membuka tetingkap gaya lapisan. Dalam tab Pilihan Blending, tahan dan alihkan pegangan kiri pilihan Lapisan Bawah ke 120, dan kemudian tahan kekunci Alt dan klik dan tahan sebelah kanan pemegang ini. Pindahkan bahagian pemegang ini kepada 200, dan klik OK.

Set the blending options

Tahniah! Anda sudah selesai!

Dalam tutorial ini, anda belajar cara menggunakan gaya lapisan, penapis dan berus tersuai untuk membuat kesan teks buku komik dalam Adobe Photoshop.

Kami bermula dengan membuat teks kami, dan kemudian kami menggunakan gaya lapisan dan penapis pada lapisan teks kami, dan akhirnya kami menambah kuas adat berbeza.

Final result

Saya harap anda telah menikmati tutorial ini. Sila berasa bebas untuk meninggalkan komen, cadangan dan hasil anda di bawah. Kesan teks ini yang baru kita buat diilhamkan oleh Action Book Ink Action - 300 DPI, yang secara automatik akan memohon kesan buku komik kepada sebarang teks atau bentuk dalam resolusi tinggi.

Comic Book Ink Action
Tindakan Dakwat Buku Komik - 300 DPI
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.