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 Efek Teks Grunge Retro dalam Adobe Photoshop

Read Time: 7 mins
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Retro Chrome Text Effect in Adobe Illustrator
How to Create a Retro 'Saved by the Bell' Inspired Text Effect in Adobe Photoshop

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

Tutorial ini akan menunjukkan cara menggunakan layer styles, noise dan tekstur grunge, dan adjustment layer untuk membuat efek teks retro grungy halftone. Mari kita mulai!

Efek teks ini terinspirasi oleh banyak Layer Styles yang tersedia pada GraphicRiver.

Aset Tutorial

Aset yang digunakan selama pembuatan dalam tutorial ini sebagai berikut:

1. Cara Membuat Layer Pola

Langkah 1

Membuat dokumen baru 512 x 512 px dengan warna Putih Background. Duplikasi layer Backgroundklik-kanan copy, dan memilih Convert to Smart Object.

Create the Pattern LayerCreate the Pattern LayerCreate the Pattern Layer

Langkah 2

Atur warna Foreground dan Background ke Hitam dan Putih, dan menuju ke Filter > Render > Clouds.

Render CloudsRender CloudsRender Clouds

2. Cara Membuat Pola Grungy Halftone

Langkah 1

Menuju ke Filter > Filter Gallery > Texture > Grain, dan menggunakan pengaturan berikut:

  • Intensity: 60
  • Contrast: 0
  • Grain Type: Sprinkles
Grain Filter Grain Filter Grain Filter

Langkah 2

Klik icon New effect layer di bagian bawah jendela Filter Gallery untuk menambahkan filter lain.

Menuju ke Sketch > Halftone Pattern, dan menggunakan pengaturan ini:

  • Size: 2
  • Contrast: 6
  • Pattern Type: Dot
Halftone Pattern FilterHalftone Pattern FilterHalftone Pattern Filter

Langkah 3

Menambahkan layer efek baru lainnya, menuju ke Sketch > Graphic Pen, dan menggunakan pengaturan ini:

  • Stroke Length: 15
  • Light/Dark Balance: 50
  • Stroke Direction: Right Diagonal

Klik OK ketika Anda selesai.

Graphic Pen FilterGraphic Pen FilterGraphic Pen Filter

Langkah 4

Menuju ke Edit > Define Pattern, dan ketik Front Pattern pada kotak Name.

Define PatternDefine PatternDefine Pattern

3. Cara Membuat Latar Belakang Pola Sederhana

Langkah 1

Membuat dokumen baru 950 x 750 px, klik icon Create new fill or adjustment layer di bagian bawah panel Layers, dan memilih Solid Color.

Solid Color Fill LayerSolid Color Fill LayerSolid Color Fill Layer

Langkah 2

Mengatur fill Color ke #a2563b.

Fill ColorFill ColorFill Color

Langkah 3

Klik-dua kali layer Solid Color untuk menerapkan efek Pattern Overlay dengan pengaturan ini:

  • Blend Mode: Soft Light
  • Pattern: Dots
Pattern OverlayPattern OverlayPattern Overlay

Ini akan membuat dasar latar belakang.

Background PatternBackground PatternBackground Pattern

4. Cara Membuat Layer Teks Smart Objects

Langkah 1

Membuat teks menggunakan font Burford. Atur Color ke Putih, Size ke 350 pt, dan Tracking ke -75.

Create the TextCreate the TextCreate the Text

Langkah 2

Beri nama layer teks jadi Text, klik-kanan pada layer, dan memilih Convert to Smart Object.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Langkah 3

Duplikasi layer Text.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

5. Cara Membuat Layer Extrusion

Langkah 1

Duplikasi layer Text lagi, beri nama copy baru jadi Extrusion, kemudian menjadikan dalam satu grup dan beri nama Extrusion juga.

Create the Extrusion GroupCreate the Extrusion GroupCreate the Extrusion Group

Langkah 2

Dengan layer Extrusion dipilih, tekan Command-T untuk masuk ke Free Transform Mode. Tekan setiap tombol Panah Kiri dan Panah Bawah sekali untuk menggeser layer Extrusion 1 px di masing-masing arah.

Tekan tombol Return untuk menerima perubahan.

Nudge the Extrusion LayerNudge the Extrusion LayerNudge the Extrusion Layer

Langkah 3

Tekan Shift-Command-Option-T sekitar 21 kali untuk membuat 21 copy dengam transformasi yang sama.

Anda benar-benar dapat memutuskan berapa banyak copy yang Anda ingin buat berdasarkan ukuran ekstrusi yang Anda inginkan, sehingga merasa bebas untuk membuat sejumlah copy yang  Anda suka.

Create the Extrusion CopiesCreate the Extrusion CopiesCreate the Extrusion Copies

Langkah 4

Memilih semua layer Extrusion, dan menuju ke Layer > Arrange > Reverse untuk mendapatkan urutan yang benar dari layer.

