Membuat efek teks 3D tidak selalu memerlukan menggunakan alat-alat 3D. Tutorial ini akan menunjukkan kepada Anda cara yang mudah untuk menggunakan atribut bentuk dalam Adobe Photoshop CC, bersama dengan beberapa layer styles, membuat efek teks retro 3D, seperti kulit, cukup mudah dan cepat. Mari kita mulai!

Aset Tutorial

Aset yang digunakan selama pembuatan dalam tutorial ini sebagai berikut.

• Font Courgette.
• Pola Carbon Fibre Big oleh Factorio.us Collective.
• Pola Large leather oleh Elemis.
• gradient-shapes for Photoshop oleh ilnanny (Load dokumen CHROMES.grd dan CSP True Sky Gradients.grd).

1. Membuat Latar Belakang

Langkah 1

Membuat dokumen baru ukuran 1000 x 750px. Atur warna Foreground ke #e4e4e2 dan warna Background ke #0b0b0b. Pilih Gradient Tool, memilih gradient fill Foreground to Background, dan klik icon Radial Gradient.

Kemudian, klik-drag dari tengah dokumen ke salah satu sudut untuk membuat latar belakang gradient. Duplikasi layer Background.

Langkah 2

Klik-dua kali layer Background copy untuk menerapkan efek Pattern Overlay, dengan mengubah Blend Mode ke Hard Light, dan menggunakan pola Carbon Fibre Big.

Langkah 3

Ini akan menerapkan pola sederhana untuk latar belakang.

2. Membuat Teks dan Bentuk

Langkah 1

Membuat teks menempatkan setiap huruf di layer yang terpisah. Font yang digunakan adalah Courgette, warna #debc8b, dan Size adalah 350 pt.

Langkah 2

Pilih Rectangle Tool, dan membuat persegi panjang di bawah teks. Warna pada persegi panjang harus sama dengan warna teks.

Langkah 3

Pilih Convert Point Tool, kemudian mulai klik dan drag setiap sudut persegi panjang untuk mengubah sudut anchor points menjadi anchor points yang halus.

Langkah 4

Pilih Direct Selection Tool, kemudian Anda bisa klik dan drag anchor point untuk memindahkannya di sekitar, atau Anda dapat klik Direction Points di ujung dua Direction Handles, kemudian memindahkan mereka di sekitar untuk merubah orientasi kurva, atau drag mereka keluar dan ke dalam untuk membuat kurva lebih lebar atau sempit.

Langkah 5

Terus memodifikasi anchor points sampai Anda mendapatkan bentuk yang Anda suka, kemudian menempatkan layer bentuk di bawah semua layer teks.

3. Grup Huruf-Huruf, Membuat Layer Copy, dan Membuat Layer Bentuk

Langkah 1

Menempatkan setiap layer huruf ke dalam grup yang memiliki nama huruf.

Langkah 2

Sekarang Anda dapat bekerja pada semua huruf secara bersamaan, atau bekerja pada masing-masing secara terpisah. Dalam tutorial ini, hanya satu huruf yang akan digunakan untuk menunjukkan proses, dan kemudian Anda dapat mengikuti langkah yang sama persis untuk sisa huruf, dan copy dan paste layer styles dan bentuk atribut juga.

Jadi semua grup akan tidak terlihat (dengan klik icon mata di samping mereka) kecuali grup huruf pertama.

Langkah 3

Duplikasi layer teks, mengubah nilai Fill ke 0 pada layer teks copy ini, dan duplikasi.

Langkah 4

Duplikasi layer teks asli, drag copy ke bawah layer teks asli, klik kanan dan memilih Convert to Shape, kemudian beri nama jadi [the letter] Shape.

Duplikasi layer bentuk dan drag copy ke bawahnya.

Langkah 5

Duplikasi layer bentuk copy dan drag copy akhir ke atas semua layer yang Anda punya dalam grup.

Jadi sekarang layer Anda harus dari atas ke bawah dalam grup-grup huruf E di dalam kasus ini - adalah:

• E Shape copy 2
• E copy 2
• E copy
• E
• E Shape
• E Shape copy

Nama-nama ini akan digunakan di seluruh tutorial, jadi memastikan Anda memiliki penamaan yang serupa dan berurutan.

4. Memodifikasi Atribut Bentuk

Langkah 1

Pilih layer Shape copy 2, dan pilih Direct Selection Tool. Pada bilah Options, anda akan mendapatkan beberapa atribut bentuk yang Anda dapat modifikasi.

Mulai dengan mengubah Fill ke None, Stroke color ke #91741c, dan Stroke Width ke 1. Kemudian, klik icon Set shape stroke type, memilih preset garis putus-putus, dan memastikan Align di atur ke Inside.  Ini akan membuat jahitan.

Langkah 2

Pilih layer Shape asli, mengubah Fill color ke #e4e4e4, Stroke color ke #d4d4d4, Stroke Width ke 5, dan mengubah Align ke Outside.

Langkah 3

Pilih layer Shape copy, memastikan Fill color ke #e4e4e4 dan Stroke diatur ke None, kemudian menuju ke Edit > Free Transform. Tekan sekali Tombol Panah Atas dan Tomboh Panah Bawah sekali untuk memindahkan bentuk 1 px ke kanan dan 1 px ke bawah. Kemudian tekan Enter/Return untuk menerima perubahan.

