Advertisement
  1. Design & Illustration
  2. Sci-Fi

Cara Membuat Efek Teks Sci-Fi Scan-Line di Adobe Photoshop

Scroll to top
Read Time: 4 min

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Tutorial ini akan menunjukkan kepada Anda cara menggunakan style layer untuk menciptakan efek teks super cepat yang sci-fi scan-line yang sangat cepat dan mudah. Mari kita mulai!

Efek teks ini terinspirasi oleh gaya Layer banyak tersedia di GraphicRiver.

Tutorial aset

Aset berikut yang digunakan selama produksi tutorial ini:

1. cara membuat pola gradien yang sederhana

Langkah 1

Membuat 500 x 104 px dokumen baru, dan klik dua kali pada lapisan latar belakang untuk membukanya.

Unlock the Background LayerUnlock the Background LayerUnlock the Background Layer

Langkah 2

Klik dua kali pada lapisan lapisan 1 menerapkan efek gradien tampilan dengan pengaturan ini:

  • Centang kotak Dither.
  • Menggunakan mengisi gradien keran 150.
Gradient OverlayGradient OverlayGradient Overlay

Langkah 3

Pilih Satu kolom Marquee Tool dan klik sekali di mana saja untuk memilih satu baris vertikal.

Kemudian, buka Edit > mendefinisikan pola, dan menetapkan Nama untuk Baris.

Define PatternDefine PatternDefine Pattern

2. Cara membuat tekstur latar belakang

Langkah 1

Buat baru 850 x 588 px dokumen dengan set nilai resolusi 300, menempatkan gambar tekstur grunge hitam dinding di atas lapisan latar belakang, dan mengubah ukurannya yang diperlukan.

Add the Background TextureAdd the Background TextureAdd the Background Texture

Langkah 2

Pergi ke gambar > penyesuaian > tingkat, dan perubahan nilai 1.10 Gamma.

LevelsLevelsLevels

Langkah 3

Klik dua kali pada lapisan tekstur menerapkan Lapisan warna efek dengan pengaturan ini:

  • Warna: #3b7aab
  • Blend Mode: tampilan
Color OverlayColor OverlayColor Overlay

Ini akan menambah warna biru untuk tekstur.

Colored TextureColored TextureColored Texture

3. cara membuat dan gaya teks lapisan

Langkah 1

Membuat teks menggunakan font Kenney masa depan, dan mengatur ukuran ke 50 pt.

Gandakan layer teks dan mengubah salinan yang mengisi nilai ke 0%.

Create the Text LayersCreate the Text LayersCreate the Text Layers

Klik dua kali lapisan teks asli untuk menerapkan gaya lapisan berikut:

Langkah 2

Tambahkan Bevel dan Emboss dengan pengaturan ini:

  • Gaya: Stroke Emboss
  • Teknik: Pahat keras
  • Kedalaman: 550
  • Ukuran: 6
  • Hapus centang pada kotak Gunakan Global cahaya
  • Sudut:-169
  • Ketinggian: 37
  • Gloss kontur: cincin
  • Centang kotak anti-alias
  • Sorot Mode: Dodge warna
    • kegelapan: 75%
  • Bayangan Mode: Membakar linier
    • Kegelapan: 40%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 3

Tambahkan Kontur dengan pengaturan ini:

  • Kontur: Kerucut - Terbalik
  • Centang kotak Anti-aliased.
  • Jarak: 100%
ContourContourContour

Langkah 4

Tambahkan Stroke dengan pengaturan ini:

  • Ukuran: 3
  • Posisi: luar
  • Mengisi Type: gradien
  • Sudut: 90
  • Klik kotak gradien untuk membuat gradien
StrokeStrokeStroke

Membuat gradien dengan menambahkan bergantian warna berhenti warna #1b5ad3 dan #6db7fd.

Gradient FillGradient FillGradient Fill

Langkah 5

Tambahkan Inner Shadow dengan pengaturan ini:

  • Mode campuran: Warna Burn
  • Warna: #0886f1
  • Opacity: 60%
  • Hapus centang pada kotak Gunakan Global cahaya
  • Sudut: 90
  • Jarak: 0
  • Tersedak: 25
  • Ukuran: 9
Inner ShadowInner ShadowInner Shadow

Langkah 6

Tambahkan Inner Glow dengan pengaturan ini:

  • Campuran Mode: Hidup cahaya
  • Opacity: 70%
  • Warna: #7ffffd
  • Tersedak: 30
  • Ukuran: 16
  • Centang kotak anti-alias
  • Kisaran: 100
Inner GlowInner GlowInner Glow

Langkah 7

Tambahkan Gradient tampilan dengan pengaturan ini:

  • Centang kotak Dither
  • Mode campuran: Membakar Linear
  • Opacity: 75%
  • Skala: 109%
  • Membuat gradien menggunakan warna #145190 ke kiri dan #9517ff ke kanan.
