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

Bagaimana Membuat Efek Teks Yang Terinspirasi Dari Spiderman Dalam Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

Di dalam tutorial ini saya akan menunjukkan bagaimana membuat efek teks Spiderman dengan mudah, menggunakan sebuah pola dan layer style.

Efek teks Spiderman merupakan bagian dari Super Heroes - Photoshop Styles dari portofolio saya di Envato Market.

Super Heroes Styles Preview Image
Super Heroes - Photoshop Styles

Bahan-Bahan Tutorial

Bahan-bahan di bawah digunakan selama pembuatan tutorial ini:

Sebelum kamu mulai membuat efek teks Spiderman, download dan instal font dan pola ke dalam Photoshop.

1. Membuat Background

Saya akan menunjukkanmu bagaimana membuat background untuk gambar final, namun jika kamu ingin menggunakan background sendiri, maka lewatkan keseluruhan bagian ini.

Langkah 1

Mulai dengan membuat dokumen baru 850 x 500 px dengan Resolution pada 72 Pixels/Inch dan Background Contents ke White.

Create a New Document

Langkah 2

Dobel klik layer Background di dalam panel Layers untuk membukanya. Sekarang klik kanan layer yang sudah dibuka ini dan pilih Blending Options dari menu. Cara lainnya untuk membuka pilihan ini adalah memilih layer dan pergi ke Layer > Layer Style > Blending Options.

Kemudian tambahkan Gradient Overlay dengan pengaturan sebagai berikut:

  • Blend Mode: Linear Burn
  • Opacity: 20%
  • Klik kotak Gradient untuk membuat gradient fill dengan menggunakan warna White di kiri dan Black di kanan.
  • Style: Radial
  • Angle: 0°
  • Centang kotak Dither.
Add a Gradient Overlay to Background

Langkah 3

Tambahkan Pattern Overlay dengan pengaturan sebagai berikut:

  • Klik pada kotak Pattern dan pilih pola Dark Wall.
  • Opacity: 100%
  • Scale: 100%
Add a Pattern Overlay to Background

Ini akan membuat background bertekstur gelap dengan sebuah vignette.

Background Final Image

2. Membuat Efek Teks Spiderman

Efek teks ini dibuat dari satu layer, sehingga kamu dapat menyimpannya sebagai style baru dalam palette Styles untuk penggunaan mendatang.

Langkah 1

Ambil Type Tool dan pilih font Aero Matics. Atur Font Style ke Bold Italic dan Font Size sekitar 200 pt. Tulis "SPIDER" dengan huruf kapital.

Use Type Tool

Langkah 2

Pilih layer teks di dalam panel Layers, klik kanan pada layer dan pilih Blending Options dari menu.

Tambahkan Pattern Overlay dengan pengaturan sebagai berikut:

  • Klik pada kotak Pattern dan pilih pola Spidy.
  • Scale: 25%

Ini akan menambahkan pola utama merah Spiderman.

Add a Pattern Overlay to Layer Style

Langkah 3

Tambahkan Gradient Overlay dengan pengaturan sebagai berikut:

  • Blend Mode: Multiply
  • Opacity: 14%
  • Klik kotak Gradient untuk membuat gradient fill dengan menggunakan warna Black di kiri dan White di kanan.
  • Style: Linear
  • Angle: -90°
  • Centang kotak Dither.
Add a Gradient Overlay to Layer Style

Langkah 4

Tambahkan Color Overlay dengan pengaturan sebagai berikut:

  • Blend Mode: Multiply
  • Klik pada kotak Color dan pilih warna #e10505.
  • Opacity: 100%

Baik color dan gradient overlay akan sedikit menggelapkan tekstur utama.

Add a Color Overlay to Layer Style

Langkah 5

Tambahkan Satin dengan pengaturan sebagai berikut:

  • Blend Mode: Linear Dodge (Add) dengan Color #ffeb0d
  • Opacity: 100%
  • Angle:
  • Distance: 4 px
  • Size: 16 px
  • Hilangkan centang kotak Invert, jika dicentang.

Satin menambahkan kilau kuning dan oranye di dalam tekstur Spiderman.

Add a Satin to Layer Style

Langkah 6

