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

Bagaimana Membuat Efek Teks Retro 3D Yang Menyala Dalam Adobe Photoshop

Read Time: 7 mins
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Retro 'Saved by the Bell' Inspired Text Effect in Adobe Photoshop
How to Create a Bold 90s Text Effect in Adobe InDesign

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

Tutorial ini akan menunjukkan bagaimana menggunakan smart object dan layer style untuk membuat efek teks retro 3D yang menyala. Mari kita mulai!

Efek teks ini terinspirasi oleh banyak Layer Style yang tersedia di Envato Market.

Bahan-Bahan Tutorial

Bahan-bahan di bawah digunakan selama pembuatan tutorial ini:

1. Membuat Gradient Background

Langkah 1

Buat dokumen baru ukuran 800 x 600 px, klik icon Create new fill or adjustment layer di bagian bawah panel Layers, dan pilih Solid Color.

Solid Color LayerSolid Color LayerSolid Color Layer

Langkah 2

Gunakan Color #2e363.

Fill ColorFill ColorFill Color

Langkah 3

Dobel klik layer Solid Color untuk menerapkan efek Gradient Overlay menggunakan pengaturan berikut:

  • Centang pada kotak Dither
  • Blend Mode: Linear Burn
  • Opacity: 20%
  • Style: Radial
  • Style: Radial
  • Klik kotak Gradient untuk membuat gradient fill menggunakan warna #ffffff di kiri dan #ababab di kanan.
Gradient OverlayGradient OverlayGradient Overlay

Ini akan membuat background gradient sederhana.

Gradient BackgroundGradient BackgroundGradient Background

2. Menambahkan Tekstur Background

Langkah 1

Tempatka tekstur Metal di atas layer Solid Color, dan ubah ukurannya jika perlu.

Ganti nama layer tekstur ke BG Texture, dan ganti Blend Mode ke Soft Light.

Add the Background TextureAdd the Background TextureAdd the Background Texture

Langkah 2

Pergi ke Image > Adjustments > Levels, dan ganti nilai Gamma ke 1.50.

Levels Adjustment LayerLevels Adjustment LayerLevels Adjustment Layer

3. Membuat Teks dan Smart Object-nya

Langkah 1

Buat teks menggunakan font Big John. Atur Size ke 200 pt, Color ke #e8a505, dan Tracking ke 100.

Create the TextCreate the TextCreate the Text

Langkah 2

Namai ulang layer teks menjadi Text, klik kanan pada layer tersebut, dan pilih Convert to Smart Object.

Pastikan untuk mengikuti penamaan layer sepanjang tutorial sehingga tidak membingungkan.

Create the Smart ObjectCreate the Smart ObjectCreate the Smart Object

Langkah 3

Duplikasikan layer Text, buat itu tidak kelihatan, dan seret ke atas layer copy-nya.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

4. Membuat Action Transform

Berikut kita akan menduplikasikan teks dan mengubah layer copy, dan kemudian mengulangi itu untuk beberapa layer.

Karena kita sedang berkerja dengan smart object, dan untuk menghindari duplikat dengan permsalahan transformasi, kita akan merekam sebuah Action untuk itu.

Langkah 1

Buka panel Actions (di bawah menu Window).

Open the Actions PanelOpen the Actions PanelOpen the Actions Panel

Langkah 2

Klik pada icon Create new set pada bagian bawah panel, masukkan Extrusion di dalam isian Name, dan klik OK.

Create New SetCreate New SetCreate New Set

Langkah 3

Klik icon Create new action di bagian bawah panel, masukkan Action di dalam isian Name, dan klik Record.

Create New ActionCreate New ActionCreate New Action

5. Merekam Action

Langkah 1

Duplikasikan layer Text copy dengan mengklik-drag itu ke icon New layer di bagian bawah panel Layers.

Duplicate the Text copy LayerDuplicate the Text copy LayerDuplicate the Text copy Layer

Langkah 2

Tekan Command-T untuk masuk ke Free Transform Mode, dan kemudian tekan tombol Panah Bawah sekali dan Panah Kanan sekali untuk memindahkan layer Text copy 2 sebesar 1 px ke bawah dan 1 px ke kanan.

Move the Copy 2 LayerMove the Copy 2 LayerMove the Copy 2 Layer

Langkah 3

Tekan tombol Return untuk menerapkan perubahan. Kamu harusnya melihat semua langkah-langkah tadi direkam ke Action yang kamu buat.

Recorded ActionRecorded ActionRecorded Action

Langkah 4

Klik icon Stop recording di bagian bawah panel Actions.

Stop RecordingStop RecordingStop Recording

6. Membuat Ekstrusi

Langkah 1

Klik icon Play selection di bawah panel Actions sebanyak 10 kali untuk membuat 10 salinan dengan transformasi.

Play the ActionPlay the ActionPlay the Action

Layer akhir hendaklah memiliki nama Text copy 12.

Final LayerFinal LayerFinal Layer

Langkah 2

Pilih semua layer Text copy (tanpa layer Text original), dan pergi ke Layer > Arrange > Reverse.

