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 Photoshop Keren Cepat Dengan Action

Scroll to top
Read Time: 5 mins
This post is part of a series called Learn Photoshop Actions.
How to Create a Creepy Photo With a Zombie Halloween Photoshop Action
How to Create a Cinemagraph Photo Effect Action in Adobe Photoshop

Indonesian (Bahasa Indonesia) translation by Febri Ardian Sanjoyo (you can also view the original English article)

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

Pelajari cara membuat efek teks Photoshop di tutorial pemula ini. Anda akan ditunjukkan cara membuat action Photoshop untuk efek teks Anda dan banyak lagi.

Efek teks ini yang akan kita buat adalah bagian dari Super Bundle Styles. Ini adalah kumpulan dari 146 gaya unik dan merupakan bundel pertama dari seri ini.

Super Bundle StylesSuper Bundle StylesSuper Bundle Styles
Super Bundle Styles

Tutorial Assets

Aset berikut digunakan selama tutorial ini:

  • Font Soviet Program
  • Gambar di dalam file zip yang melekat pada tutorial ini (opsional)

1. Cara Membuat Efek Teks

Step 1

Buat dokumen baru 850 x 500 px 72 dpi dan beri nama Glass Text Effect. Kemudian tempatkan gambar yang ingin Anda gunakan sebagai latar belakang.

Saya akan menggunakan gambar abstrak yang saya buat. Gambar ini dilampirkan ke tutorial ini.

Creating a new documentCreating a new documentCreating a new document

Step 2

Pergi ke Window> character untuk membuka panel Character. Kemudian ubah font ke Soviet Program, ukuran teks menjadi 130 pt, dan warna menjadi putih #ffffff, dan aktifkan Faux Bold On.

Setelah itu, pilih Horizontal Type Tool (T) dan tulis GLASS.

Character panel optionsCharacter panel optionsCharacter panel options

Step 3

Pilih layer teks dan ubah Fill Opacity menjadi 0%. Lalu pergi ke Layer> Layer Style> Blending Options untuk membuka panel Layer Style.

Blending Options panelBlending Options panelBlending Options panel

Step 4

Untuk membuat efek teks ini, kita membutuhkan dua layer. Jadi pertama-tama, buatlah border dengan simple shadow.

Tambahkan Drop Shadow dengan pengaturan ini:

  • Blend Mode: Normal
  • Color: #000000
  • Opacity: 100%
  • Use Global Light: Off
  • Angle: 120°
  • Distance: 5 px
  • Spread: 21%
  • Size: 9 px
  • Contour: Linear
  • Anti-aliased: Off
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: On
Drop shadow settingsDrop shadow settingsDrop shadow settings

Step 5

Tambahkan Stroke dengan pengaturan ini:

  • Size: 4 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 78%
  • Overprint: Off
  • Fill Type: Gradient
  • Reverse: Off
  • Align with Layer: On
  • Style: Linear
  • Angle: 75°
  • Dither: Off
  • Scale: 100%

Klik pada bar gradien untuk membuat gradien baru.

Perhatikan bahwa kita harus menambahkan stop di atas (Opacity) dan di bawah (Colors) bar gradient.

Mari kita tambahkan stop untuk opacity:

  • Stop 1: Location: 0% Opacity: 0%
  • Stop 2: Location: 4% Opacity: 100%
  • Stop 3: Location: 26% Opacity: 0%
  • Stop 4: Location: 43% Opacity: 100%
  • Stop 5: Location: 64% Opacity: 0%
  • Stop 6: Location: 85% Opacity: 100%
  • Stop 7: Location: 100% Opacity: 0%

Kemudian tambahkan stop untuk warna di bawah bar gradient dengan pengaturan ini:

  • Stop 1: Location: 0% Color: #ffffff
  • Stop 2: Location: 6% Color: #ffffff
  • Stop 3: Location: 7% Color: #194962
  • Stop 4: Location: 41% Color: #ffffff
  • Stop 5: Location: 42% Color: #194962
  • Stop 6: Location: 84% Color: #e0e0e0
  • Stop 7: Location: 85% Color: #194962

