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

Bagaimana Membuat Efek Teks Retro Terinspirasi Star Wars dalam Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Vintage Movie Text Effect in Adobe InDesign
How to Create a Quick Vintage Text Effect in Adobe InDesign

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 bagaimana menggunakan beberapa layer styles, dengan tekstur luar angkasa yang bagus dan ujung brush suar, untuk menciptakan efek teks terinspirasi Star Wars. Mari kita mulai!

Aset Tutorial

Aset yang digunakan selama pembuatan dalam tutorial ini sebagai berikut:

1. Membuat Latar Belakang

Langkah 1

Membuat dokumen baru ukuran 950 x 550 px. Meletakkan gambar we own the sky di atas layer Background, dan mengubah ukurannya sesuai yang diperlukan.

Space Texture

Langkah 2

Klik dua kali layer gambar tekstur untuk menerapkan efek Color Overlay. Mengubah Blend Mode ke Multiply dan Color ke #a6a6a6.

Color Overlay

Langkah 3

Ini akan menggelapkan sedikit pada gambar. Klik icon Create new fill or adjustment layer di bawah panel Layers dan pilih Solid Color.

Solid Color

Langkah 4

Menggunakan warna #fced82, dan kemudian mengubah adjustment layer Blend Mode ke Multiply dan Opacity ke 25%.

Solid Color Settings

2. Membuat Teks

Langkah 1

Membuat teks menggunakan font SF Distant Galaxy. Huruf S dan T, di awal dan akhir teks, adalah dalam huruf besar.

Buka panel Character (Window > Character) untuk mengubah beberapa pengaturan. Warna adalah #f2ece6, Size adalah 200 pt, Leading adalah 155 pt,dan Tracking diatur ke 50.

Character Panel Settings

Langkah 2

Selanjutnya, kita perlu menyesuaikan nilai Kerning untuk beberapa huruf. Jadi Anda akan perlu klik sekali antara masing-masing dua huruf, dan ketik nilai yang Anda inginkan.

Nilai yang digunakan di sini adalah:

  • ST: -50
  • AR (di kedua kata): 50
  • RS-50
Adjusting the Kerning Values

3. Menyesuaikan Bentuk Teks

Langkah 1

Setelah Anda suka tampilan teks, menuju ke Type > Convert to Shape.

Convert to Shape

Langkah 2

Memilih Direct Selection Tool, klik dan drag untuk memilih dua anchor points pada bagian akhir huruf R.

Select Anchor Points

Langkah 3

Tekan Tombol Panah Kanan untuk mendorong points tersebut ke kanan sampai mereka selaras dengan huruf S di bawah mereka.

Nudge Anchor Points

Langkah 4

Pilih bagian kiri anchor points pada huruf S yang di atas, dan tekan Tombol Panah Kiri untuk menyelaraskan mereka dengan huruf W di bawah mereka.

Nudge Anchor Points

Langkah 5

Menduplikasi layer bentuk, mengubah nilai Fill pada copy ke 0, dan menduplikasi ini sekali lagi.

Duplicate the Shape Layer

4. Styling Layer Bentuk Asli

Klik dua kali layer bentuk asli untuk menerapkan layer style sebagai berikut:

Langkah 1

Menambahkan Bevel and Emboss dengan pengaturan ini:

  • Style: Stroke Emboss
  • Size: 3
  • Gloss Contour: Gaussian - Inverse
  • Dicentang pada kotak Anti-aliased
  • Highlight Mode: Vivid Light
Bevel and Emboss

Langkah 2

Menambahkan Contour dengan pengaturan ini:

  • Contour: Rolling Slope - Descending
  • Dicentang pada kotak Anti-aliased
Contour

Langkah 3

Menambahkan Stroke dengan pengaturan ini:

  • Size: 10
  • Position: Center
  • Fill Type: Gradient
  • Style: Reflected
  • Angle: 35
  • Menggunakan gradient fill Golden Dial Top X11, dan klik pada kotak Gradient untuk mengeditnya.

Anda perlu klik dua kali pada setiap cahaya Color Stop, dan menggunakan warna #e1ca71 bukan #f5e5a6.

Stroke

Langkah 4

Menambahkan Inner Shadow dengan pengaturan ini:

  • Opacity: 50%
  • Distance: 0
  • Size: 1
Inner Shadow

Langkah 5

Menambahkan Gradient Overlay dengan pengaturan ini:

  • Klik kotak Gradient untuk membuat gradient.
Gradient Overlay

Langkah 6

Anda dapat mengklik di bawah bilah Gradient untuk menambah Color Stops, dan untuk setiap Color Stop yang Anda punya, Anda dapat klik dan kemudian mengubah nilai Color dan Location.

