Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Cara Membuat Action Text Effect 3D Dengan Layer Style di Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Learn Photoshop Actions.
50 Amazing & Cool Photoshop Action Tutorials
How to Make a Photoshop Action to Create a Photo Art Effect

Indonesian (Bahasa Indonesia) translation by Febri Ardian Sanjoyo (you can also view the original English article)

Final product image
What You'll Be Creating

Action Photoshop adalah penghemat waktu yang luar biasa ketika membuat efek teks 3D, tetapi mereka mengharuskan Anda untuk memperhatikan urutan langkah yang tepat. Ingatlah bahwa ketika Anda mulai merekam action 3D, hampir setiap klik mouse dan penekanan tombol akan disimpan dalam tindakan itu.

Jika Anda baru mengenal dunia action, Anda dapat membaca artikel hebat oleh Melody Nieves yang membahas dasar-dasar action Photoshop atau belajar lebih banyak dari pelajaran Kirk Nelson tentang Membangun Action Anda Sendiri dalam Adobe Photoshop.

Dalam tutorial ini, Anda akan belajar cara membuat action untuk efek teks 3D minimal, yang akan bekerja dengan font apa pun dalam ukuran yang berbeda dan juga dengan shape. Action ini adalah versi 72 DPI dari paket Hi-Res 3D Actions - 300 DPI.

Hi-res 3D actions

Aset Tutorial

Satu-satunya aset yang digunakan untuk efek teks 3D ini adalah font Google:

1. Cara Mempersiapkan untuk Merekam Action 3D

Sebelum merekam suatu action, mari kita mengatur latar belakang dan teks dengan bingkai untuk efek teks 3D akhir.

Langkah 1

Buka Photoshop, buka File> New, dan atur detail preset ini:

  • Width: 850 px
  • Height: 550 px
  • Resolution: 72 px/inch
  • Color mode: RGB Color 8 bit

Klik pada Create.

Create the document

Langkah 2

Untuk menyesuaikan latar belakang, pergi ke Layer> New> Layer from Background ... dan beri nama Background. Lalu pergi ke Layer> Layer Style> Gradient Overlay ... dan gunakan pengaturan ini:

  • Blend Mode: Normal
  • Centang kotak Dither
  • Opacity: 100%
  • Style: Radial
  • Angle:
  • Scale: 100%
  • Klik pada Gradient dan atur color stops ini:
  • Color stop 1 - Color: #f4f9ff Location: 0%
  • Color stop 2 - Color: #6cacfd9 Location: 100%

Tekan OK untuk menerapkan semua perubahan.

Customize the background

Langkah 3

Untuk menggambar bingkai, pilih Rectangle Tool (U). Sekarang klik ke dokumen Anda untuk membuat persegi panjang dengan dimensi ini: Width: 740 px dan Height: 210 px. Lalu pergi ke Layer> Layer Style> Blending Options dan atur Fill ke 0%. Terakhir, buka tab Stroke dan atur Ukuran stroke: 9 px dan Posisi: Inside. Tekan OK untuk menerapkan perubahan.

Draw a rectangle

Langkah 4

Untuk menambahkan teks, pilih Type Tool (T) dan tulis kata "MINIMAL". Sekarang pergi ke Window> Character dan atur font ke Montserrat Black. Kemudian atur ukuran font menjadi 123 pt dan tracking menjadi 50. Terakhir, pilih kedua layers di panel Layers Anda dan buat grup dengan Control-G.

Add sample text

Langkah 5

Saat Anda siap untuk merekam action, buka Window> Actions. Klik pada ikon folder di bagian bawah panel ini untuk membuat New Set dan beri nama 3D Text Effect, dan tekan OK. Kemudian klik pada ikon page untuk membuat New Action dan beri nama Photoshop Action. Tekan tombol Record untuk mulai merekam aksi teks 3D ini.

Start recording an action

2. Cara Membuat Layers untuk Efek Teks 3D

Langkah 1

Untuk mempertahankan layer asli untuk digunakan nanti, langkah pertama Anda adalah mengklik ikon mata di sebelah Group 1 untuk menyembunyikan layer ini. Lalu pergi ke Layer> Duplicate Group ..., beri nama top-layer, dan tekan OK. Kemudian klik ikon mata di sebelah top-layer untuk membuatnya terlihat. Terakhir, pergi ke Layer> Smart Objects> Convert to Smart Object.

