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:

• Font Freshman Normal
• 30 Simple Patterns oleh mslooten

1. Membuat Gradient Latar Belakang

Langkah 1

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

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.

Ini akan membuat gradient latar belakang.

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.

Langkah 2

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

Langkah 3

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

Langkah 4

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

Langkah 5

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

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.

Langkah 2

Menduplikasi layer teks dan drag layer copy di bawah ini.

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.

Langkah 4

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

4. Membuat Smart Objects untuk 3D Extrusion dan Bayangan

Langkah 1

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

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.

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

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

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.

Ini akan menjadi style pada layer teks utama.

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.

Langkah 2

Tambahkan Contour dengan pengaturan ini:

• Dicentang pada kotak Anti-aliased.

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.

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.

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.

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.

Langkah 2

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

Langkah 3

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

Langkah 4

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

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.