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 Efek Teks 3D Retro Menggunakan Layer Styles dalam Adobe Photoshop

Read Time: 4 mins
This post is part of a series called Retro Text Effect Tutorials.
Create a One-Layer Retro Text Effect in Adobe Photoshop
How to Create a Retro Chrome Text Effect in Adobe Photoshop

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

Tutorial ini akan menunjukkan kepada Anda bagaimana menggunakan layer styles, smart objects dan beberapa unsur dasar dalam Adobe Photoshop untuk menciptakan sederhana, terlihat retro, efek teks 3D.

Aser Tutorial

Aset yang digunakan selama produksi pada tutorial ini sebagai berikut:

1. Membuat Gradient Latar Belakang

Langkah 1

Membuat dokumen baru 800 x 600px, dan menduplikasi layer Background.

Duplicate the Background LayerDuplicate the Background LayerDuplicate the Background Layer

Langkah 2

Klik ganda pada layer copy Background untuk menerapkan efek Gradient Overlay menggunakan nilai sebagai berikut:

  • Dicentang kotak Dither
  • Style: Radial
  • Scale: 150%
  • Membuat Gradient menggunakan warna #c8c5b8 untuk sebelah kiri dan #aaa593 sebelah kanan.
Gradient OverlayGradient OverlayGradient Overlay

Ini akan membuat gradient latar belakang.

Background GradientBackground GradientBackground Gradient

2. Menambahkan Subtle Noise pada Latar Belakang

Langkah 1

Menduplikasi styled pada layer copy Background, dan kemudian klik kanan pada copy baru dan memilih Rasterize Layer Style.

Jika Anda bekerja dengan CS6 atau Photoshop versi sebelumnya, Anda akan perlu untuk membuat grup pada layer (Layer > Group Layers), dan lalu menggabungkan grup (Layer > Merge Group) sebagai gantinya.

Mengatur warna Foreground ke #c8c5b8 dan warna Background ke #aaa593.

Noise LayerNoise LayerNoise Layer

Langkah 2

Menuju ke Filter > Noise > Add Noise, rubah Amount ke 5 dan Distribution ke Uniform, dan dicentang kotak Monochromatic.

Add Noise FilterAdd Noise FilterAdd Noise Filter

Langkah 3

Rubah pada layer Background copy 2  di Blend Mode ke Darken. Ini akan menambah subtle noise ke gradient latar belakang.

Noise Layer Blend ModeNoise Layer Blend ModeNoise Layer Blend Mode

Langkah 4

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

LevelsLevelsLevels

Langkah 5

Ubah nilai Shadows ke 72, Gamma ke 1.05, dan Highlights ke 236. Ini akan menyesuaikan warna latar belakang.

Levels ValuesLevels ValuesLevels Values

3. Membuat Teks dan 3D Extrusion

Langkah 1

Membuat teks dalam All Caps menggunakan font Freshman Normal. Ukuran fontnya 125 pt, warnanya #43a0a8, dan pada Kerning atur ke Optical.

Create the TextCreate the TextCreate the Text

Langkah 2

Menduplikasi layer teks dan drag layer copy di bawah ini.

Duplicate the TextDuplicate the TextDuplicate the Text

Langkah 3

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

Transform the TextTransform the TextTransform the Text

Langkah 4

Tekan Option-Command-Shift-T (Alt-Ctrl-Shift-T untuk Windows) sepuluh kali menduplikasi layer dengan transformasi untuk menciptakan 3D extrusion.

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

4. Membuat Smart Objects untuk 3D Extrusion dan Bayangan

Langkah 1

Pilih semua copy layers teks, dan mengubah warna teks ke #c7b299.

Change Copy Text Layers ColorChange Copy Text Layers ColorChange Copy Text Layers Color

Langkah 2

Dengan semua copy layers teks masih terpilih, menuju ke Filter > Convert for Smart Filters. Beri nama ulang layer smart object menjadi 3D Extrusion, duplikasi layer ini, drag layer copy ini ke bawah, dan beri nama ulang menjadi Shadow.

Creating the Smart ObjectsCreating the Smart ObjectsCreating the Smart Objects

5. Styling pada Layer Teks Asli

Klik-ganda pada layer teks asli untuk menerapkan layer style berikut:

Langkah 1

Tambahkan Stroke dengan pengaturan ini:

  • Size: 2
  • Position: Inside
  • Color: #f2eee1
