Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Text Effects

Membuat Efek Teks Retro Satu-Layer dalam Adobe Photoshop

by
Read Time:6 minsLanguages:
This post is part of a series called Retro Text Effect Tutorials.
Quick Tip: How to Create a Memphis Style Text Effect in Adobe InDesign
Create a 3D Retro Text Effect Using Layer Styles 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

Photoshop terbaru datang dengan beberapa update yang cukup mengagumkan fitur baru layer style, seperti beberapa layer style instances dan stroke overprint. Tutorial ini akan menunjukkan kepada Anda bagaimana menggunakan fitur-fitur untuk membuat efek teks retro hanya-satu-layer. Mari kita mulai!

Aset Tutorial

Aset yang digunakan selama pembuatan dalam tutorial ini sebagai berikut:

1. Membuat Latar Belakang

Langkah 1

Membuat dokumen baru berukuran 950 x 950 px, dan menduplikasi layer Background dua kali. Mengganti nilai Fill ke 0 pada layer copy kedua.

Duplicate the Background LayerDuplicate the Background LayerDuplicate the Background Layer

Langkah 2

Klik dua kali layer Background copy untuk menerapkan efek Gradient Overlay dengan pengaturan sebagai berikut:

  • Style: Radial
  • Scale: 150%
  • Klik pada kotak Gradient untuk membuat gradient menggunakan warna #ede6cf di sebelah kiri dan #e1c194 di sebelah kanan.
Gradient OverlayGradient OverlayGradient Overlay

Ini akan menerapkan gradient fill utama.

Gradient FillGradient FillGradient Fill

Langkah 3

Klik dua kali layer Background copy 2 untuk menerapkan efek Pattern Overlay dengan pengaturan sebagai berikut: 

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

Ini akan menambah pola halus chevron untuk gradient fill.

Background PatternBackground PatternBackground Pattern

2. Membuat Teks

Langkah 1

Membuat teks menggunakan font Intro Inline Regular, dengan Size 200 pt, dan menggunakan warna yang Anda suka karena kita akan menggunakan efek Color Overlay nantinya. 

Jika Anda menggunakan lebih dari satu baris teks, buka panel Character (Window > Character), dan mengubah nilai Leading ke 190 pt.

Create the TextCreate the TextCreate the Text

Langkah 2

Untuk mengatur ruang antara huruf agar merata, Anda perlu menempatkan kursor di antara masing-masing dua huruf yang Anda ingin atur, dan ketik nilai Tracking yang sesuai.

Nilai yang digunakan di sini adalah:

  • W/OO/N-50
  • D/EE/R100
  • F/U, U/L150
Adjust the Tracking ValuesAdjust the Tracking ValuesAdjust the Tracking Values

3. Menambahkan Stroke dan Menggunakan Stroke Overprint

Klik dua kali layer teks untuk menerapkan layer style sebagai berikut:

Langkah 1

Menambahkan Stroke dengan pengaturan sebagai berikut:

  • Size: 3
  • Position: Inside
  • Opacity: 48%
  • Color: #fffaf3
  • Dicentang pada kotak Overprint
Stroke OverprintStroke OverprintStroke Overprint

Langkah 2

Opsi Overprint merupakan penyempurnaan baru pada efek Stroke.

Apa yang dilakukannya adalah bahwa hal itu memungkinkan inner stroke fill (dengan nilai Opacity kurang dari 100%) untuk berbaur dengan warna dari bentuk atau teks saat itu diterapkan.

Stroke with OverprintStroke with OverprintStroke with Overprint

Langkah 3

Ketika pilihan Overprint ini dicentang, fill pada bentuk atau teks akan benar-benar tersingkir, dan latar belakang di balik stroke yang tembus akan ditampilkan sebagai gantinya.

Stroke without OverprintStroke without OverprintStroke without Overprint

4. Menambahkan Beberapa Efek Layer Instances

Langkah 1

Beberapa efek memiliki icon + di sebelah kanan (efek Stroke, Inner Shadow, Color Overlay, Gradient Overlay dan Drop Shadow).

Ketika Anda mengklik icon +, Anda dapat menambahkan hingga 10 instances per efek layer di sampingnya.

Jadi, jika Anda mengklik icon + di samping efek Stroke, Anda akan melihat bahwa tab lain Stroke akan muncul satu di bawah yang Anda sudah memiliki, dengan pengaturan yang sama dan nilai-nilai yang diterapkan.

Add another Stroke Effect InstanceAdd another Stroke Effect InstanceAdd another Stroke Effect Instance

Langkah 2

Klik pada efek instance second Stroke untuk mengaktifkan, dan menggunakan pengaturan sebagai berikut:

  • Position: Outside
  • Opacity: 100%
  • Color: #ffffff
Second Stroke InstanceSecond Stroke InstanceSecond Stroke Instance

Anda akan melihat bahwa ini menerapkan efek stroke lainnya pada teks, tanpa perlu menggunakan layer terpisah lainnya atau layer style.

Two Strokes AppliedTwo Strokes AppliedTwo Strokes Applied

5. Menambahkan Inner Shadows

Langkah 1

Menambahkan Inner Shadow dengan pengaturan sebagai berikut:

  • Color: #ab6b18
  • Opacity: 80%
  • Distance: 8
  • Size: 5
Inner ShadowInner ShadowInner Shadow

Langkah 2

Menambahkan efek instance lain Inner Shadow dengan pengaturan sebagai berikut:

  • Color: #d9953d
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 63
  • Distance: 11

