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

Membuat Sederhana, Efek Teks Elegan Bertekstur Logam dalam Adobe Photoshop

Scroll to top
Read Time: 4 mins

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

Sering menggunakan tekstur dapat menambahkan efek detail bagus, dan memberikan kedalaman untuk desain datar. Tutorial ini akan menunjukkan kepada Anda cara untuk membuat efek teks logam sederhana menggunakan layer styles. Kemudian, akan menunjukkan Anda cara untuk membuat teks terlihat lebih menarik dengan menambahkan lapisan tekstur sederhana. Mari kita mulai!

Aset Tutorial

Aset yang digunakan selama pembuatan dalam tutorial ini sebagai berikut.

1. Membuat Latar Belakang

Langkah 1

Membuat dokumen baru ukuran 1024 x 1024 px dalam Adobe Photoshop. Mengatur warna Foreground ke #7d7d7d dan warna Background ke #434343. Ambil Gradient Tool, memilih gradient fill Foreground to Background, dan klik icon Radial Gradient.

Kemudian, klik dan drag dari tengah dokumen ke salah satu sudut untuk menciptakan latar belakang gradient, dan duplikasi layer Background.

Background Gradient FillBackground Gradient FillBackground Gradient Fill

Langkah 2

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

  • Blend Mode: Multiply
  • Opacity: 100%
  • Pattern: paper_2
Pattern OverlayPattern OverlayPattern Overlay

Langkah 3

Ini akan menambah pola halus pada latar belakang.

Background with Pattern Overlay Background with Pattern Overlay Background with Pattern Overlay

Langkah 4

Duplikasi layer Background copy, kemudian klik kanan pada copy dan memilih Rasterize Layer Style. Jika Anda bekerja dengan versi sebelumnya dari CS6, grup layer copy kemudian menggabungkan grup.

Mengubah layer rasterized Blend Mode ke Overlay. Ini akan meningkatkan pola dan menggelapkan latar belakang.

Duplicate Background LayerDuplicate Background LayerDuplicate Background Layer

2. Membuat Teks

Langkah 1

Membuat teks dalam All Caps menggunakan font spinweradC Bold, warna #454646, font Size 300 pt, dan jika Anda membuat lebih dari satu baris teks, mengubah nilai Leading ke 250.

Create the TextCreate the TextCreate the Text

Langkah 2

Duplikasi layer teks, dan mengubah nilai Fill ke 0.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

Langkah 3

Klik dua kali pada layer teks asli untuk menerapkan efek Drop Shadow sederhana menggunakan nilai sebagai berikut:

  • Distance: 35
  • Size: 50
Drop ShadowDrop ShadowDrop Shadow

Langkah 4

Ini akan menerapkan bayangan di bagian bawah pada layer teks.

Text with Drop ShadowText with Drop ShadowText with Drop Shadow

3. Styling Teks

Klik dua kali layer teks copy untuk menerapkan layer style sebagai berikut.

Langkah 1

Menambahkan Bevel and Emboss dengan pengaturan ini:

  • Size: 10
  • Tidak dicentang pada kotak Use Global Light
  • Angle: -169
  • Altitude: 64
  • Dicentang pada kotak Anti-aliased
  • Highlight Mode: Vivid Light
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Untuk Contour, cukup hanya dicentang pada kotak Anti-aliased.

ContourContourContour

Langkah 3

Menambahkan Tekstur menggunakan Pola 3 px tile.

TextureTextureTexture

Langkah 4

Menambahkan Stroke dengan pengaturan ini:

  • Size: 1
  • Fill Type: Gradient
  • Style: Reflected
  • Angle: 45
  • Menggunakan gradient Chrome Bar 135
StrokeStrokeStroke

Langkah 5

Menambahkan Inner Glow dengan pengaturan ini:

  • Blend Mode: Overlay
  • Noise: 100%
  • Color: #f6f6f6
  • Size: 10
Inner GlowInner GlowInner Glow

Langkah 6

Menambahkan Gradient Overlay dengan pengaturan ini:

  • Blend Mode: Soft Light
  • Opacity: 35%
  • Style: Reflected
  • Angle: 45
  • Dicentang pada kotak Reverse
  • Menggunakan gradient stove pipe 10
Gradient OverlayGradient OverlayGradient Overlay

Langkah 7

Menambahkan Drop Shadow dengan pengaturan ini:

  • Opacity: 62%
  • Distance: 8
  • Size: 8