Lalu beri nama Glass Gradient dan klik New untuk menambahkan gradien ini ke preset, kita akan menggunakannya nanti.

Stroke and gradient settingsStroke and gradient settingsStroke and gradient settings

Step 6

Sekarang tambahkan Bevel & Emboss dengan pengaturan ini:

  • Style: Stroke Emboss
  • Technique: Smooth
  • Depth: 1000%
  • Direction: Down
  • Size: 1 px
  • Soften: 0 px
  • Use Global Light: Off
  • Angle: 86°
  • Altitude: 21°
  • Gloss Contour: Cove - Shallow
  • Highlight Mode: Screen
  • Highlight Color: #ffffff
  • Highlight Opacity: 75%
  • Shadow Mode: Multiply
  • Shadow Color: #000000
  • Shadow Opacity: 29%

Kemudian aktifkan opsi Contour dari Bevel & Emboss dengan pengaturan ini:

  • Contour: Linear
  • Anti-aliased: Off
  • Range: 50%
Bevel Emboss SettingsBevel Emboss SettingsBevel Emboss Settings

Step 7

Now add an Inner Glow with these settings:

  • Blend Mode: Normal
  • Opacity: 75%
  • Noise: 0%
  • Color: #fdfdfd
  • Technique: Softer
  • Source: Edge
  • Choke: 0%
  • Size: 2 px
  • Contour: Linear
  • Anti-aliased: Off
  • Range: 50%
  • Jitter: 0%
Inner Glow settingsInner Glow settingsInner Glow settings

Step 8

Tambahkan Outer Glow dengan pengaturan ini:

  • Blend Mode: Normal
  • Opacity: 72%
  • Noise: 0%
  • Color: #b0f1ff
  • Technique: Softer
  • Spread: 91%
  • Size: 4 px
  • Contour: Linear
  • Anti-aliased: On
  • Range: 100%
  • Jitter: 0%

Setelah itu, klik OK.

Outer Glow settingsOuter Glow settingsOuter Glow settings

Step 9

Tekan Control-J untuk menduplikasi layer text, dan kemudian ganti nama copy ini jadi Glass 2. Setelah itu, Double-Click layer Glass 2 untuk membuka panel Layer Style.

Tambahkan Gradient Overlay dengan pengaturan ini:

  • Blend Mode: Normal
  • Dither: Off
  • Opacity: 100%
  • Reverse: Off
  • Style: Linear
  • Align with Layer: On
  • Angle: 90°
  • Scale: 100%

Klik pada bar gradient dan buat gradien baru dengan pengaturan ini:

  • Stop 1: Location: 0% Color: #40006e
  • Stop 2: Location: 51% Color: #b900ce
  • Stop 3: Location: 100% Color: #40006e
Gradient Overlay settingsGradient Overlay settingsGradient Overlay settings

Step 10

Sekarang tambahkan Color Overlay dengan pengaturan ini:

  • Blend Mode: Color
  • Color: #ff003c
  • Opacity: 100%

The Color Overlay akan mempermudah Anda untuk mengubah warna efek teks nanti.

Color Overlay settingsColor Overlay settingsColor Overlay settings

Step 11

Sekarang mari kita buat efek teks terlihat mengkilap/glossy.

Tambahkan Bevel & Emboss dengan pengaturan ini:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 317 %
  • Direction: Up
  • Size: 43 px
  • Soften: 0 px
  • Use Global Light: Off
  • Angle: 90°
  • Altitude: 37°
  • Gloss Contour: Rolling Slope - Descending
  • Highlight Mode: Screen
  • Highlight Color: #ffffff
  • Highlight Opacity: 16%
  • Shadow Mode: Multiply
  • Shadow Color: #000000
  • Shadow Opacity: 4%
Bevel Emboss settingsBevel Emboss settingsBevel Emboss settings

Step 12

Tambahkan Inner Shadow dengan pengaturan ini:

  • Blend Mode: Vivid Light
  • Color: #baf3ff
  • Opacity: 100%
  • Use Global Light: Off
  • Angle: 120°
  • Distance: 0 px
  • Choke: 0%
  • Size: 18 px
  • Contour: Linear
  • Anti-aliased: Off
  • Noise: 0%