Ini akan menempatkan layer copy terakhir di bagian bawah dan membawa yang pertama ke atas.

Reverse the Layers OrderReverse the Layers OrderReverse the Layers Order

Langkah 3

Batalkan seleksi layer pertama dan terakhir, dan kemudian tempatkan layer yang terpilih lainnya dalam sebuah group bernama Extrusion.

Extrusion GroupExtrusion GroupExtrusion Group

Langkah 4

Namai ulang layer Text copy menjadi Text Front, dan layer Text copy 12 menjadi Text Back.

Duplikasikan layer Text Front, ganti nilai Fill layer copy ke 0, dan kemudian duplikasikan itu.

Create the Text Front and Back LayersCreate the Text Front and Back LayersCreate the Text Front and Back Layers

7. Memberi Style Pada Layer Ekstrusi

Dobel klik layer Text copy 2 untuk menerapkan layer style berikut:

Langkah 1

Tambahkan Bevel and Emboss dengan pengaturan sebagai berikut:

  • Size: 0
  • Shadow Mode - Opacity: 15%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Tambahkan Drop Shadow dengan pengaturan sebagai berikut:

  • Opacity: 7%
  • Distance: 3
  • Size: 2
Drop ShadowDrop ShadowDrop Shadow

Langkah 3

Ini akan memberikan style pada layer ekstrusi pertama.

Klik kanan pada layer yang telah diberi style, dan pilih Copy Layer Style.

Copy Layer StyleCopy Layer StyleCopy Layer Style

Langkah 4

Pilih layer ekstrusi lainnya, klik kanan pada salah satunya, dan pilih Paste Layer Style.

Ini akan membuat efek ekstrusi 3D.

Paste Layer StylePaste Layer StylePaste Layer Style

Langkah 5

Duplikasikan group Extrusion, seret copy untuk menempatkannya di atas layer Text Front copy 2, dan ganti nilai Fill ke 0.

Duplicate the Extrusion GroupDuplicate the Extrusion GroupDuplicate the Extrusion Group

8. Memberikan Style Pada Layer Text Front

Dobel klik layer Text Front untuk menerapkan layer style berikut:

Langkah 1

Tambahkan Bevel and Emboss dengan pengaturan sebagai berikut:

  • Size: 3
  • Gloss Contour: Cove - Deep
  • Centang pada kotak Anti-aliased
  • Shadow Mode - Opacity: 15%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Tambahkan Contour dengan pengaturan sebagai berikut:

  • Contour: Cove - Deep
  • Centang pada kotak Anti-aliased
  • Range: 100%
ContourContourContour

Langkah 3

Tambahkan Stroke dengan pengaturan sebagai berikut:

  • Size: 1
  • Position: Inside
  • Blend Mode: Screen
  • Fill Type: Gradient
  • Gunakan gradient fill faucet 70
StrokeStrokeStroke

Langkah 4

Tambahkan Inner Shadow dengan pengaturan sebagai berikut:

  • Opacity: 35%
  • Hilangkan centang pada kotak Use Global Light
  • Angle: 141
  • Distance: 9
  • Choke: 6
  • Size: 18
Inner ShadowInner ShadowInner Shadow

Langkah 5

Tambahkan Inner Glow dengan pengaturan sebagai berikut:

  • Blend Mode: Linear Light
  • Opacity: 100%
  • Color: #d1cc90
  • Technique: Precise
  • Size: 90
  • Contour: Cone - Asymmetrical
Inner GlowInner GlowInner Glow

Langkah 6

Tambahkan Outer Glow dengan pengaturan sebagai berikut:

  • Opacity: 100%
  • Color: Gunakan gradient fill faucet 140
  • Spread: 28
  • Size: 10
  • Contour: Cove - Shallow
Outer GlowOuter GlowOuter Glow

Langkah 7

Tambahkan Drop Shadow dengan pengaturan sebagai berikut:

  • Opacity: 7%
  • Distance: 3
  • Size: 2
Drop ShadowDrop ShadowDrop Shadow

Ini akan memberikan style pada layer atas teks.

Styled Front 1Styled Front 1Styled Front 1

9. Memberikan Style Pada Front Copy Pertama

Dobel klik layer Text Front copy untuk menerapkan layer style berikut:

Langkah 1

Tambahkan Bevel and Emboss dengan pengaturan sebagai berikut:

  • Size: 10
  • Hilangkan centang pada kotak Use Global Light
  • Angle: 138
  • Altitude: 21
  • Gloss Contour: Cove - Deep
  • Centang pada kotak Anti-aliased
  • Shadow Mode - Opacity: 15%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Tambahkan Contour dengan pengaturan sebagai berikut:

  • Contour: Cove - Deep
  • Centang pada kotak Anti-aliased
  • Range: 100%
ContourContourContour

Langkah 3

Tambahkan Stroke dengan pengaturan sebagai berikut:

  • Size: 1
  • Position: Inside
  • Blend Mode: Screen
  • Fill Type: Gradient
  • Gunakan gradient fill faucet 70
StrokeStrokeStroke

Ini akan memberikan style pada layer pertama bagian dalam text front.

