Advertisement
  1. Design & Illustration
  2. Text Effects

Buat Sebuah Efek Teks 3D Metalik Di Dalam Adobe Photoshop

Scroll to top
Read Time: 5 min

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

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

Menduplikasikan sebuah elemen dengan transformasi adalah salah satu cara termudah dan tercepat untuk membuat 3D object di dalam Photoshop. Tutorial ini akan membimbingmu melalui pembuatan 3D text menggunakan metode itu, dan kemudian menerapkan style pada layer yang berbeda yang kamu dapat untuk membuat sebuah efek teks metalik dan tampak retro. Mari kita mulai!

Bahan-Bahan Tutorial

Bahan-bahan di bawah digunakan selama pembuatan tutorial ini.

  • Font Nexa Rust.
  • Free Pack 6000 photoshop gradients oleh Supertuts007 (Muat file CHROMES.grd).
  • Free Tileable Leather Patterns oleh WebTreatsETC.
  • Untuk memuat kontur yang digunakan, pergi ke Edit > Presets > Preset Manager, dan pilih Contours dari menu drop-down Preset Type. Kemudian klik panah kecil ke kanan menu drop-down Preset Type, dan klik Contours di dekat bawah menu pop-up. Ketika kotak dialog muncul setelah itu, cukup klik Append, dan kamu akan mendapatkan kontur.

1. Membuat Background

Langkah 1

Buat sebuah dokumen baru 900 x 675 px. Atur Foreground color ke #252927 dan Background color ke #0d0e0e. Ambil Gradient Tool, pilih gradient fill Foreground to Background, dan klik icon Radial Gradient.

Kemudian klik dan drag pusat dokumen ke atas sudut untuk membuat gradient background, dan menduplikasi layer Background.

Background GradientBackground GradientBackground Gradient

Langkah 2

Dobel klik layer Background copy untuk menerapkan layer style berikut.

Tambahkan Color Overlay dengan pengaturan sebagai berikut:

  • Color: #1c1f26
  • Blend Mode: Color
Color OverlayColor OverlayColor Overlay

Langkah 3

Tambahkan Gradient Overlay dengan pengaturan sebagai berikut:

  • Blend Mode: Overlay
  • Style: Reflected
  • Angle: 45
  • Centang kotak Reverse
  • Gunakan gradient fill Silver 20ss
Gradient OverlayGradient OverlayGradient Overlay

Langkah 4

Tambahkan Pattern Overlay dengan pengaturan sebagai berikut:

  • Blend Mode: Soft Light
  • Pattern: webtreats_grey_leather.jpg
  • Scale: 50%
Pattern OverlayPattern OverlayPattern Overlay

Ini akan menerapkan tekstur kulit sederhana ke background.

Leather BackgroundLeather BackgroundLeather Background

2. Membuat Teks dan Smart Object

Langkah 1

Buat teks menggunakan font Nexa Rust Script. Size di 245 pt dan warna #f4f4f4.

Create the TextCreate the TextCreate the Text

Langkah 2

Duplikasikan layer teks dan tarik layer copy di bawah original.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

Langkah 3

Masuk Free Transform Mode dengan pergi ke Edit > Free Transform (Command-T). Ketuk Tombol Panah Kanan sekali, kemudian ketuk Tombol Panah Bawah sekali juga, untuk memindahkan teks copy satu pixel ke sebelah kanan dan satu pixel ke bawah. Kemudian tekan tombol Return untuk menerima perubahan.

Transform the TextTransform the TextTransform the Text

Langkah 4

Ganti warna copy teks ke #4e4e4e. Tekan tombol Command-Option-Shift-T (Control-Alt-Shift-T untuk Windows) 17 kali untuk menduplikasikan layer dengan transformasi untuk membuat ekstrusi 3D.

Create the 3D ExtrusionCreate the 3D ExtrusionCreate the 3D Extrusion

Langkah 5

Pilih semua layer copy text, dan pergi ke Filter > Convert for Smart Filters. Namai layer smart object untuk menambahkan copy 1 setelah teks yang kamu punya.

Duplikasikan layer smart object dua kali, namai ulang layer copy untuk menambahkan copy 2 dan copy 3, dan kemudian ganti nilai Fill layer copy 3 ke 0.

Create and Rename the Smart ObjectsCreate and Rename the Smart ObjectsCreate and Rename the Smart Objects

3. Menerapkan Style Pada Layer Layer Teks Original

Dobel klik layer teks original untuk menerapkan layer style berikut.

Langkah 1

Tambahkan Bevel and Emboss dengan pengaturan sebagai berikut:

  • Style: Outer Bevel
  • Size: 3
  • Matikan centang pada kotak Use Global Light
  • Angle: 77
  • Altitude: 42
  • Centang kotak Anti-aliased
  • Highlight Mode: Linear Light
  • Shadow Mode - Opacity: 50%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Tambahkan Contour dengan pengaturan sebagai berikut:

  • Contour: Gaussian
  • Centang kotak Anti-aliased
ContourContourContour

Langkah 3

Tambahkan Stroke dengan pengaturan sebagai berikut:

  • Size: 1
  • Fill Type: Gradient
  • Angle: -135
  • Gunakan gradient fill aluminum 150e
StrokeStrokeStroke

Langkah 4

Tambahkan Inner Glow dengan pengaturan sebagai berikut:

  • Blend Mode: Color Burn
  • Noise: 10%
  • Color: #8c8c8c
  • Source: Center
  • Size: 18
Inner GlowInner GlowInner Glow

Langkah 5

