Advertisement
  1. Design & Illustration
  2. Text Effects

Cara Membuat Efek Teks Logam Futuristik Dalam Adobe Photoshop

Scroll to top
Read Time: 3 min

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

Dalam panduan singkat ini, kita akan membuat sederhana efek teks Layer Style, serupa dengan efek teks yang dapat dibeli di Envato Market. Jadi Anda akan hanya menggunakan tekstur, pola, dan beberapa layer style untuk membuat efek teks bertema- futuristik yang terang. Mari kita mulai!

Aset Tutorial

Aset yang digunakan selama pembuatan dalam tutorial ini sebagai berikut.

1. Membuat Latar Belakang

Langkah 1

Membuat dokumen baru 800 x 600px, pada layer Background diisi warnanya dengan #252525, dan kemudian duplikasi.

Create the BackgroundCreate the BackgroundCreate the Background

Langkah 2

Klik dua kali layer Background copy unutk menerapkan efek Pattern Overlay menggunakan pola Fine diagonal lines dari pak 30 Simple Patterns.

Pattern OverlayPattern OverlayPattern Overlay

Ini akan menambah tekstur yang halus pada latar belakang.

Background TextureBackground TextureBackground Texture

Langkah 3

Menempatkan gambar Free Texture Stock - Lights 1 (2560x1600px) di atas layer Background, mengubah ukurannya sesuai yang dibutuhkan, dan kemudian mengubah layer Blend Mode ke Color Dodge

Add the Background TextureAdd the Background TextureAdd the Background Texture

Langkah 4

Menuju ke Image > Adjustments > Levels, dan mengubah nilai Shadows ke 50.

LevelsLevelsLevels

Langkah 5

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

Hue SaturationHue SaturationHue Saturation

2. Membuat Layer Teks

Langkah 1

Membuat teks menggunakan font Street Cred. Menggunakan Warna #a2a2a2 dan Ukuran 200 pt.

Create the TextCreate the TextCreate the Text

Langkah 2

Menduplikasi layer teks, mengubah nilai Fill copy ke 0, dan kemudian duplikasi copy.

Create the Copy Text LayersCreate the Copy Text LayersCreate the Copy Text Layers

3. Style pada Layer Teks Asli

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

Langkah 1

Menambahkan Bevel and Emboss dengan pengaturan ini:

  • Size: 18
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 59
  • Altitude: 58
  • Dicentang pada kotak Anti-aliased
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Menambahkan Inner Shadow dengan pengaturan ini:

  • Blend Mode: Linear Burn
  • Color: #585858
  • Opacity: 35%
  • Distance: 0
  • Size: 7
Inner ShadowInner ShadowInner Shadow

Langkah 3

Menambahkan Inner Glow dengan pengaturan ini:

  • Blend Mode: Vivid Light
  • Opacity: 100%
  • Color: #a39a7b
  • Source: Center
  • Size: 29
Inner GlowInner GlowInner Glow

Langkah 4

Menambahkan style Satin dengan pengaturan ini:

  • Blend Mode: Hard Light
  • Color: #d0d0d0
  • Distance: 5
  • Size: 8
  • Dicentang pada kotak Anti-aliased
  • Dicentang pada kotak Invert
SatinSatinSatin

Langkah 5

Menambahkan Gradient Overlay dengan pengaturan ini:

  • Blend Mode: Multiply
  • Opacity: 35%
  • Scale: 150%
  • Menggunakan gradient fill Ungu, Oranye
Gradient OverlayGradient OverlayGradient Overlay

Langkah 6

Menambahkan Pattern Overlay dengan pengaturan ini:

  • Pattern: Fine diagonal lines
Pattern OverlayPattern OverlayPattern Overlay

Langkah 7

Menambahkan Drop Shadow dengan pengaturan ini:

  • Opacity: 50%
  • Distance: 10
  • Size: 10
Drop ShadowDrop ShadowDrop Shadow

Ini akan memberi style pada layer teks asli.

Style Text Layer 1Style Text Layer 1Style Text Layer 1

4. Style pada Layer Teks Pertama Copy

Klik dua kali layer teks pertama copy untuk menerapkan layer style berikut:

Langkah 1

Menambahkan Inner Shadow dengan pengaturan ini:

  • Blend Mode: Linear Burn
  • Color: #585858
  • Opacity: 80%
  • Distance: 0
  • Size: 13
Inner ShadowInner ShadowInner Shadow

Langkah 2

Menambahkan Gradient Overlay dengan pengaturan ini:

  • Blend Mode: Soft Light
  • Menggunakan gradient fill Center Gradient
Gradient OverlayGradient OverlayGradient Overlay

Langkah 3

Ini akan memberi style pada layer teks pertama copy.

Styled Text Layer 2Styled Text Layer 2Styled Text Layer 2

5. Style pada Layer Teks Kedua Copy

Klik dua kali layer teks kedua copy untuk menerapkan layer style berikut:

Langkah 1

Menambahkan Bevel and Emboss dengan pengaturan ini:

  • Style: Stroke Emboss
  • Size: 2
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 119
  • Altitude: 37
  • Gloss Contour: Ring - Double
  • Dicentang pada kotak Anti-aliased
  • Highlight Mode: vivid Light
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Menambahkan Contour dengan pengaturan ini:

  • Contour: Rolling Slope - Descending
  • Dicentang pada kotak Anti-aliased
ContourContourContour

Langkah 3

Menambahkan Stroke dengan pengaturan ini:

  • Size: 3
  • Position: Center
  • Fill Type: Gradient
  • Menggunakan gradient fill Gold 18k - L
StrokeStrokeStroke

Selamat! Anda Selesai!

Dalam tutorial ini, kita menggunakan pola sederhana, dan memodifikasi tekstur untuk membuat latar belakang.

Kemudian, kita membuat tiga layer teks, dan memberi styled pada masing-masing layer untuk menciptakan efek teks dan stroke.

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

Styled Text Layer 3Styled Text Layer 3Styled Text Layer 3
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