Styled Front 2Styled Front 2Styled Front 2

10. Memberikan Style Pada Front Copy Kedua

Dobel klik layer Text Front copy 2 untuk menerapkan layer style berikut:

Langkah 1

Tambahkan Bevel and Emboss dengan pengaturan sebagai berikut:

  • Technique: Chisel Hard
  • Size: 10
  • Hilangkan centang pada kotak Use Global Light
  • Angle: 110
  • Altitude: 26
  • Gloss Contour: Cone - Asymmetrical
  • Centang pada kotak Anti-aliased
  • Shadow Mode - Opacity: 15%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Tambahkan Contour dengan pengaturan sebagai berikut:

  • Contour: Notched Slope - rounded
  • Centang pada kotak Anti-aliased
  • Range: 100%
ContourContourContour

Ini akan memberikan style pada layer kedua bagian dalam text front.

Styled Front 3Styled Front 3Styled Front 3

11. Memberikan Style Pada Layer Text Back

Copy dan Paste layer style Text Front pada layer Text Back, dan kemudian dobel klik layer Text Back untuk menyesuaikan pengaturan berikut:

Langkah 1

Bevel and Emboss:

  • Size: 6
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Contour:

  • Contour: Cone - Inverted
ContourContourContour

Langkah 3

Drop Shadow:

  • Opacity: 70%
  • Distance: 20
  • Size: 50
Drop ShadowDrop ShadowDrop Shadow

Ini akan memberikan style pada layer belakang.

Styled Back LayerStyled Back LayerStyled Back Layer

12. Memberikan Style Pada Group Ekstrusi

Langkah 1

Dobel klik group Extrusion untuk menerapkan efek Gradient Overlay dengan pengaturan sebagai berikut:

  • Centang pada kotak Dither
  • Blend Mode: Multiply
  • Gunakan gradient fill stove pipe 185x
Gradient OverlayGradient OverlayGradient Overlay

Ini akan menambahkan lebih banyak dimensi pada ekstrusi.

Extrusion Gradient EffectExtrusion Gradient EffectExtrusion Gradient Effect

Langkah 2

Dobel klik group Extrusion copy untuk menerapkan efek Outer Glow dengan pengaturan sebagai berikut:

  • Blend Mode: Linear Light
  • Opacity: 35%
  • Color: #a9f6ff
  • Size: 27
  • Contour: Ring
  • Range: 75%
Outer GlowOuter GlowOuter Glow

Langkah 3

Lakukan group pada semua layer text copy yang tampak dan group ekstrusi yang kamu punya, dan beri nama group ini Text Effect.

Text Effect GroupText Effect GroupText Effect Group

Langkah 4

Dobel klik group Text Effect untuk menerapkan efek Outer Glow dengan pengaturan sebagai berikut:

  • Blend Mode: Screen
  • Opacity: 50%
  • Color: #399da7
  • Size: 150
Outer GlowOuter GlowOuter Glow

Langkah 5

Ini akan menyelesaikan efek teks.

Jika kamu ingin mengubah teks, kamu dapat melakukan dobel klik pada thumbnail layer Text untuk membuka file teks original, mengganti teks, pergi ke Image > Reveal All, dan kemudian File > Save, dan File > Close.

Ini akan memperbarui sisa layer smart object, dan kamu akan mendapatkan efek yang diterapkan pada teks yang baru kamu masukkan.

Final Text EffectFinal Text EffectFinal Text Effect

13. Menambahkan Tekstur dan Beberapa Adjustment Layer

Langkah 1

Tempatkan tekstur Freeze di atas semua layer, dan namai ulang layer ke Texture Overlay. Ganti Blend Mode layer Texture Overlay ke Linear Burn dan Opacity ke 15%.

Texture OverlayTexture OverlayTexture Overlay

Langkah 2

Tambahkan adjustment layer Gradient Map di atas semua layer, dan centang pada kotak Dither.

Buat gradient fill menggunakan warna #433469 di kiri, #5e6474 di tengah, dan #d4b28a di kanan.

Ganti Blend Mode layer ke Color dan Opacity ke 15%.

Gradient Map 1Gradient Map 1Gradient Map 1

Langkah 3

Duplikasikan adjustment layer Gradient Map, dan kemudian ganti Blend Mode salinannya ke Soft Light dan Opacity ke 50%.

Gradient Map 2Gradient Map 2Gradient Map 2

Selamat, Kamu Telah Selesai!

Di dalam tutorial ini, kita membuat background gradient sederhana dengan texture overlay.

Kemudian kita membuat teks, mengubah itu ke dalam smart object, dan menduplikasikan itu. Setelah itu, kita merekam sebuah action untuk membuat ekstrusi dan mulai menerapkan layer style yang berbeda untuk membuat efek teks.

Terakhir, kita menambahkan sebuah tekstur dan beberapa adjustment layer untuk menyelesaikannya.

Silahkan tinggalkan komentar, saran, dan hasilmu di bawah.

Final ResultFinal ResultFinal Result
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.
One subscription.
Unlimited Downloads.
Get unlimited downloads