Tambahkan Gradient Overlay dengan pengaturan sebagai berikut:

  • Style: Reflected
  • Angle: 45
  • Scale: 150%
  • Gunakan gradient fill aluminium 150e
Gradient OverlayGradient OverlayGradient Overlay

Langkah 6

Ini akan menerapkan style pada layer teks original. Apa yang akan kita lakukan selanjutnya adalah menggunakan gradient fill lainnya dan efek layer yang cocok dengan yang satu ini dan menerapkan style bagian 3D teks.

Styled Text LayerStyled Text LayerStyled Text Layer

4. Menerapkan Style Pada Layer Pertama 3D Extrusion

Dobel klik layer smart object copy 2 untuk menerapkan layer style berikut:

Langkah 1

Tambahkan Inner Shadow dengan pengaturan sebagai berikut:

  • Color: #424242
  • Matikan centang kotak Use Global Light
  • Angle: -42
  • Distance: 57
  • Size: 16
Inner ShadowInner ShadowInner Shadow

Langkah 2

Tambahkan Gradient Overlay dengan pengaturan sebagai berikut:

  • Style: Reflected
  • Angle: 45
  • Scale: 150%
  • Gunakan gradient fill dark chrome

Klik kotak Gradient untuk memodifikasi gradient fill.

Gradient OverlayGradient OverlayGradient Overlay

Langkah 3

Klik Color Stop warna cerah di dekat ujung sisi kanan bar gradient, dan kemudian klik tombol Delete untuk menghilangkan stop itu, karena kita tidak membutuhkan cahaya itu di sana.

Modify the Gradient FillModify the Gradient FillModify the Gradient Fill

Langkah 4

Tambahkan Drop Shadow dengan pengaturan sebagai berikut:

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

Ini akan menerapkan style pada layer pertama ekstrusi 3D, dengan menambahkan gradient yang tampak metalik.

Styled 3D Extrusion Layer 1Styled 3D Extrusion Layer 1Styled 3D Extrusion Layer 1

5. Menerapkan Style Pada Layer Kedua 3D Extrusion

Dobel klik layer smart object copy 3 untuk menerapkan layer style berikut:

Langkah 1

Tambahkan Bevel and Emboss dengan pengaturan sebagai berikut:

  • Size: 0
  • Centang kotak Anti-aliased
  • Highlight Mode: Vivid Light
  • Shadow Mode - Opacity: 65%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Tambahkan Contour dengan pengaturan sebagai berikut:

  • Contour: Cone
  • Centang pada kotak Anti-aliased
ContourContourContour

Langkah 3

Tambahkan Inner Glow dengan pengaturan sebagai berikut:

  • Blend Mode: Vivid Light
  • Noise: 10%
  • Color: #c5c5c5
  • Technique: Precise
  • Source: Center
  • Size: 46
Inner GlowInner GlowInner Glow

Langkah 4

Tambahkan efek Satin dengan pengaturan sebagai berikut:

  • Blend Mode: Color Burn
  • Color: #717171
  • Distance: 7
  • Size: 18
  • Contour: Shallow Slope - Valley
SatinSatinSatin

Ini akan mengintensifkan dan memperkuat bagian 3D dari teks.

Styled 3D Extrusion Layer 2Styled 3D Extrusion Layer 2Styled 3D Extrusion Layer 2

6. Membuat Bayangan

Langkah 1

Pilih smart object layer copy 1, dan pergi ke Filter > Blur > Motion Blur. Ganti Angle ke 55 dan Distance ke 100.

Motion BlurMotion BlurMotion Blur

Langkah 2

Ganti Blend Mode layer copy 1 ke Color Burn dan Opacity ke 25%.

Shadow Layer Blend Mode and OpacityShadow Layer Blend Mode and OpacityShadow Layer Blend Mode and Opacity

Langkah 3

Gunakan Move Tool untuk memindahkan bayangan sehingga itu memperluas dari bagian atas teks ke bawah.

Move the ShadowMove the ShadowMove the Shadow

7. Menambahkan Vignette

Langkah 1

Klik icon Create new fill or adjustment layer di bagian bawah panel Layers dan pilih Gradient.

Create a Gradient Adjustment LayerCreate a Gradient Adjustment LayerCreate a Gradient Adjustment Layer

Langkah 2

Gunakan gradient fill Transparent to Color dengan warna #ebebeb di kiri dan #282828 di kanan. Kemudian ganti Style ke Radial dan Scale ke 300.

Gradient Fill SettingsGradient Fill SettingsGradient Fill Settings

Langkah 3

Terakhir, ganti Blend Mode adjustment layer ke Multiply.

Gradient Layer Blend ModeGradient Layer Blend ModeGradient Layer Blend Mode

Selamat! Kamu Telah Selesai

Di dalam tutorial ini, kita membuat sebuah background kulit sederhana, dan menerapkan beberapa efek layer pada itu. Kemudian, kita membuat sebuah teks, menduplikasikannya, memindahkan salinan, dan membuat beberapa salinan lainnya bersamaan dengan transformasi, yang membuat ekstrusi 3D.

Kita mengubah layer ekstrusi 3D ke Smart Object, menduplikasikannya, dan menerapkan style bersamaan dengan layer teks original.

Kemudian kita menggunakan banyak efek layer untuk gradient fill untuk mencapai tampilan retro yang metalik. Kita membuat bayangan menggunakan filter Motion Blur, dan memodifikasi Blend Mode dan posisi layernya.

Terakhir, kita menggunakan adjustment layer Gradient untuk menambahkan vignetting ke hasil akhir.

Silahkan tinggalkan komentar, saran, dan hasil di bawah.

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