Create a layer

Langkah 2

Pergi ke Layer> Duplicate Layer ..., beri nama 3d text 1, dan tekan OK. Kemudian Klik dua kali layer 3d text 1 untuk menerapkan layer style berikut:

Tambahkan Bevel dan Emboss dengan pengaturan ini:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 25%
  • Direction: Up
  • Size: 4 px
  • Hapus centang pada kotak Use Global Light
  • Angle: 120
  • Altitude: 30
  • Centang kotak Anti-aliased
  • Highlight Mode: Screen #dddddd and Opacity: 48%
  • Shadow Mode: Multiply #b2b2b2 and Opacity: 59%
Add bevel and emboss

Langkah 3

Tambahkan Color Overlay dengan pengaturan ini:

  • Blend Mode: Normal
  • Color #d8dde8

Tekan OK untuk menerapkan perubahan. Lalu pergi ke Layer> Smart Objects> Convert to Smart Objects.

Add color overlay

Langkah 4

Pergi ke Layer> Arrange > Send Backward. Kemudian tekan tombol Panah Bawah (↓) satu kali untuk memindahkan layer ke bawah sebanyak 1 px. Sekarang tekan Control-T dan ubah width menjadi W: 99,73%. Klik tombol Check untuk menerapkan perubahan. Terakhir, pergi ke Layer> Smart Objects> Convert to Smart Object.

Arrange layers

Langkah 5

Pergi ke Layer> Duplicate Layer dan beri nama 3d text 2. Kemudian pergi ke Layer> Arrange> Send Backward. Kemudian tekan tombol Panah Bawah () satu kali untuk memindahkan layer ke bawah sebanyak 1 px. Sekarang tekan Control-T dan ubah lebar menjadi W: 99,70%. Klik tombol Check untuk menerapkan perubahan. Terakhir, pergi ke Layer> Smart Objects> Convert to Smart Object.

Transform layer

Langkah 6

Untuk mencapai efek teks 3D, Anda harus mengulangi langkah sebelumnya delapan kali lagi. Satu-satunya perubahan setiap kali Anda mengulangi langkah ini adalah nama layer yang digandakan. Anda akan terus membuat layer 3d text 3, 3d text 4, 3d text 5 .... hingga Anda selesai dengan 3d text 10.

Repeat step 5

3. Cara Membuat Bayangan untuk Efek Teks Photoshop

Efek teks Photoshop yang keren ini tidak akan lengkap tanpa bayangan, jadi mari kita membuatnya.

Langkah 1

Pergi ke Layer> Duplicate Layer dan beri nama Shadow4. Lalu pergi ke Layer> Arrange> Send Backward.

Create Shadow layer

Langkah 2

Sekarang buat tiga layer lagi untuk bayangan. Pergi ke Layer> Duplicate Layer dan beri nama Shadow3. Kemudian kembali ke Layer> Duplicate Layer dan beri nama Shadow2. Sekarang, untuk terakhir kalinya, pergi ke Layer> Duplicate Layer dan beri nama Shadow1.

Duplicate shadow layer

Langkah 3

Pergi ke Layer> Layer Style> Drop Shadow dan gunakan pengaturan ini:

  • Blend Mode: Linear Burn
  • Pilih warna #3f464a
  • Opacity: 35%
  • Hapus centang pada kotak Use Global Light
  • Angle: 90°
  • Size: 2 px
  • Centang kotak Anti-aliased

Tekan OK untuk menerapkan perubahan.

Add a drop shadow

Langkah 4

Pergi ke Filter> Blur> Gaussian Blur ..., atur Radius ke 1,3 px, dan tekan OK.

Add a gaussian blur

Langkah 5

Pilih layer Shadow2 di panel Layers Anda. Sekarang pergi ke Layer> Layer Style> Color Overlay ... dan gunakan pengaturan ini:

  • Blend Mode: Multiply
  • Pilih warna-warna #b8bbc2
  • Opacity: 69%
Add a color overlay

Langkah 6

Tambahkan Drop Shadow dengan pengaturan ini:

  • Blend Mode: Linear Burn
  • Pilih warna #595c64
  • Opacity: 8%
  • Hapus centang pada kotak Use Global Light
  • Angle: 111°
  • Distance: 11 px
  • Size: 3 px
  • Centang kotak Anti-aliased

Tekan OK untuk menerapkan perubahan.

Add a drop shadow

Langkah 7

Pergi ke Filter> Blur> Gaussian Blur ..., atur Radius ke 5.5 px, dan tekan OK.

Add a gaussian blur

Langkah 8

Pilih layer Shadow3 di panel Layers Anda. Sekarang pergi ke Layer> Layer Style> Drop Shadow ... dan gunakan pengaturan ini:

  • Blend Mode: Linear Burn
  • Pilih warna #595c64
  • Opacity: 6%
  • Hapus centang pada kotak Use Global Light
  • Angle: 104°
  • Distance: 8 px
  • Size: 13 px
  • Centang kotak Anti-aliased

Tekan OK untuk menerapkan perubahan.

Add a drop shadow

Langkah 9

Pilih layer Shadow4 di panel Layers Anda. Sekarang pergi ke Layer> Layer Style> Drop Shadow ... dan gunakan pengaturan ini:

  • Blend Mode: Linear Burn
  • Pilih warna #595c64
  • Opacity: 30%
  • Hapus centang pada kotak Use Global Light
  • Angle: 112°
  • Distance: 10 px
  • Size: 10 px
  • Centang kotak Anti-aliased

Tekan OK untuk menerapkan perubahan.

Add a drop shadow

Langkah 10

Pergi ke Filter> Blur> Motion Blur ..., atur Angle ke -66 ° dan Distance to 50 px, dan tekan OK.

Add a motion blur

4. Cara Style Top Layer pada Efek Teks 3D

Langkah 1

Pilih top-layer di panel Layers Anda. Lalu pergi ke Layer> Layer Style> Inner Shadow ... dan gunakan pengaturan ini:

  • Blend Mode: Linear Burn
  • Pilih warna white
  • Opacity: 86%
  • Hapus centang pada kotak Use Global Light
  • Angle: 120°
  • Distance: 1 px
  • Size: 1 px
  • Contour: Cone
  • Centang kotak Anti-aliased
Add an inner shadow

Langkah 2

Tambahkan Inner Glow dengan pengaturan ini:

  • Blend Mode: Linear Burn
  • Opacity: 15%
  • Pilih warna-warna #d0d0d0
  • Teknik: lembut
  • Source: Edge
  • Size: 18 px
Add an inner glow

Langkah 3

Tambahkan style Satin dengan pengaturan ini:

  • Blend Mode: Overlay
  • Pilih warna white
  • Opacity: 80%
  • Angle: 18°
  • Distance: 250 px
  • Size: 250 px
  • Centang kotak Anti-aliased
  • Centang kotak Invert
Add a satin

Langkah 4

Tambahkan Color Overlay dengan pengaturan ini:

  • Blend Mode: Normal
  • Pilih warna #e6e7ea
  • Opacity: 100%
Add a color overlay

Langkah 5

Tambahkan Drop Shadow dengan pengaturan ini:

  • Blend Mode: Linear Burn
  • Pilih warna #616779
  • Opacity: 2%
  • Hapus centang pada kotak Use Global Light
  • Angle: 90°
  • Distance: 5 px
  • Size: 5 px
  • Centang kotak Anti-aliased

Tekan OK untuk menerapkan perubahan.

Add a drop shadow

Langkah 6

Langkah terakhir dari 3D action ini adalah berhenti merekam. Buka panel Action dan tekan tombol Stop di bagian bawah panel.

Stop recording an action

Ini adalah efek teks 3D akhir.

Final result

Mulai sekarang, Anda dapat memainkan action ini pada teks atau bentuk apa pun, dan itu akan menciptakan efek 3D yang sama. Pilih layer teks Anda atau grup layer di panel Layers. Buka panel Actions Anda, pilih Photoshop Action, dan tekan tombol Play.

Selamat, Anda Selesai Membuat Tindakan

Dalam tutorial ini, kita belajar cara merekam action dalam Adobe Photoshop untuk minimal 3D text effect.

Kita mulai dengan menyiapkan latar belakang dan beberapa contoh teks dengan shape. Kemudian kita mulai merekam aksinya. Setelah itu, kita membuat dan mengubah banyak layer. Akhirnya, kita menambahkan berbagai layer style dan menyelesaikan rekaman action kita.

Efek teks 3D yang baru saja kita buat ini adalah versi 72 DPI dari Hi-Res 3D Actions - 300 DPI dari portofolio saya di GraphicRiver.

Hi-Res 3D Actions

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.