StrokeStrokeStroke

Langkah 2

Tambahkan Inner Shadow dengan pengaturan ini:

  • Color: #464646
  • Opacity: 100%
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 129
  • Distance: 5
  • Spread: 50
  • Size: 2
Inner ShadowInner ShadowInner Shadow

Langkah 3

Menambahkan Pattern Overlay dengan pengaturan ini:

  • Blend Mode: Soft Light
  • Pattern: Fine diagonal lines

Anda dapat benar-benar mencoba pola-pola lainnya yang berada di set, beberapa dari pola tersebut terlihat benar-benar keren.

Pattern OverlayPattern OverlayPattern Overlay

Ini akan menjadi style pada layer teks utama.

Styled TextStyled TextStyled Text

6. Styling pada 3D Extrusion

Klik-ganda layer 3D Extrusion untuk menerapkan layer style sebagai berikut:

Langkah 1

Tambahkan Bevel dan Emboss dengan pengaturan ini:

  • Technique: Chisel Hard
  • Size: 13
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 82
  • Altitude: 11
  • Dicentang kotak Anti-aliased 
  • Highlight Mode - Opacity: 0%

Apa yang Anda lakukan di sini adalah mengubah nilai pada Angle dan Altitude di Bevel and Emboss untuk menciptakan 3D shading yang didasarkan pada sudut extrusion.

Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Tambahkan Contour dengan pengaturan ini:

  • Dicentang pada kotak Anti-aliased.
ContourContourContour

Langkah 3

Tambahkan Color Overlay dengan pengaturan ini:

  • Color: #265559

Ini adalah bagian di mana Anda memilih warna extrusion, sehingga bebaslah untuk mengubahnya jika Anda menyukainya.

Color OverlayColor OverlayColor Overlay

Anda dapat melihat bagaimana hal ini menciptakan ilusi efek 3D datar hanya dengan menggunakan beberapa efek. Anda tentu saja dapat lebih meningkatkan hasil Anda dengan menyesuaikan bayangan pada sudut yang memang perlu disesuaikan.

Styled 3D ExtrusionStyled 3D ExtrusionStyled 3D Extrusion

Anda juga dapat memilih Move Tool dan pindahkan 3D extrusion ke atas jika Anda suka. Ambillah waktu lebih lama lagi untuk bekerja dengan hasil yang Anda inginkan jika Anda merasa seperti itu.

Adjusting the 3D ExtrusionAdjusting the 3D ExtrusionAdjusting the 3D Extrusion

7. Bekerja pada Bayangan

Langkah 1

Pilih layer Shadow, lalu menuju ke Filter > Blur > Motion Blur. Mengubah Angle ke -55 dan Distance ke 20. Anda memerlukan nilai Angle cocok dengan sudut 3D extrusion.

Motion BlurMotion BlurMotion Blur

Langkah 2

Mengubah layer Shadow pada Blend Mode ke Multiply, dan lalu menggunakan Move Tool untuk drag bayangan dan pindahkan sehingga Anda menyukai tampilannya. 

Motion Blur Blend Mode and PositionMotion Blur Blend Mode and PositionMotion Blur Blend Mode and Position

Langkah 3

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

HueSaturationHueSaturationHueSaturation

Langkah 4

Klik icon Clip adjustment to layer di bagian bawah panel Properties, dan mengubah nilai Saturation ke -65.

Adjust SaturationAdjust SaturationAdjust Saturation

Selamat! Anda sudah selesai

Dalam tutorial ini, kita menciptakan latar belakang gradient dan menggunakan filter Add Noise untuk menambahkan efek subtle noise.

Kemudian kita menciptakan teks, duplikasi dengan transformasi untuk menciptakan 3D extrusion, dan dikonversi layers copy menjadi ke Smart Objects untuk membuat layer bayangan juga.

Setelah itu, kita memberi styled pada teks dan pada layer 3D extrusion untuk mencapai efek 3D retro.

Akhirnya, kita menciptakan bayangan menggunakan Motion Blur filter, disesuaikan dengan layer Blend Mode dan warna, dan dipindahkan di sekitarnya untuk mencapai hasil akhir.

Silahkan merasa bebas untuk meninggalkan komentar, saran, dan hasil 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.
Scroll to top
One subscription.
Unlimited Downloads.
Get unlimited downloads