Anda juga dapat mengklik Opacity Stops di atas bilah Gradient untuk menyesuaikan nilai Opacity dan Location.

Nilai yang digunakan dari kiri ke kanan adalah:

Color - Location

  • #ede1b1 - 5%
  • #ecd98f - 75%
  • #e1ca71 - 88%
  • #be8936 - 100%

Akhirnya, mengubah nilai bagian kiri Opacity Stop's Location ke 5%.

Gradient Editor

Ini akan membuat layer pertama teks utama dari stroke dan fill.

Styled Original Shape Layer

5. Styling Layer Teks Pertama Copy

Klik dua kali layer bentuk first copy untuk menerapkan layer style sebagai berikut:

Langkah 1

Menambahkan Stroke dengan pengaturan ini:

  • Size: 10
  • Position: Center
  • Blend Mode: Overlay
  • Fill Type: Gradient
  • Style: Reflected
  • Angle: 90
  • Menggunakan gradient fill faucet 110
Stroke

Langkah 2

Menambahkan Gradient Overlay dengan pengaturan ini:

  • Blend Mode: Hard Light
  • Dicentang pada kotak Reverse
  • Menggunakan gradient fill Gold Dial Tops X7 - angled

Anda sekarang dapat klik dan drag gradient dalam teks untuk reposisi sesuai yang Anda inginkan.

Gradient Overlay

Langkah 3

Menambahkan Pattern Overlay dengan pengaturan ini:

  • Blend Mode: Overlay
  • Pattern: metal_6-512px.jpg
Pattern Overlay

Ini akan meningkatkan stroke dan warna fill.

Styled First Copy Shape Layer

6. Styling Layer Teks Kedua Copy

Klik dua kali layer bentuk second copy untuk menerapkan layer style sebagai berikut:

Langkah 1

Menambahkan Bevel and Emboss dengan pengaturan ini:

  • Style: Stroke Emboss
  • Size: 3
  • Gloss Contour: Ring
  • Dicentang pada kotak Anti-aliased
  • Highlight Mode: Vivid Light
Bevel and Emboss

Langkah 2

Menambahkan Contour dengan pengaturan ini:

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

Langkah 3

Menambahkan Stroke dengan pengaturan ini:

  • Size: 10
  • Position: Center
  • Blend Mode: Overlay
  • Fill Type: Gradient
  • Style: Reflected
  • Angle: 5
  • Menggunakan gradient fill Golden Dial Top X11
Stroke

Ini akan menambah satu layer warna lagi untuk membuat efek menjadi lebih hidup.

Styled Second Copy Shape Layer

7. Menambahkan Outer Glow

Langkah 1

Menduplikasi layer bentuk second copy, dan kemudian klik kanan pada layer dan pilih Rasterize Layer Style.

Mengubah nama layer yang rasterized menjadi Glow, dan mengubah nilai Fill ke 0.

Rasetrize Layer Style

Langkah 2

Klik dua kali layer Glow untuk menerapkan efek Outer Glow menggunakan nilai sebagai berikut:

  • Blend Mode: Linear Light
  • Color: #e7bf2a
  • Size: 3
Outer Glow

Ini akan menambah cahaya halus pada bagian luar teks.

Outer Glow Effect

8. Menambahkan Suar

Langkah 1

Mengatur warna Foreground ke #ead994, pilih Brush Tool, dan pilih ujung brush S&F-12 dari Stars and Flares Brush Set.

Pick Brush Tip

Langkah 2

Buka panel Brush (Window > Brush), dan mengubah pengaturan di bawah tab Shape Dynamics seperti yang terlihat di bawah ini:

Shape Dynamics

Langkah 3

Mengurangi Size ujung brush sesuai nilai yang Anda suka, buat layer baru di atas seluruh layer, beri nama Flares, dan mengubah Blend Mode ke Linear Light.

Kemudian, mulai mengklik untuk menambahkan suar di sekitar tepi teks.

Adding the Flares

Selamat! Anda Sudah Selesai

Dalam tutorial ini, kita menggunakan tekstur luar angkasa sebagai latar belakang, dan dimodifikasi warnanya menggunakan layer styles dan adjustment layers.

Kemudian, kita membuat teks, dan diubah beberapa pengaturannya seperti nilai Tracking dan Kerning.

Kita mengonversikan teks menjadi bentuk dan bekerja lagi pada ujung huruf.  Setelah kita selesai, kita membuat beberapa copy, dan memberi styled masing-masing dari mereka untuk mencapai efek.

Akhirnya, kita modifikasi ujung brush suar, dan digunakan untuk menambah beberapa suar dan cahaya berkilauan ke tepi teks.

Silakan merasa bebas untuk meninggalkan komentar, saran, dan hasil 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.