Reverse the Extrusion LayersReverse the Extrusion LayersReverse the Extrusion Layers

Langkah 5

Menempatkan ketiga atas layer Extrusion menjadi dalam satu grup Front, ketiga bawah jadi satu grup Back, dan sisa layer ke dalam grup Middle.

Group the Extrusion LayersGroup the Extrusion LayersGroup the Extrusion Layers

6. Cara Membuat Layer Bayangan

Langkah 1

Duplikasi layer Extrusion terakhir (layer bagian bawah dalam grup Back), dan beri nama copy jadi Shadow.

Drag layer Shadow keluar dari grup Extrusion, dan meletakkan ke dalam grup baru dengan nama Shadow juga.

Create the Shadow GroupCreate the Shadow GroupCreate the Shadow Group

Langkah 2

Menggunakan transformasi sama, dan duplikasi langkah untuk membuat beberapa copy layer untuk Shadow, hanya kali ini, Anda akan butuh untuk menggeser layer Shadow 1 px ke kanan dan 1 px ke bawah.

Create the Shadow LayersCreate the Shadow LayersCreate the Shadow Layers

Langkah 3

Memastikan untuk membalik urutan layer Shadow ketika Anda sudah selesai membuat copy.

Reverse the Layer OrderReverse the Layer OrderReverse the Layer Order

Langkah 4

Menempatkan layer Text dan Text copy ke dalam grup Text.

Text GroupText GroupText Group

7. Cara Memberi Style Layer Front Text

Klik-dua kali layer Text copy untuk menerapkan layer style berikut:

Langkah 1

Menambahkan Stroke dengan pengaturan ini:

  • Size: 3
  • Position: Inside
  • Color: #fbe8d2
StrokeStrokeStroke

Langkah 2

Menambahkan Inner Shadow dengan pengaturan ini:

  • Blend Mode: Linear Burn
  • Color: #515151
  • Opacity: 50%
  • Distance: 6
  • Choke: 50
  • Size: 5
Inner ShadowInner ShadowInner Shadow

Langkah 3

Menambahkan Color Overlay dengan pengaturan ini:

  • Color: #f5edea
  • Blend Mode: Darker Color
  • Opacity: 50%
Color OverlayColor OverlayColor Overlay

Langkah 4

Menambahkan Pattern Overlay dengan pengaturan ini:

  • Blend Mode: Color Burn
  • Pattern: Sawtooth
  • Scale: 50%
Pattern OverlayPattern OverlayPattern Overlay

Langkah 5

Mengubah nilai Fill ke 0 pada layer Text copy.

Change the Fill ValueChange the Fill ValueChange the Fill Value

Langkah 6

Klik-dua kali layer Text asli untuk menerapkan efek Pattern Overlay dengan pengaturan ini:

  • Opacity: 95%
  • Pattern: Front Pattern
  • Scale: 50%
Pattern OverlayPattern OverlayPattern Overlay

Ini akan memberi style pada bagian depan dari teks.

Styled Text FrontStyled Text FrontStyled Text Front

8. Cara untuk Style Extrusion

Langkah 1

Klik-dua kali grup Front untuk menerapkan efek Color Overlay menggunakan Color #3c3b3b.

Color OverlayColor OverlayColor Overlay

Langkah 2

Klik-kanan layer Front, memilih Copy Layer Style, klik-kanan layer Back, dan memilih Paste Layer Style.

Memperluas grup Middle, pilih semua layer di dalamnya, klik-kanan salah satu di antara layer, dan pilih Paste Layer Style lagi.

Copy and Paste the Layer StyleCopy and Paste the Layer StyleCopy and Paste the Layer Style

Langkah 3

Klik-dua kali grup Middle untuk menerapkan Pattern Overlay dengan pengaturan ini:

  • Blend Mode: Divide
  • Opacity: 35%
  • Pattern: Diagonal line medium
Pattern OverlayPattern OverlayPattern Overlay

Ini akan memberi style pada ekstrusi.

Styled ExtrusionStyled ExtrusionStyled Extrusion

9. Cara Memberi Style pada Bayangan

Langkah 1

Klik-dua kali pada grup Shadow untuk menerapkan efek Color Overlay dengan pengaturan ini:

  • Color: #a89a96
  • Blend Mode: Multiply
  • Opacity: 75%
Color OverlayColor OverlayColor Overlay

Langkah 2

Mengubah nilai Fill ke 0% pada grup Shadow.

Change the Fill ValueChange the Fill ValueChange the Fill Value

10. Cara untuk Menambahkan Texture Overlays

Sebelum menambahkan tekstur, menempatkan Text, Extrusion, dan Shadow grup ke dalam satu grup dan beri nama Text Effect, untuk menjaga hal-hal terorganisasi.

Langkah 1

Lebih baik untuk menambahkan tekstur sebagai smart objects dengan menuju ke File > Place Linked.

