Advertisement
  1. Design & Illustration
  2. Text Effects

Bagaimana Cara Membuat Efek Teks Glitch Digital Yang Mudah dalam Adobe Photoshop

Scroll to top
Read Time: 5 min
This post is part of a series called How to Make Glitch Art.
How to Create a Glitch Animated Gif Action in Adobe Photoshop
How to Create a Set of Glitches in Adobe Photoshop

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

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

Tutorial ini akan menunjukan anda bagaimana cara menggunakan layer styles, filters, dan layer masks Photoshop untuk membuat sebuah efek teks glitch digital yang cepat dan mudah. Mari kita mulai!

Teks efek ini terinspirasi oleh banyak Layer Styles yang tersedia di GraphicRiver.

Bahan-bahan Tutorial

Bahan-bahan berikut digunakan selama pembuatan tutorial ini:

1. Bagaimana Cara Membuat Latar Belakang dan Layer Teks

Langkah 1

Buat sebuah Dokumen Baru 900 x 700 px, klik ikon Create new fill or adjusment layer di bagian bawah panel Layers, pilih Solid Color, dan gunakan warna #101010.

Solid Color LayerSolid Color LayerSolid Color Layer

Langkah 2

Buat teks putih menggunakan font Pixel Digivolve, dan atur Size ke 170 pt.

Create the TextCreate the TextCreate the Text

Langkah 3

Namai ulang layer teks menjadi Text 01, klik kanan, dan pilih Convert to Smart Object.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Langkah 4

Duplikat layer Text 01, dan namai ulang salinannya menjadi Text 02.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

Langkah 5

Sembunyikan layer Text 02 dengan mengklik ikon mata disebelahnya.

Hide the LayerHide the LayerHide the Layer

2. Bagaimana Cara Menerapkan Layer Styles

Klik dua kali layer Text 01 untuk menerapkan Layer Style berikut:

Langkah 1

Dibawah Blending Options pergi ke Advanced Blending, dan hapus centang kotak Channels G dan B.

Advanced BlendingAdvanced BlendingAdvanced Blending

Langkah 2

Tambahkan sebuah Outer Glow dengan pengaturan ini:

  • Opacity: 50%
  • Color: #FFFFFF
  • Size: 10
Outer Glow Layer StyleOuter Glow Layer StyleOuter Glow Layer Style

Ini akan menerapkan style bagian merah dari teksnya.

Styled Text 1Styled Text 1Styled Text 1

Tampilkan layer Text 02, dan klik dua kali untuk menerapkan Layer Style berikut:

Langkah 3

Dibawah Blending Options, pergi ke Advanced Blending, dan hapus centang kotak Channels R.

Advanced Blending OptionsAdvanced Blending OptionsAdvanced Blending Options

Langkah 4

Tambahkan sebuah Outer Glow dengan pengaturan ini:

  • Opacity: 50%
  • Color: #ffffff
  • Size: 10
Outer Glow Layer StyleOuter Glow Layer StyleOuter Glow Layer Style

Ini akan menerapkan style bagian birunya, yang tidak akan terlihat sekarang, tapi kita akan mengerjakannya selanjutnya.

Styled Text 2Styled Text 2Styled Text 2

3. Bagaimana Cara Membuat Efek Glitch Dasar

Langkah 1

Pilih Move Tool, dan gunakan tombol panah untuk sedikit mendorong Layer Text 01 dan Text 02 ke arah yang berlawanan untuk menunjukkan warna merah dan birunya, dan dapatkan hasil yang anda suka.

Nudge the Text LayersNudge the Text LayersNudge the Text Layers

Langkah 2

Duplikat kedua layer Text 01 dan Text 02.

Duplicate LayersDuplicate LayersDuplicate Layers

Langkah 3

Buat sebuah layer baru diatas semua layer, beri nama Filters 01, dan tekan tombol Option-Command-Shift-E untuk membuat sebuah cap dari semua layer yang anda miliki.

Klik kanan layer Filters 01, dan pilih Convert to Smart Object.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Langkah 4