Gradient OverlayGradient OverlayGradient Overlay

Langkah 8

Menambahkan pola tampilan dengan pengaturan ini:

  • Pola: baris
  • Skala: 7%
Pattern OverlayPattern OverlayPattern Overlay

Langkah 9

Menambahkan cahaya luar dengan pengaturan ini:

  • Blend Mode: tampilan
  • Opacity: 75%
  • Warna: #dd69ff
  • Menyebarkan: 10
  • Ukuran: 30
  • Centang kotak anti-alias
Outer GlowOuter GlowOuter Glow

Langkah 10

Tambahkan Drop Shadow dengan pengaturan ini:

  • Opacity: 100%
  • Tidak dicentang kotak Use Global Light
  • Sudut: 90
  • Jarak: 10
  • Sebarkan: 30
  • Ukuran: 15
Drop ShadowDrop ShadowDrop Shadow

Langkah 11

Tambahkan contoh lain dari efek Drop Shadow dengan pengaturan ini:

  • Opacity: 70%
  • Tidak dicentang kotak Use Global Light
  • Sudut: 90
  • Jarak: 20
  • Ukuran: 35
Drop ShadowDrop ShadowDrop Shadow

Ini akan menciptakan efek utama.

Main EffectMain EffectMain Effect

4. Cara Menambahkan Lebih Banyak Efek Lapisan

Klik dua kali layer teks salin untuk menerapkan gaya lapisan berikut:

Langkah 1

Tambahkan Bevel dan Emboss dengan pengaturan ini:

  • Ukuran: 49
  •  Tidak dicentang kotak Use Global Light
  • Sudut: 58
  • Ketinggian: 21
  • Kontur gloss: Cone - terbalik
  • Centang kotak anti-alias
  • Sorot Mode: Lampu hidup
    • Opacity: 77%
  • Bayangan Mode:
    • Opacity: 0%
Bevel and EmbossBevel and EmbossBevel and Emboss

Langkah 2

Tambahkan kontur dengan pengaturan ini:

  • Kontur: Bergulir lereng - menurun
  • Centang kotak anti-alias.
  • Kisaran: 100%
ContourContourContour

Langkah 3

Tambahkan Inner Shadow dengan pengaturan ini:

  • Campuran Mode: Soft Light
  • Warna: #ab2eec
  • Opacity: 100%
  • Hapus centang pada kotak Gunakan Global cahaya
  • Sudut: 90
  • Jarak: 0
  • Ukuran: 21
Inner ShadowInner ShadowInner Shadow

Langkah 4

Tambahkan Inner Glow dengan pengaturan ini:

  • Campuran Mode: Hidup cahaya
  • Opacity: 25%
  • Gradien: Menggunakan warna #3b5e7e ke kiri, #588b8a di tengah, dan #c5c396 ke kanan
  • Sumber: Pusat
  • Ukuran: 51
  • Centang kotak anti-alias
  • Kisaran: 100%
Inner GlowInner GlowInner Glow

Langkah 5

Tambahkan Gradient tampilan dengan pengaturan ini:

  • Centang kotak Dither
  • Mode campuran: Cahaya Linear
  • Opacity: 50%
  • Skala: 109%
  • Membuat gradien menggunakan warna #98addc ke kiri dan #9e727f ke kanan.
Gradient OverlayGradient OverlayGradient Overlay

Langkah 6

Menambahkan pola tampilan dengan pengaturan ini:

  • Blend Mode: Multiply
  • Pola: Kertas 2
Pattern OverlayPattern OverlayPattern Overlay

Langkah 7

Menambahkan cahaya luar dengan pengaturan ini:

  • Mode campuran: Warna Dodge
  • Opacity: 75%
  • Warna: #88621f
  • Sebarkan: 10
  • Ukuran: 20
Outer GlowOuter GlowOuter Glow

Ini akan menyelesaikan efek teks.

Finished Text EffectFinished Text EffectFinished Text Effect

5. Bagaimana cara menambahkan sentuhan akhir

Langkah 1

Jika Anda ingin menambahkan lebih dari satu baris teks, hanya duplikat baik gaya teks lapisan, dan mengubah isinya.

Add More TextAdd More TextAdd More Text

Langkah 2

Klik Buat baru mengisi atau penyesuaian lapisan ikon di bagian bawah panel Layers dan memilih warna Lookup.

Memilih REALA Fuji 500D Kodak 2392 (oleh Adobe) .cube meja dari 3DLUT File menu, dan mengubah Opacity atas lapisan ke 35%.

Color LookupColor LookupColor Lookup

Selamat, Anda sudah selesai!

Dalam tutorial ini, kami menggunakan tekstur, pola, dan lapisan gaya membuat cepat dan mudah teknologi-terinspirasi scan-baris teks efek.

Silahkan merasa bebas untuk meninggalkan komentar, saran, dan hasil di bawah ini.

Final ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads