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

Bagaimana Membuat Efek Teks Berlapis Logam Dalam Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:

Indonesian (Bahasa Indonesia) translation by Yosef Andreas (you can also view the original English article)

Final product image
What You'll Be Creating

Tutorial ini akan membimbingmu melalui membuat efek teks berlapis logam, dengan menggunakan berbagai layer style dan beberapa tekstur. Kamu akan sedikit mengerjakan teks itu sendiri, dan juga menggunakan smart object untuk membungkus teks dengan style namun tetap membuatnya dapat diedit, sehingga itu dapat dimodifikasi cukup cepat tanpa perlu mengulangi tahapannya lagi. Mari kita mulai!

Bahan-Bahan Tutorial

Bahan-bahan di bawah digunakan selama pembuatan tutorial ini.

1. Membuat Background

Langkah 1

Buat dokumen baru 1000 x 600px. Atur warna Foreground ke #6b6c81 dan Background ke #4a4b5f. Pilih Gradient Tool, pilih Foreground to Background pada gradient fill, dan klik icon Radial Gradient.

Lalu, klik dan drag dari pusat dokumen ke salah satu sudut untuk membuat gradient background.

Background Gradient

Langkah 2

Duplikasikan layer Background dan ganti Blend Mode ke Multiply.

Duplicate Background and Change Blend Mode

Langkah 3

Klik icon Create new fill or adjustment layer pada bagian bawah panel Layers dan pilih Levels.

Levels Adjustment Layer

Langkah 4

Ganti nilai Shadows ke 3 dan nilai Gamma ke 0.91 untuk sedikit menggelapkan background.

Levels Values

2. Menambahkan Tekstur Background dan Mengganti Pewarnaan

Langkah 1

Tempatkan gambar 0986 di atas layer Background, namai ulang layer itu ke Texture, dan ganti Blend Mode ke Overlay. Kemudian ubah ukurannya dan gerakkan sedikit hingga kamu menyukai tampilannya.

Adding the Background Texture

Langkah 2

Klik icon Create new fill or adjustment layer pada bagian bawah panel Layers dan pilih Hue/Saturation.

HueSaturation Adjustment Layer

Langkah 3

Ganti nilai Hue ke 152.

HueSaturation Values

3. Membuat dan Memodifikasi Teks

Langkah 1

Buat teks dengan All Caps menggunakan font Paragon Black, atur Size 200 pt, dan warna #6c6d82.

Create the Text

Langkah 2

Berikutnya, kita akan menyesuaikan Kerning (di bawah Window > Character), yang menentukan jarak antara huruf. Seperti yang dapat kamu lihat, huruf-huruf itu tidak memiliki jarak yang sama, jadi apa yang kamu perlu lakukan adalah mengklik untuk menempatkan kursor mouse diantara tiap pasangan huruf, kemudian masukkan nilai Kerning yang membuat jarak antara huruf-huruf selaras mungkin.

Ini penting karena kita akan menambahkan stroke nantinya, jadi jika kerning tidak diperbaiki, stroke itu mungkin akan bertumpuk di antara berapa huruf, dan menjadi terlalu jauh dari yang lainnya. Kamu dapat melakukan langkah ini sekarang, atau setelah menerapkan stroke.

Kamu akan perlu mencoba beberapa nilai hingga kamu mendapatkan hasil yang diinginkan, namun nilai yang digunakan di sini adalah:

  • T dan O: 1
  • O dan U: 4
  • U dan G: -20
  • G dan H: 3
Adjust the Kerning Values

Langkah 3

Kamu harusnya mendapatkan teks yang lebih rapi sekarang.

Text After Adjusting the Kerning

Langkah 4

Untuk lebih meningkatkan jarak lagi diantara huruf, ganti nilai Tracking ke 10.

Change the Tracking Value

Langkah 5

Duplikasikan layer teks tiga kali, dan ganti nilai Fill layer salinan ketiga ke 0.

Duplicate the Text Layer

4. Menerapkan Style Layer Teks Original

Dobel klik pada layer teks original untuk menerapkan style layer di bawah ini:

Langkah 1

Tambahkan sebuah Stroke dengan pengaturan sebagai berikut:

  • Size: 7
  • Fill Type: Gradient
  • Angle: 90
  • Gunakan stove pipe 155b gradient fill.
Stroke

Langkah 2

Tambahkan sebuah Drop Shadow dengan pengaturan sebagai berikut:

  • Distance: 21
  • Size: 21
Drop Shadow

Langkah 3

Ini akan menambahkan stroke dan bayangan. Jika kamu belum menyesuaikan nilai kerning, atau merasa kamu perlu menyseuaikannya sedikit lagi, sekarang adalah waktu yang tepat karena stroke telah diterapkan pada teks.

Text with Stroke and Shadow Applied

5. Menerapkan Style Pada Layer Teks Salinan Pertama

Dobel klik pada layer teks salinan pertama untuk menerapkan layer style berikut:

Langkah 1

Tambahkan sebuah Bevel and Emboss dengan pengaturan sebagai berikut:

  • Style: Stroke Emboss
  • Technique: Chisel Hard
  • Size: 7
  • Gloss Contour: Rounded Steps
  • Centang kotak Anti-aliased
  • Highlight Mode: Vivid Light

Ini tidak akan mendapatkan hasil apapun hingga kamu menambahkan efek Stroke, karena Stroke Emboss hanya diterapkan pada Stroke.

Bevel and Emboss

Langkah 2

Tambahkan sebuah Contour dengan pengaturan sebagai berikut:

  • Contour: Notched Slope
  • Centang kotak Anti-aliased
Contour

Langkah 3

Tambahkan sebuah Stroke dengan pengaturan sebagai berikut:

  • Size: 5
  • Fill Type: Gradient
  • Angle: 90
  • Gunakan stove pipe 60 gradient fill.

Kamu sekarang dapat melihat efek dari Stroke Emboss.

Stroke

Langkah 4

Ini akan membuat layer stroke bersinar lainnya, dengan tampilan lebih 3D.

Second Layer of Stroke

6. Menerapkan Style Pada Layer Teks Salinan Kedua

Dobel klik pada layer teks salinan kedua untuk menerapkan layer style berikut:

Langkah 1

Tambahkan sebuah Bevel and Emboss dengan pengaturan sebagai berikut:

  • Technique: Chisel Hard
  • Size: 3
  • Centang kotak Anti-aliased
Bevel and Emboss

Langkah 2

Tambahkan sebuah Contour dengan pengaturan sebagai berikut:

  • Contour: Cove - Deep
  • Centang kotak Anti-aliased
Contour

Langkah 3

Tambahkan sebuah Inner Glow dengan pengaturan sebagai berikut:

  • Noise: 9%
  • Color: #f5f4e5
  • Size: 21
Inner Glow

Langkah 4

Tambahkan sebuah Gradient Overlay dengan pengaturan sebagai berikut:

  • Gunakan stove pipe 30 gradient fill.
Gradient Overlay

Langkah 5

Ini akan memberikan style pada teks. Itu tampak OK sekarang, namun dapat menggunakan layer teks dengan style lainnya untuk menambahkan lebih banyak kesan mendalam dan mendetil.

First Layer of Styled Text

7. Menerapkan Style Pada Layer Teks Salinan Ketiga

Dobel klik pada layer teks salinan ketiga untuk menerapkan layer style berikut:

Langkah 1

Tambahkan sebuah Gradient Overlay dengan pengaturan sebagai berikut:

  • Blend Mode: Vivid Light
  • Opacity: 52%
  • Style: Reflected
  • Centang kotak Reverse
  • Gunakan stove pipe 70 gradient fill.
Gradient Overlay

Langkah 2

Tambahkan sebuah Pattern Overlay dengan pengaturan sebagai berikut:

  • Blend Mode: Multiply
  • Opacity: 60%
  • Pattern: gunakan pattern yang ditunjukkan di bawah dari Whitewashed Grunge Textures pack.
Pattern Overlay

Langkah 3

Ini akan membuat efek tampak lebih menarik dan realistis.

Second Layer of Styled Text

8. Mencerahkan Area di Belakang Teks

Langkah 1

Pilih Brush Tool, pastikan bahwa warna Foreground masih diatur pada #6b6c81, buat sebuah layer baru di atas layer Texture, sebut itu Light, dan ganti Blend Mode ke Color Dodge.

Brush Tool and Light Layer

Langkah 2

Gunakan ujung yang besar dan lembut untuk mencerahkan area di belakang teks.

Adding Light Behind the Text

9. Mengubah Layer Teks Menjadi Smart Object dan Membungkusnya

Langkah 1

Pilih semua layer teks yang kamu punya, lalu pergi ke Filter > Convert for Smat Filters. Ini akan menempatkan semua teks yang dipilih dalam sebuah smart object. Kamu dapat mendobel klik thumbnail smart object kapanpun untuk membuka layer teks original, dan kemudian memodifikasinya sesukamu.

Layer teks akan terbuka dalam dokumen terpisah, jadi setelah kamu melakukan perubahan yang diperlukan, kamu perlu menyimpannya (File > Save), kemudian menutup dokumen smart object (File > Close) Teks akan diperbarui dalam dokumen original secara otomatis. Jadi kamu tidak perlu membuat ulang efek untuk teks yang berbeda, namun kamu mungkin ingin menyesuaikan isi layer Light.

Converting the Text Layers into a Smart Object

Langkah 2

Dengan smart object yang terpilih, pergi ke Edit > Transform > Warp.

Warp Text

Langkah 3

Pilih Inflate dari menu drop-down Warp dalam bar Options, dan kemudian klik dan drag sedikit control point untuk memodifikasi bentuk sesukamu, dan tekan tombol Return untuk menerima perubahan.

Adjust the Warping

Langkah 4

Kamu dapat kembali ke Edit > Transform > Warp untuk memodifikasi hasilnya kembali jika perlu.

Warped Text

Selamat! Kamu Telah Selesai

Dalam tutorial ini, kita menggunakan radial gradient fill, sebuah tekstur, dan beberapa adjustment layer untuk membuat background yang gelap dan kumuh.

Kemudian kita membuat teks, dan menyesuaikan nilai Kerning dan Tracking untuk memodifikasi jarak di antara huruf-huruf. Setelah kita memodifikasi teks, kita membuat tiga salinan layer itu.

Tiap salinan layer teks kemudian diterapkan style dengan berbagai efek dan nilai yang berbeda untuk mendapatkan hasil final lapisan logam.

Kemudian kita menggunakan brush lembut untuk mencerahkan area di belakang teks, dan menempatkan layer teks dalam sebuah smart object, untuk akhirnya membungkus teks dan memberikan tampilan yang lebih 3D.

Silahkan tinggalkan komentar, saran, dan hasil karyamu di bawah.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.