Tekan terus tombol Option dan klik ikon Add layer mask di bagian bawah panel Layers untuk menambahkan sebuah layer mask terbalik.

Add a Layer MaskAdd a Layer MaskAdd a Layer Mask

Langkah 5

Duplikat layer Filters 01 dan namai ulang salinannya menjadi Filters 02.

Duplicate the LayerDuplicate the LayerDuplicate the Layer

4. Bagaimana Cara Bekerja Dengan Layer Masks

Langkah 1

Pilih Rectangular Marquee Tool, buat sebuah seleksi acak yang menutupi bagian dari teks, dan pastikan untuk memperpanjang seleksinya untuk menjangkau di luar sisi kiri dan kanan dari teksnya.

Jaga jarak vertikal yang cukup di antara seleksinya karena kita akan membuat beberapa seleksi lagi di antara mereka.

Create SelectionsCreate SelectionsCreate Selections

Langkah 2

Pilih thumbnail layer mask Filters 01, dan Fill seleksinya dengan Putih.

Tekan Command-D untuk Deselect.

Fill the SelectionFill the SelectionFill the Selection

Langkah 3

Tekan terus tombol Option dan klik thumbnail layer mask Filters 01 untuk menampilkannya. Kita akan menggunakan ini sebagai acuan untuk membuat seleksi diantara garis yang sudah kita miliki.

Show the Layer MaskShow the Layer MaskShow the Layer Mask

Langkah 4

Gunakan Rectangular Marquee Tool lagi untuk membuat garis yang lebih sempit diantara yang anda miliki, tapi simpan juga beberapa area yang tidak di seleksi.

Create More SelectionsCreate More SelectionsCreate More Selections

Langkah 5

Tekan terus tombol Option dan klik thumbnail layer mask Filters 01 lagi untuk mendapatkan konten aslinya, pilih thumbnail layer mask Filters 02, dan Fill seleksi barunya dengan Putih.

Deselect ketika anda selesai.

Fill the SelectionFill the SelectionFill the Selection

5. Bagaimana Cara Menerapkan Filter Efek Glitch

Langkah 1

Pilih layer Filters 01, pergi ke Filter > Pixelate > Mezzotint, dan atur Type ke Short Strokes.

Mezzotint FilterMezzotint FilterMezzotint Filter

Langkah 2

Pilih layer Filters 02, dan pergi ke Filter > Distort > Wave. Ini bisa menjadi filter yang rumit untuk diterapkan, jadi anda mungkin perlu untuk mencoba nilai yang berbeda sampai anda mendapatkan hasil yang anda suka.

Nilai yang digunakan disini adalah:

  • Number of Generators: 1
  • Wavelength:
    • Min. 1
    • Max. 106
  • Amplitude:
    • Min. 90
    • Max. 133
  • Scale:
    • Horiz. 6
    • Vert. 1
  • Type: Sine
  • Undefined Areas: Repeat Edges Pixels
Wave Filter SettingsWave Filter SettingsWave Filter Settings

Langkah 3

Pergi ke Filter > Pixelate > Mezzotint, dan atur Type ke Long Strokes.

Mezzotint FilterMezzotint FilterMezzotint Filter

Langkah 4

Pergi ke Filter > Stylize > Wind, atur Method ke Wind, dan Direction ke From the Right.

Wind FilterWind FilterWind Filter

Langkah 5

Jika anda perlu menghapus bagian yang tidak diinginkan, pilih thumbnail layer masknya, pilih Brush Tool, dan pilih tip soft round.

Atur Foreground Color ke Hitam, dan lukis diatas area yang tidak diinginkan untuk menyembunyikan mereka.

Hide Unwanted AreasHide Unwanted AreasHide Unwanted Areas

6. Bagaimana Cara Menambahkan Scanlines

Langkah 1

Klik ikon Create new fill or adjustment layer di bagian bawah panel Layers, dan pilih Color Lookup.