Inner Shadow settingsInner Shadow settingsInner Shadow settings

Step 13

Tambahkan Stroke dengan pengaturan ini:

  • Size: 3 px
  • Position: Center
  • Blend Mode: Normal
  • Opacity: 78%
  • Overprint: Off
  • Fill Type: Gradient
  • Gradient: Glass Gradient (yang kita buat)
  • Reverse: Off
  • Style: Linear
  • Align with Layer: On
  • Angle: 78°
  • Dither: Off
  • Scale: 150%
Stroke settingsStroke settingsStroke settings

Step 14

Tambahkan Inner Glow dengan pengaturan ini:

  • Blend Mode: Normal
  • Opacity: 100%
  • Noise: 0%
  • Color: #000000
  • Technique: Softer
  • Source: Edge
  • Choke: 59%
  • Size: 3 px
  • Contour: Linear
  • Anti-aliased: On
  • Range: 100%
  • Jitter: 0%
Inner Glow settingsInner Glow settingsInner Glow settings

Step 15

Tambahkan Drop Shadow dengan pengaturan ini:

  • Blend Mode: Multiply
  • Color: #0076a2
  • Opacity: 71%
  • Use Global Light: Off
  • Angle: 120°
  • Distance: 3 px
  • Spread: 7 %
  • Size: 2 px
  • Contour: Linear
  • Anti-aliased: Off
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: On

Setelah itu, klik OK.

Drop Shadow settingsDrop Shadow settingsDrop Shadow settings

2. Cara Membuat Action

Sekarang setelah kita memiliki style yang lengkap, kita akan membuat suatu action untuk membuatnya lebih mudah untuk menerapkan efek pada apa pun yang kita inginkan.

Step 1

Pilih layer teks pertama (glass) pada panel Layers, dan kemudian pergi ke Window> Styles untuk membuka panel Styles.

Setelah itu, klik ikon Create New Style kecil di panel Styles, beri nama Glass - A, dan klik OK.

Saving the first styleSaving the first styleSaving the first style

Lakukan hal yang sama untuk layer text kedua (glass 2), beri nama Glass - B.

Saving the second styleSaving the second styleSaving the second style

Step 2

Pergi ke Window> Actions untuk membuka panel Actions. Kemudian klik Create new set, beri nama Glass Text Effect, dan klik OK.

Creating the Action setCreating the Action setCreating the Action set

Step 3

Sebelum kita mulai merekam action baru, buka panel Layers dan klik untuk memilih layer text pertama.

Kemudian kembali ke panel Actions, dan klik pada ikon Create New Action. Beri nama Red Glass Text Effect, dan klik Record.

Creating the actionCreating the actionCreating the action

Step 4

Pergi ke panel Styles dan klik pada Glass - A style.

Applying the first styleApplying the first styleApplying the first style

Step 5

Sekarang tekan Control-J untuk menduplikasi layer, dan beri nama glass TOP.

Setelah itu, pergi ke panel Styles lagi dan klik pada style Glass-B. Dan terakhir, buka panel Actions dan klik ikon Stop Recording.

Applying the second style and completing the actionApplying the second style and completing the actionApplying the second style and completing the action

Dan Telah Kita Lakukan!

Untuk menerapkan efek ke beberapa teks, Anda harus memilih tindakan Red Glass Text Effect di panel Actions dan kemudian klik Play.

Action secara otomatis akan menduplikasi layer dan menerapkan kedua style dengan benar.

Final resultFinal resultFinal result

Dalam tutorial ini, Anda belajar cara membuat efek kaca menggunakan gradien sederhana. Anda juga belajar cara menggunakan dua layer untuk membuat satu efek teks. Kemudian Anda belajar cara membuat action untuk menerapkan efek ke apa pun yang Anda inginkan dengan satu klik.

Super Bundle StylesSuper Bundle StylesSuper Bundle Styles
Super Bundle Styles
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.