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

Cara Membuat Mudah Efek Teks Neon dengan Layer Styles dalam Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by Anissa Anwar (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam tutorial ini saya akan menunjukkan Anda cara untuk membuat efek teks acid yang bagus, menggunakan layer styles.

Efek ini adalah bagian dari paket style teks saya di GraphicRiver.

Photoshop Font Style 06

Pengenalan

Aset yang digunakan selama pembuatan dalam tutorial ini sebagai berikut:

Sebelum Anda mulai membuat sendiri teks mock-up, download dan install font. Ini akan membantu Anda untuk mendapatkan hasil yang sama.

1. Cara Membuat Pola

Langkah 1

Membuka Photoshop (Saya menggunakan Photoshop CS6), menuju ke File > New, dan membuat dokumen baru ukuran 6 x 6 px (Background Contents harus Transparent).

Creating a New Document

Langkah 2

Beralih ke Pencil Tool, mengatur ukuran 1 px, dan menggambar garis-garis diagonal.

Pattern Image

Langkah 3

Tekan Control-A untuk memilih gambar dan menuju ke Edit > Define Pattern. Ketik DL Pattern pada bidang Name.

Saving the Pattern

Pola telah ditambahkan ke perpustakaan dan akan digunakan pada langkah berikutnya.

2. Cara Membuat Latar Belakang

Langkah 1

Membuat dokumen baru ukuran 4000 x 1420 px dengan resolusi 300 pixels/inch. Atur Background Content as Transparent.

Creating a New Document

Langkah 2

Menuju ke Layer > New Fill Layer > Gradient, dan ketik Background pada kotak Name.

Adding the Gradient

Langkah 3

Photoshop akan membuka kotak dialog. Klik pada Gradient box untuk membuat gradient fill menggunakan warna #535353 di sebelah kiri dan #373737 di sebelah kanan. Setelah itu, klik tombol OK.

Set colors of Gradient

Langkah 4

Memilih Background dan menuju ke Layer > Group Layers (atau tekan Control-G). Beri nama grup jadi Background dan menutupnya.

Organize layers and folders

3. Cara Membuat Smart Object pada Teks

Ini akan membantu Anda untuk mengubah teks dalam beberapa klik.

Langkah 1

Pilih Type Tool (T) dan pilih font Intro. Atur Ukuran Font sekitar 230 pt. Menulis "ACID" dalam huruf kapital. Warna teks ini tidak penting.

Acid Text

Langkah 2

Pilih layer ACID, tekan Control-A, pilih Move Tool, dan tekan Align vertical center dan Align horizontal center. Ini akan memindahkan layer teks ke bagian tengah pada dokumen.

Align The Text

Langkah 3

Memastikan bahwa layer ACID dipilih. Klik dua kali dengan mouse Anda pada nama layer dan mengubahnya jadi Text Layer. Tekan Enter untuk menerapkan perubahan.

Renaming The Label

Langkah 4

Menuju ke Layer > Smart Objects > Convert to Smart Object (atau klik-kanan pada Layer Teks dan memilih Convert to Smart Object).

Convert to Smart Object

Langkah 5

Pilih layer Smart Object ini dan duplikasi empat kali. Sebagai hasilnya ada lima copy dari Smart Object. Memberi nama setiap layer dari bagian atas ke bawah menggunakan template: Text_[number]. Pilih semua smart objects dan menjadikan satu grup. Mengubah nama grup menjadi Teks.

Duplicating The Smart Objects

4. Cara Membuat Layer Styles pada Text_1

Mari kita mulai dari atas ke bawah.

Langkah 1

Pertama, mengubah Fill Opacity ke 0.

Changing Fill Opacity

Langkah 2

Klik-dua kali layer Text_1 untuk menerapkan layer style. Menambahkan Pattern Overlay dengan pengaturan ini:

  • Blend Mode: Overlay
  • Opacity: 100%
  • Klik pada Pattern dan memilih pola yang kita buat sebelumnya.
  • Scale: 100%
Pattern Overlay

Sebagai hasilnya, Anda harus memiliki gambar berikutnya:

Result

5. Cara Membuat Layer Styles pada Text_2

Klik-kanan layer teks dan memilih Blending Options untuk membuat Layer Style.

Langkah 1

Mengubah Fill Opacity ke 0.

Changing Fill Opacity

Langkah 2

Menambahkan Stroke dengan pengaturan ini:

  • Size: 20 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 100%
  • Fill Type: Gradient
  • Gradient: dari #001100 ke #00450b
  • Style: Linear
  • Angle: 90°
  • Scale: 100%
  • Tidak dicentang pada Reverse dan Dither
Stroke

Langkah 3

Sekarang menambahkan Inner Glow:

  • Blend Mode: Normal
  • Opacity: 100%
  • Noise: 0%
  • Color: #ffa81f
  • Technique: Softer
  • Source: Edge
  • Choke: 100%
  • Size: 10 px
  • Tidak dicentang pada Anti-aliased
  • Range: 100 %
  • Jitter: 0%
Inner Glow

Langkah 4

Menambahkan Gradient Overlay dengan pengaturan ini:

  • Blend Mode: Normal
  • Tidak dicentang pada Reverse dan Dither
  • Opacity: 100%
  • Klik pada Gradient dan atur: #aede00 ke 0%, #759b00 ke 50%, #cdfc00 ke 51% dan #cdfc00 ke 100%
  • Style: Linear
  • Angle: 90°
  • Scale: 100 px
Gradient Overlay

Teks harus terlihat seperti dengan ini:

Result

6. Cara Membuat Layer Styles pada Teks_3

Klik-dua kali layer Teks_3 untuk menerapkan layer style. Menambahkan Stroke dengan pengaturan ini:

  • Size: 30 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 100%
  • Fill Type: Color
  • Color: #00450b
Stroke

Hasil dari langkah ini:

Result

7. Cara Membuat Layer Styles pada Teks_4

Klik-kanan layer teks dan memilih Blending Options untuk membuat Layer Style.

Langkah 1

Menambahkan Stroke dengan pengaturan ini:

  • Size: 50 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 100%
  • Fill Type: Gradient
  • Gradient: dari #ad036d ke #e4024d
  • Style: Linear
  • Angle: 90°
  • Scale: 100%
  • Tidak dicentang Reverse dan Dither
Stroke

Langkah 2

Menambahkan Drop Shadow:

  • Blending Mode: Normal
  • Pilih warna #000000
  • Opacity: 13%
  • Tidak dicentang kotak Use Global Light sebelum mengatur Angle: 135°
  • Distance: 20 px
  • Spread: 100%
  • Size: 60
Drop Shadow

Hasil:

Result

8. Cara Membuat Layer Styles pada Teks_5

Sebelum menambahkan teks styles, pilih layer ini dan memindahkannya ke bawah sampai 20 px.

Langkah 1

Menambahkan Stroke dengan pengaturan ini:

  • Size: 70 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 100%
  • Fill Type: Gradient
  • Gradient: dari #75064b ke #991641
  • Style: Linear
  • Angle: 90°
  • Scale: 100%
  • Tidak dicentang Reverse dan Dither
Stroke

Langkah 2

Menambahkan Drop Shadow dengan pengaturan ini:

  • Blending Mode: Normal
  • Pilih warna #000000
  • Opacity: 40%
  • Tidak dicentang kotak Use Global Light box sebelum mengatur Angle: 135°
  • Distance: 60 px
  • Spread: 100%
  • Size: 45
Drop Shadow

Selamat, Anda Sudah Selesai!

Efek teks acid sudah siap. Berikut adalah gambar akhir. Saya berharap Anda menikmati tutorial.

Jangan lupa untuk berbagi hasil Anda dengan kami.

Jika Anda ingin mengubah teks, klik dua kali icon Smart Object, dan Photoshop akan membuka file PSB baru. Mengubah teks, menuju ke File > Save untuk menyimpan perubahan dan File > Close untuk menutup dokumen ini. Setelah itu, Anda akan mendapatkan sebuah dokumen yang membarui dengan kata baru.

Final Result
Hasil Akhir

Anda dapat membeli efek ini sebagai bagian dari text style pack pada GraphicRiver.

Photoshop Font Style 06
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.