Pilih tabel Fuji ETERNA 250D Fuji 3510 (by Adobe).cube dari menu 3DLUT File.

Color LookupColor LookupColor Lookup

Langkah 2

Buat sebuah Layer Baru di atas semua layer, Fill dengan Putih, beri nama Scanlines, dan ubah menjadi sebuah Smart Object.

Pastikan bahwa Foreground dan Background Color nya diatur ke Hitam dan Putih.

Create the Scanlines LayerCreate the Scanlines LayerCreate the Scanlines Layer

Langkah 3

Pergi ke Filter > Filter Gallery > Sketch > Halftone Pattern, dan gunakan pengaturan ini:

  • Size: 1
  • Contrast: 5
  • Pattern Type: Line
Halftone Pattern FilterHalftone Pattern FilterHalftone Pattern Filter

Langkah 4

Ganti Blend Mode layer Scanlines ke Soft Light dan Opacity nya ke 50%.

Layer SettingsLayer SettingsLayer Settings

Langkah 5

Klik ikon Create new fill or adjustment layer di bagian bawah panel Layers, pilih Pattern, dan gunakan Pattern 1 Fill dari kumpulan basic scanline patterns.

Ganti Opacity layer ke 25%.

Pattern Fill LayerPattern Fill LayerPattern Fill Layer

7. Bagaimana Cara Membuat Noise Overlay

Langkah 1

Buat sebuah Layer Baru di atas semua layer, isi dengan Hitam, beri nama Noise, dan ubah menjadi sebuah Smart Object.

Create the Noise LayerCreate the Noise LayerCreate the Noise Layer

Langkah 2

Pergi ke Filter > Texture > Grain, dan gunakan pengaturan ini:

  • Intensity: 40
  • Contrast: 50
  • Grain Type: Stippled
Grain Texture FilterGrain Texture FilterGrain Texture Filter

Langkah 3

Klik OK, dan pergi lagi ke Filter > Texture > Grain dan gunakan nilai yang sama seperti langkah sebelumnya.

Grain Filter SettingsGrain Filter SettingsGrain Filter Settings

Langkah 4

Klik ikon New effect layer di sudut kanan bawah, pergi ke Sketch > Conté Crayon, dan gunakan pengaturan ini:

  • Foreground Level: 7
  • Background Level: 7
  • Texture: Canvas
  • Scaling: 100%
  • Relief: 4
  • Light: Top
Conte Crayon FilterConte Crayon FilterConte Crayon Filter

Langkah 5

Ganti Blend Mode layer Noise ke Linear Dodge (Add), dan Opacity nya ke 20%.

Set Blend Mode to Linear DodgeSet Blend Mode to Linear DodgeSet Blend Mode to Linear Dodge

Langkah 6

Gunakan Rectangular Marquee Tool untuk membuat seleksi acak di seluruh dokumen, tapi usahakan untuk tidak membuat seleksi besar di atas teksnya.

Create Random SelectionsCreate Random SelectionsCreate Random Selections

Langkah 7

Tekan Command-J untuk Duplikat seleksi dalam sebuah Layer Baru, namai ulang menjadi Noise Lines, dan ganti Blend Mode nya ke Color Dodge.

Add Noise LinesAdd Noise LinesAdd Noise Lines

Selamat! Anda Sudah Selesai

Dalam tutorial ini, kita membuat beberapa teks layer smart objects, dan menggunakan blending options dan layer styles untuk membuat efek glitch utamanya.

Kemudian, kita membuat filter layers, dan menyesuaikan layer masks mereka.

Akhirnya, kita menggunakan banyak filters untuk menyelesaikan efek glitchnya, serta menambahkan sebuah noise overlay cepat untuk membuatnya menjadi lebih realistis.

Jangan ragu untuk meninggalkan komentar, saran dan hasil anda dibawah.

Glitch Text Effect Photoshop TutorialGlitch Text Effect Photoshop TutorialGlitch Text Effect Photoshop Tutorial
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
One subscription. Unlimited Downloads.
Get unlimited downloads