Tambahkan Outer Glow dengan pengaturan sebagai berikut:

  • Blend Mode: Normal
  • Opacity: 100%
  • Technique: Precise
  • Spread: 0%
  • Size: 8 px
  • Range: 55%
  • Jitter: 0 %
  • Pilih radio button di sebelah gradient dan kemudian edit gradient Stops:
  • First gradient stop Color #111111 dan Location pada 21%.
  • Second gradient stop Color #177ece dan Location pada 48%.
  • Third gradient stop Color #9adaff dan Location pada 73%.

Ini akan menambahkan gradient biru di sekitar teks dengan pusat biru tua.

Add an Outer Glow to Layer Style

Langkah 7

Tambahkan Inner Shadow dengan pengaturan sebagai berikut:

  • Blend Mode: Linear Burn dengan Color #010101
  • Opacity: 30%
  • Hilangkan centang Use Global Light sebelum menyetel Angle: -90°.
  • Distance: 6 px
  • Choke: 0%
  • Size: 0 px

Inner shadow menambahkan sensasi 3D pada style.

Add an Inner Shadow to Layer Style

Langkah 8

Tambahkan Inner Glow dengan pengaturan sebagai berikut:

  • Blend Mode: Screen
  • Opacity: 71%
  • Pilih Color #ffeb0d
  • Technique: Softer
  • Source: Edge
  • Choke: 0%
  • Size: 5 px

Inner glow menambahkan sebuah goresan kuning di sekitar tekstur.

Add an Inner Glow to Layer Style

Langkah 9

Tambahkan Stroke dengan pengaturan sebagai berikut:

  • Size: 2 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 100%
  • Fill Type: Gradient
  • Style: Linear
  • Angle: 90°
  • Centang kotak Dither.
  • Atur Gradient dengan 5 stops berikut:
  • First gradient stop Color #003669 dan Location pada 12%.
  • Second gradient stop Color #bcebff dan Location pada 22%.
  • Third gradient stop Color #003669 dan Location pada 52%.
  • Fourth gradient stop Color #bcebff dan Location pada 83%.
  • Fifth gradient stop Color #003669 dan Location pada 96%.

Stroke akan menambahkan garis kecil biru berkilau di sekitar teks.

Add a Stroke to Layer Style

Langkah 10

Tambahkan Bevel & Emboss dengan pengaturan sebagai berikut:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 100%
  • Direction: Up
  • Size: 18 px
  • Hilangkan centang pada kotak Use Global Light sebelum mengatur Angle: 110° dan Altitude: 30°
  • Highlight Mode: Linear Dodge (Add) dengan Color #ffc000 dan Opacity: 26%
  • Shadow Mode: Linear Burn dengan Color #0a2a40 dan Opacity: 20%
Add a Bevel and Emboss to Layer Style

Langkah 11

Tambahkan Texture dengan pengaturan sebagai berikut:

  • Klik pada kotak Pattern dan pilih pola Spidy.
  • Scale: 25%
  • Depth: +120%

Inner bevel dengan tekstur menambahkan lebih banyak kesan mendalam pada warna merah pola Spiderman.

Add a Texture to Layer Style

Langkah 12

Sebagai langkah akhir, tambahkan Drop Shadow dengan pengaturan sebagai berikut:

  • Blend Mode: Normal dengan Color #001e2d
  • Opacity: 100%
  • Hilangkan centang Use Global Light sebelum mengatur Angle: 120°
  • Distance: 3 px
  • Spread: 100%
  • Size: 11 px
Add a Drop Shadow to Layer Style

Selamat! Kamu Telah Selesai!

Di dalam tutorial ini, kamu telah mempelajari bagaimana membuat efek teks Spiderman dalam Photoshop.

Kita memulai dengan membuat background gelap dengan pola mulus. Kemudian kita membuat layer teks dan menambahkan banyak efek yang berbeda untuk membuat efek teks bergaya Spiderman.

Saya harap kamu menikmati tutorial ini, dan jika kamu menyukai efek finalnya, jangan lupa untuk menyimpan style ini ke palette Layer Styles untuk project mendatang.

Efek teks Spiderman merupakan bagian dari Super Heroes - Photoshop Styles dari portofolio saya di Envato Market.

Final Text Effect
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.