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

Bagaimana Membuat Sebuah Efek Teks Inspirasi dari 'Stranger Things' Menggunakan Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Text Effects .
How to Create a Quick Repetitive Text Effect Illusion in Adobe Illustrator
How to Create a 3D Marquee Bulb Sign Text Effect in Adobe Photoshop
This post is part of a series called Learn Adobe Photoshop.
How to Create a Kaleidoscope Effect in Adobe Photoshop
How to Create a Floral Portrait Photo Manipulation in Adobe Photoshop

Indonesian (Bahasa Indonesia) translation by Yosef Andreas (you can also view the original English article)

Final product image
What You'll Be Creating

Tutorial singkat ini akan menunjukkanmu cara mudah untuk membuat sebuah efek teks yang terinspirasi dari serial 'Stranger Things', dengan hanya menggunakan layer styles dan beberapa penyesuaian sederhana. Mari kita mulai!

Efek teks ini terinspirasi dari banyak Layer Styles yang tersedia di Envato Market.

Perlengkapan Tutorial

Perlengkapan di bawah ini digunakan selama pembuatan dalam tutorial ini:

1. Membuat Background dan Teks

Langkah 1

Buat sebuah dokumen 1280 x 720px, dan isi Background dengan warna #0c0101.

Create the Background

Langkah 2

Buat sebuah teks berwarna Putih menggunakan font Indira K.

Font asli yang digunakan adalah Benguiat, namun ini adalah alternatif yang dapat kamu gunakan secara gratis.

Atur Size dengan nilai sekitar 141 pt, dan centang Faux Bold dan All Caps pada panel Character (Window > Character).

Create the Text

Langkah 3

Ganti nilai Tracking ke -100.

Change the Tracking

Langkah 4

Ganti Vertical Scale ke 115. Ini akan melebarkan teks secara vertikal.

Change the Vertical Scale

2. Sesuaikan Huruf Yang Lebih Besar

Langkah 1

Pilih (highlight) huruf pertama pada teks, dan ganti nilai Size sekitar 212 pt.

Enlarge the First Letter

Langkah 2

Berikutnya, kamu perlu mengganti nilai Baseline Shift untuk menurunkan huruf besar, hingga bagian atasnya berada pada ketinggian yang sama dengan bagian atas huruf yang lainnya.

Untuk melakukan itu, kamu dapat memasukkan angka, atau mengklik icon Set the baseline shift di bagian kiri.

Set the Baseline Shift

Langkah 3

Lakukan hal yang sama untuk huruf terakhir pada baris pertama teks, atau huruf mana pun yang kamu suka.

Adjust the Last Letter

3. Sesuaikan Kerning

Langkah 1

Tempatkan kursor teks diantara dua huruf pertama yang kamu punya, dan ganti nilai Kerning dengan angka yang kamu kira cocok.

Change the Kerning

Langkah 2

Tergantung pada teks dan hasil akhir yang kamu ingin capai, sesuaikan Kerning untuk huruf - huruf lainnya. Tidak semua huruf harus disesuaikan, hanya yang kamu rasa perlu saja.

Change the Kerning

Langkah 3

Setelah selesai, ubah nilai Fill pada text layer ke 0.

Change the Fill Value

4. Menambah Style Pada Teks

Dobel klik layer teks untuk menerapkan layer style berikut:

Langkah 1

Tambahkan Bevel and Emboss dengan setting di bawah ini:

  • Style: Stroke Emboss
  • Depth: 220
  • Size: 3
  • Matikan centang Use Global Light
  • Angle: 156
  • Altitude: 37
  • Glass Contour: Cone - Inverted
  • Centang pada Anti-aliased
  • Highlight Mode - Opacity: 35%
  • Shadow Mode - Opacity: 50%
Bevel and Emboss

Langkah 2

Tambahkan Contour dengan setting sebagai berikut:

  • Contour: Cove - Deep
  • Centang pada Anti-aliased.
Contour

Langkah 3

Tambahkan sebuah Stroke dengan setting sebagai berikut:

  • Size: 3
  • Position: Inside
  • Color: #ce1725
Stroke

Langkah 4

Tambahkan Inner Glow dengan setting sebagai berikut:

  • Opacity: 50%
  • Noise: 5%
  • Color: #ea0f0f
  • Size: 17
Inner Glow

Langkah 5

Tambahkan Outer Glow dengan setting sebagai berikut:

  • Opacity: 50%
  • Noise: 5%
  • Color: #ea2314
  • Size: 12
  • Range: 60%
Outer Glow

Langkah 6

Ini akan menambahkan style pada teks. Klik kanan pada layer teks yang sudah diberi style, dan pilih Copy Layer Style.

Copy Layer Style

5. Membuat Bentuk Persegi

Langkah 1