Mulai dengan menambahkan gambar UNRESTRICTED - Digital Grunge Texture 11 di atas layer Solid Color dan mengubah ukuran sesuai dengan kebutuhan.

Beri nama layer ke BG Texture, dan mengubah Blend Mode ke Color Dodge dan Opacity menjadi 30%.

Add the Background Texture OverlayAdd the Background Texture OverlayAdd the Background Texture Overlay

Langkah 2

Menuju ke Image > Adjustments > Hue/Saturation, dan mengubah nilai Saturation ke -100.

Jika Anda menggunakan versi Photoshop yang lama atau tidak dapat menerapkan adjustment langsung ke layer smart object untuk beberapa alasan, Anda dapat rasterize layer tekstur ini atau menggunakan adjustment layer sebagai gantinya.

HueSaturationHueSaturationHueSaturation

Langkah 3

Menuju ke Image > Adjustments > Brightness/Contrast.

Mencentang kotak Use Legacy dan mengubah Contrast ke -50.

Opsi legacy membantu mengatur kontras hitam penuh dan putih, di mana membuat lebih sedikit kontras.

BrightnessContrastBrightnessContrastBrightnessContrast

Langkah 4

Menempatkan gambar Film Grain di atas semua layer dan mengubah ukurannya sesuai kebutuhan.

Beri nama layer tekstur menjadi Texture Overlay 1, dan mengubah Blend Mode ke Overlay.

Texture Overlay 1Texture Overlay 1Texture Overlay 1

Langkah 5

Menuju ke Image > Adjustments > Levels, dan mengubah nilai Gamma ke 0.70.

Levels GammaLevels GammaLevels Gamma

Langkah 6

Menempatkan gambar UNRESTRICTED - Digital Grunge Texture 16 di atas semua layer, dan mengubah ukurannya sesuai kebutuhan.

Beri nama ulang layer tekstur menjadi Texture Overlay 2, dan mengubah Blend Mode ke Soft Light dan Opacity menjadi 20%.

Texture Overlay 2Texture Overlay 2Texture Overlay 2

Langkah 7

Menuju ke Image > Adjustments > Hue/Saturation, dan mengubah nilai Saturation ke -100.

HueSaturationHueSaturationHueSaturation

11. Cara Menambahkan Global Adjustment Layers

Langkah 1

Menambahkan layer Gradient di atas semua layer.

Membuat Transparent to Fill Color gradient fill menggunakan warna #6f6f6f di sebelah kiri dan #000000 di sebelah kanan.

Mengubah Style ke Radial dan Scale ke 200, dan kemudian mengubah Blend Mode ke Overlay pada layer.

Gradient FillGradient FillGradient Fill

Langkah 2

Menambahkan layer Brightness/Contrast, dan mengubah Contrast ke 25.

BrightnessContrastBrightnessContrastBrightnessContrast

Langkah 3

Menambahkan layer Photo Filter, dan menggunakan Color #ec9600.

Photo FilterPhoto FilterPhoto Filter

Langkah 4

Menambahkan layer Color Balance, dan menggunakan pengaturan ini:

Midtones

  • Cyan/Red: 20
  • Magenta/Green: 12
  • Yellow/Blue: 12
Color BalanceColor BalanceColor Balance

12. Cara Membuat Efek Grungy

Langkah 1

Memilih grup Text Effect dan klik icon Add layer mask di bagian bawah panel Layers untuk menambahkan mask pada grup.

Add a Layer MaskAdd a Layer MaskAdd a Layer Mask

Langkah 2

Pilih Paint Bucket Tool, pilih Pattern di bilah Options, dan pilih pattern fill 15 dari paket Light Grunge Seamless Patterns Vol. 3.

Memastikan bahwa mask Text Effect dipilih, dan klik untuk mengisinya dengan pola.

Fill the Mask with PatternFill the Mask with PatternFill the Mask with Pattern

Langkah 3

Untuk mengintensifkan efek grunge, Anda dapat menekan Command-L untuk mendapatkan kotak Levels, dan meningkatkan nilai Shadows untuk menggelapkan isi pola dalam mask, yang akan mengintensifkan area yang terhapus oleh itu, mengakibatkan efek yang lebih grungy.

Intensify the PatternIntensify the PatternIntensify the Pattern

Selamat! Anda Sudah Selesai

Dalam tutorial ini, kita membuat pola halftone sederhana dengan menggunakan beberapa filter.

Kemudian, kita membuat teks, mengubah menjadi smart object dan duplikasi untuk membuat ekstrusi dan layer bayangan. Setelah itu, kita memberi style pada setiap teks, ekstrusi, dan layer bayangan dan grup untuk mencapai efek retro halftone.

Akhirnya, kita menggunakan texture overlays, adjustment layers, dan pattern fill untuk menyelesaikan efek.

Silakan merasa bebas untuk meninggalkan komentar, saran, dan hasil Anda di bawah ini.

Final ResultFinal ResultFinal Result
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