Ini akan memungkinkan Anda untuk menambahkan inner shadows dengan nilai Angle yang berbeda menggunakan hanya satu layer, dan layer style yang sama.

Second Inner Shadow InstanceSecond Inner Shadow InstanceSecond Inner Shadow Instance

6. Menambahkan Efek Inner Glow dan Color Overlays

Langkah 1

Menambahkan Inner Glow dengan pengaturan sebagai berikut:

  • Blend Mode: Color Burn
  • Opacity: 100%
  • Noise: 100%
  • Color: #e7dabc
  • Source: Center
  • Size: 35
Inner GlowInner GlowInner Glow

Langkah 2

Menambahkan Color Overlay dengan pengaturan sebagai berikut:

  • Color: #d09c2d
Color OverlayColor OverlayColor Overlay

7. Menambahkan Drop Shadows

Langkah 1

Menambahkan Drop Shadow dengan pengaturan sebagai berikut:

  • Color: #394485
  • Opacity: 100%
  • Distance: 8
  • Spread: 100
  • Size: 4
Drop Shadow Instance 1Drop Shadow Instance 1Drop Shadow Instance 1

Langkah 2

Menambahkan efek instance Drop Shadow lainnya dengan pengaturan sebagai berikut:

  • Color: #4e85c2
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 119
  • Distance: 17
Drop Shadow Instance 2Drop Shadow Instance 2Drop Shadow Instance 2

Langkah 3

Menambahkan efek instance ketiga Drop Shadow dengan pengaturan sebagai berikut:

  • Color: #2d6db5
  • Opacity: 61%
  • Angle: 121
  • Distance: 26
Drop Shadow Instance 3Drop Shadow Instance 3Drop Shadow Instance 3

Langkah 4

Menambahkan efek instance keempat Drop Shadow dengan pengaturan sebagai berikut:

  • Color: #c1a89a
  • Opacity: 35%
  • Angle: 41
  • Distance: 13
  • Spread: 47
  • Size: 9
Drop Shadow Instance 4Drop Shadow Instance 4Drop Shadow Instance 4

Langkah 5

Menambahkan efek instance kelima Drop Shadow. Instance ini sama seperti yang keempat, sehingga daripada mengklik icon Drop Shadow +, memastikan untuk klik icon + di samping instance keempat Drop Shadow

Ini akan membuat sebuah instance kelima di bawah instance keempat, dengan pengaturan yang sama. Mengikuti perubahan berikut:

  • Angle: 130
  • Distance: 38
Drop Shadow Instance 5Drop Shadow Instance 5Drop Shadow Instance 5

Dan voila! Di sana Anda memilikinya. Efek teks retro yang cukup kompleks yang dibuat menggunakan hanya satu layer teks dan satu layer style.

Styled TextStyled TextStyled Text

Anda juga akan menemukan semua efek instances yang ditambahkan ke daftar efek layer.

Effects ListEffects ListEffects List

8. Beberapa Pilihan Baru Lainnya

Langkah 1

Selain icon + , Anda juga akan melihat satu set baru icon di bagian bawah kiri kotak Layer Style. Yang pertama di sebelah kiri adalah icon fx.

Bila Anda klik icon fx, Anda akan mendapatkan menu dengan beberapa pilihan, serta semua nama layer efek, yang dapat Anda klik untuk menambahkan efek serta instances yang baru.

The fx IconThe fx IconThe fx Icon

Langkah 2

Opsi Delete Hidden Effects akan menyingkirkan semua efek dan instances yang tidak terpakai atau tidak aktif. Anda dapat mengklik nama efek dari menu fx untuk memperlihatkan atau menambahkan kembali setiap saat Anda suka. 

Delete Hidden EffectsDelete Hidden EffectsDelete Hidden Effects

Langkah 3

Opsi Show All Effects akan memperlihatkan semua efek, apakah mereka sedang digunakan atau tidak.

Show All EffectsShow All EffectsShow All Effects

Langkah 4

Opsi Reset to Default List hanya akan mengatur semuanya kembali ke pengaturan, termasuk menyingkirkan penambahan efek instances.

Reset to Default ListReset to Default ListReset to Default List

Langkah 5

Icon Move effect up dan Move effect down dapat digunakan untuk mengubah urutan efek instances, dan icon Delete effect akan menghilangkan efek atau instance yang dipilih.

Move Up and Down and Delete IconsMove Up and Down and Delete IconsMove Up and Down and Delete Icons

9. Menambahkan Tekstur

Setelah Anda selesai dengan layer style, menempatkan gambar Grungy paper texture v.5 di atas layer teks, mengubah ukuran sesuai yang diperlukan, dan menempatkan di posisi yang Anda inginkan.

Kemudian, mengubah layer pada Blend Mode ke Linear Burn, dan atur Opacity ke 50%.

Add the TextureAdd the TextureAdd the Texture

Selamat! Anda Sudah Selesai

Dalam tutorial ini, kita menciptakan gradient yang sederhana dengan latar belakang pola halus.

Kemudian kita menciptakan layer teks, dan disesuaikan beberapa pengaturannya seperti nilai leading dan tracking.

Setelah itu, kita menggunakan beberapa efek layer, bersama dengan fitur baru layer style, membuat efek teks retro.

Akhirnya, kita menambahkan tekstur grunge yang sederhana untuk menyelesaikan efek.

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

One subscription.
Unlimited Downloads.
Get unlimited downloads