Pilih Rounded Rectangle Tool, dan atur Radius pada Options menjadi 2. Klik-drag untuk membuat persegi di atas teks, dengan nilai Height sekitar 7px.

Kemudian, klik-drag untuk membuat persegi lagi pada awal dan akhir baris kedua teks, atau dimana saja yang ingin kamu tambahkan. Hanya pastikan untuk mempertahankan nilai Height yang sama untuk semua persegi yang kamu buat.

Create the Rectangles

Langkah 2

Ganti seluruh nilai Fill pada layer persegi menjadi 0.

Change the Fill Value

6. Menerapkan Style Pada Persegi

Klik kanan pada layer persegi manapun, dan pilih Paste Layer Style. Ini akan menerapkan style layer yang sama dari layer teks.

Setelah itu, dobel klik layer rectangle tadi untuk menyesuaikan beberapa nilai;

Langkah 1

Tambahkan Bevel and Emboss dengan setting sebagai berikut:

  • Size: 2
Bevel and Emboss

Langkah 2

Tambahkan Stroke dengan setting sebagai berikut:

  • Size: 2
  • Position: Outside
Stroke

Langkah 3

Tambahkan Inner Glow dengan setting sebagai berikut:

  • Size: 5
Inner Glow

Langkah 4

Tambahkan Outer Glow dengan setting sebagai berikut:

  • Size: 17
Outer Glow

Langkah 5

Klik kanan pada layer, kemudian pilih Copy Layer Style.

Copy Layer Style

Langkah 6

Pilih layer persegi lainnya, klik kanan dan pilih Paste Layer Style.

Paste Layer Style

Langkah 7

Letakkan layer teks dan persegi dalam sebuah group, dan namai itu dengan Text Effect.

Text Effect Group

7. Terapkan Style Pada Group

Dobel klik group Text Effect untuk menerapkan layer style berikut:

Langkah 1

Tambahkan Gradient Overlay dengan setting sebagai berikut:

  • Centang pada Dither
  • Blend Mode: Soft Light
  • Style: Reflected
  • Angle: 135
  • Buat Gradient menggunakan warna #fbe7c2 pada bagian kiri dan #e69f99 pada bagian kanan
Gradient Overlay 1

Langkah 2

Tambahak efek Gradent Overlay lainnya dengan setting sebagai berikut:

  • Centang pada Dither
  • Blend Mode: Overlay
  • Style: Reflected
  • Angle: 135
  • Gunakan gradient faucet 10
Gradient Overlay 2

Langkah 3

Tambahkan Outer Glow dengan setting sebagai berikut:

  • Opacity: 20%
  • Color: #de1b22
  • Size: 34
  • Range: 60%
Outer Glow

Ini akan meningkatkan efeknya.

Styled Group

8. Tambahkan Beberapa Titik Cahaya

Langkah 1

Atur Foreground Color menjadi #451d08, lalu buat sebuah layer di atas seluruh layer lainnya, namai dengan Light, dan ubah Blend Mode ke Color Dodge.

Light Layer

Langkah 2

Pilih Brush Tool, dan pilih yang memiliki ujung bulat, besar dan lembut. Lalu mulailah mengklik pada beberapa huruf untuk membuatnya terang.

Kamu dapat mengubah ukuran ujung brush, dan bermain dengan nilai Opacity pada bar Options untuk mengubah ketebalan titik cahaya yang kamu tambahkan.

Add the Light Spots

Langkah 3

Klik pada icon Create new fill or adjustment layer pada panel Layers, kemudian pilih Hue/Saturation.

HueSaturation Adjustment Layer

Langkah 4

Ubah nilai Saturation menjadi 35, dan Lightness menjadi 15, atau angka berapapun yang kamu suka.

Change the Values

9. Penyesuaian Warna

Langkah 1

Tambahkan layer adjustment Gradient di atas group Text Effect.

Buat gradient menggunakan warna #5c456e di bagian kanan, #b26b73 di bagian tengah, dan #fda982 di bagian kiri. Ganti Style ke Reflected, Angle ke 155, dan Scale ke 55%.

Gradient Adjustment Layer

Langkah 2

Ganti Blend Mode pada layer Gradient ke Color, dan nilai Opacity ke 35%.

Gradient Layer Settings

Selamat! Kamu Telah Selesai

Dalam tutorial ini, kita membuat teks dan memodifikasinya menggunakan option dan setting Character yang berbeda. Kemudian kita menambahkan style pada teks, membuat persegi dan juga menambahkannya dengan style.

Setelah itu, kita menjadikan seluruh layer dalam satu group dan menambahkan satu layer style lagi. Akhirnya, kita menambahkan beberapa titik cahaya dan layer penyesuaian gradient untuk memodifikasi pewarnaan hasil akhir.

Mohon untuk meninggalkan komentar, saran dan hasil yang kamu punya 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.