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

Membuat Efek Teks 3D Retro Menggunakan Layer Styles dalam Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:
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 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 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 Overlay

Ini akan membuat gradient latar belakang.

Background 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 Layer

Langkah 2

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

Add 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 Mode

Langkah 4

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

Levels

Langkah 5

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

Levels 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 Text

Langkah 2

Menduplikasi layer teks dan drag layer copy di bawah ini.

Duplicate 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 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 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 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 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
Stroke

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

Ini akan menjadi style pada layer teks utama.

Styled 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 Emboss

Langkah 2

Tambahkan Contour dengan pengaturan ini:

  • Dicentang pada kotak Anti-aliased.
Contour

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

Langkah 3

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

HueSaturation

Langkah 4

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

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