Drop ShadowDrop ShadowDrop Shadow

Langkah 8

Ini akan memberi style pada teks utama. Teks tampak agak datar, dan kekurangan beberapa detail yang menarik. Jadi kita akan menggunakan tekstur untuk memperbaikinya.

Styled TextStyled TextStyled Text

4. Menambahkan Tekstur

Langkah 1

Menempatkan gambar NYC Stock di atas semua layer, kemudian menuju ke Filter > Blur > Gaussian Blur, dan mengubah Radius ke 1.5.

Gaussian Blur the TextureGaussian Blur the TextureGaussian Blur the Texture

Langkah 2

Mengubah layer tekstur Blend Mode ke Overlay, dan menurunkan Opacity ke 20%, atau nilai lainnya yang Anda suka, tergantung Anda menginginkan efek yang halus atau kuat. Anda juga dapat mengubah ukuran tekstur dan memindahkannya di sekitar, sekarang Anda dapat melihat teks di balik itu sampai Anda mendapatkan hasil yang diinginkan.

Change the Texture Layers SettingsChange the Texture Layers SettingsChange the Texture Layers Settings

Langkah 3

Command/Control-Klik layer teks thumbnail untuk membuat sebuah selection.

Text SelectionText SelectionText Selection

Langkah 4

Klik icon Add layer mask di bagian bawah panel Layers untuk menghapus tekstur berlebih di bagian luar teks.

Hal yang keren menggunakan layer mask daripada menghapus adalah bahwa Anda dapat menerapkan kembali untuk setiap teks yang Anda buat tanpa perlu bekerja di seluruh tekstur lagi.

Add Layer MaskAdd Layer MaskAdd Layer Mask

5. Menambahkan Suar

Langkah 1

Mengatur warna Foreground ke #ebebeb, pilih Brush Tool, dan membuka panel Brush (Window > Brush).

Memilih ujung soft round ukuran 35 px, dan mengubah nilai Roundness ke 30%.

Brush SettingsBrush SettingsBrush Settings

Langkah 2

Membuat layer baru di atas semua layer, beri nama Flares, dan mengubah Blend Mode ke Vivid Light. Kemudian menambahkan beberapa suar di atas tepi teks horizontal.

Add Brush To Horizontal PartsAdd Brush To Horizontal PartsAdd Brush To Horizontal Parts

Langkah 3

Untuk menambahkan lebih banyak suar dengan nilai Angle yang berbeda pada seluruh teks, Anda dapat mengubah nilai Angle ujung brush dengan klik dan drag panah di kotak tinjauan di sebelah nilai Angle pada panel Brush, atau hanya dengan mengetikkan nilai secara manual di bidang Angle.

Change the Brushs AngleChange the Brushs AngleChange the Brushs Angle

6. Menyesuaikan Pencahayaan dan Pewarnaan pada Hasil Akhir

Langkah 1

Klik icon Create new fill or adjustment layer di bagian bawah panel Layers dan memilih Levels.

Add Levels Adjustment LayerAdd Levels Adjustment LayerAdd Levels Adjustment Layer

Langkah 2

Mengubah nilai Highlights ke 245 untuk mencerahkan pada efek sedikit. 

Change Levels ValueChange Levels ValueChange Levels Value

Langkah 3

Klik icon Create new fill or adjustment layer lagi dan memilih Gradient Map.

Add Gradient Map Adjustment LayerAdd Gradient Map Adjustment LayerAdd Gradient Map Adjustment Layer

Langkah 4

Memilih gradient di bawah dari file CSP True Sky Gradients.grd, kemudian pada layer Gradient Map mengubah Blend Mode ke Vivid Light, dan Opacity ke 30%. Ini akan meningkatkan warna dari hasil akhir.

Change the Gradient Map ValuesChange the Gradient Map ValuesChange the Gradient Map Values

Selamat! Anda Sudah Selesai

Dalam tutorial ini, kita membuat dan memberi styled pada beberapa teks menggunakan beberapa efek layer yang berbeda untuk mencapai tampilan logam.

Kemudian kita menggunakan tekstur stok gambar untuk menambahkan beberapa detail ke teks logam, dan untuk membuat tampilan datar berkurang dan lebih menarik. Setelah itu, kita memodifikasi brush sederhana untuk menambahkan beberapa suar di atas tepi teks.

Akhirnya, kita menambahkan beberapa adjustment layers untuk meningkatkan pencahayaan dan pewarnaan pada hasil akhir.

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

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.
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.