Langkah 4

Sekarang tekan tombol Alt-Ctrl-Shift-T atau Option-Command-Shift-T 5 kali untuk menduplikasi layer dan melakukan perubahan. Hal ini akan menghasilkan ekstrusi 3D yang sederhana.

5. Style Pada Jahitan

Klik-dua kali layer Shape copy 2 untuk menerapkan Layer Style sebagai berikut:

Langkah 1

• Size: 0

Langkah 2

Dicentang pada kotak Anti-aliased.

Langkah 3

• Color: #edd67b - tetapi Anda dapat memilih warna yang Anda suka.

Langkah 4

• Color: #5b3e03
• Distance: 0
• Size: 1

Langkah 5

Ini akan memberi style pada jahitan.

6. Style Pada Layer Teks Utama

Klik-dua kali layer teks asli untuk menerapkan Layer Style sebagai berikut:

Langkah 1

• Size: 18
• Dicentang pada kotak Anti-aliased
• Shadow Mode - Color: #93804d

Langkah 2

• Pattern: Large leather
• Depth: 60%
• Dicentang kotak Invert

Langkah 3

• Blend Mode: Linear Burn
• Noise: 65%
• Color: #e6d842
• Source: Center

Langkah 4

Ini akan membuat bagian pada teks seperti kulit.

7. Style Pada Layer Teks Pertama Copy

Klik-dua kali layer teks pertama copy untuk menerapkan Layer Style sebagai berikut:

Langkah 1

• Size: 21
• Soften: 5
• Tidak dicentang kotak Use Global Light
• Angle: -108
• Altitude: 58
• Dicentang pada kotak Anti-aliased
• Shadow Mode - Opacity: 0%

Langkah 2

• Contour: Cove - Deep
• Dicentang kotak Anti-aliased.

Langkah 3

Ini akan menambah beberapa cahaya menyorot pada beberapa area untuk membangun penampilan 3D dari kulit.

8. Style pada Layer Teks Kedua Copy

Klik-dua kali layer teks kedua copy untuk menerapkan Layer Style sebagai berikut:

Langkah 1

• Size: 21
• Soften: 5
• Tidak dicentang kotak Use Global Light
• Angle: 99
• Altitude: 58
• Dicentang kotak Anti-aliased
• Highlight Mode: Hard Light
• Color: #fffbe2
• Opacity: 100%
• Shadow Mode - Opacity: 0%

Langkah 2

• Contour: Half Round
• Dicentang pada kotak Anti-aliased

Langkah 3

Ini akan meningkatkan penampilan 3D dari bagian kulit dan memberikan beberapa kedalaman.

9. Style Layer Bentuk Asli

Klik-dua kali layer Shape asli untuk menerapkan Layer Style sebagai berikut:

Langkah 1

• Size: 1
• Dicentang pada kotak Anti-aliased

Langkah 2

• Contour: Ring
• Dicentang pada kotak Anti-aliased
• Range: 100%

Langkah 3

Ini akan memberi style pada tepi ekstrusi.

10. Style Pada Ekstrusi

Klik-dua kali layer Shape pertama copy untuk menerapkan Layer Style sebagai berikut:

Langkah 1

• Style: Reflected
• Angle: 45
• Memilih gradient steel pipe 20 dari dokumen CHROMES.grd

Langkah 2

• Distance: 15
• Size: 7

Langkah 3

Ini akan membuat ekstrusi 3D reflektif sederhana.

11. Menambahkan Gradient Map

Langkah 1

Mengulangi langkah yang sama untuk sisa huruf jika Anda belum melakukannya, dan menempatkan mereka sesuai yang Anda suka ke dalam dokumen. Membuat mereka sedikit tumpang tindih akan membuat efek terlihat lebih menarik.

Langkah 2

Setelah selesai, klik icon Create new fill or adjustment layer di bawah panel Layers dan memilih Gradient Map.

Langkah 3

Memilih gradient CSP True Sky Sunradial dari dokumen True Sky Gradients.grd, kemudian mengubah Blend Mode ke Multiply dan Opacity ke 10% pada layer. Ini akan membantu sedikit menyesuaikan warna dari hasil akhir.

Dan Anda Selesai!

Dalam tutorial ini, teks dan bentuk sederhana dibuat dalam layer terpisah, kemudian menjadikan grup, diduplikasi, dan diatur kembali. Setelah itu, beberapa lebih copy dari layer teks dibuat setelah mengubah mereka menjadi layer bentuk, untuk memberi style kepada layer bentuk tersebut.

Beberapa atribut bentuk dimodifikasi untuk layer bentuk, dan satu diduplikasi dengan perubahan, membuat jahitan, tepi ekstrusi dan ekstrusi 3D.

Setelah itu, semua layer diberi style untuk membuat tengah kulit dan ekstrusi reflektif metalik.

Akhirnya, huruf-huruf ditempatkan ke dalam dokumen, dan meningkatkan pewarnaan sedikit dengan menambahkan adjustment layer Gradient Map.

Silakan merasa bebas untuk meninggalkan komentar, saran, dan hasil karyanya di bawah ini.