Cara Membuat Efek Teks Terinspirasi ‘Stranger Things’ di Adobe Photoshop

Gambar produk akhirGambar produk akhirGambar produk akhir
Hal-hal yang Akan Anda Ciptakan

Tutorial singkat ini akan menunjukkan kepada Anda cara mudah untuk membuat efek teks yang terinspirasi oleh seri ‘Stranger Things’, hanya menggunakan layer style dan beberapa penyesuaian sederhana. Ayo mulai!

Efek teks ini terinspirasi oleh banyak orang Fonta bergaya Benda Asing aktif Elemen Envato. Anda bisa mendapatkan Kebakaran Pertengahan Musim DinginFont logo Stranger Things serupa tersedia untuk diunduh.

Font Pertengahan Musim Dingin 80-anFont Pertengahan Musim Dingin 80-anFont Pertengahan Musim Dingin 80-an

Tutorial Aset untuk Tutorial Teks Stranger Things

Aset berikut digunakan selama produksi tutorial teks Stranger Things ini:

1. Buat Latar Belakang dan Teks

Langkah 1

Buat yang baru 1280 x 720px Dokumen Stranger Things PSD, dan isi Latar belakang dengan warna #0c0101.

Buat Latar BelakangBuat Latar BelakangBuat Latar Belakang

Langkah 2

Membuat teks di White menggunakan font Indira K.

Font asli yang digunakan adalah Benguiattetapi di sini ada font Stranger Things gratis serupa yang dapat Anda gunakan sebagai gantinya.

Mengatur Ukuran terhadap nilai-nilai sekitarnya 141 poindan cek Berani Palsu Dan Semua Topi ikon di Karakter panel (Jendela > Karakter).

Buat TeksBuat TeksBuat Teks

Langkah 3

Mengubah Pelacakan nilai ke -100.

Ubah PelacakanUbah PelacakanUbah Pelacakan

Langkah 4

Mengubah Skala Vertikal ke 115. Ini akan meregangkan teks secara vertikal.

Ubah Skala VertikalUbah Skala VertikalUbah Skala Vertikal

2. Sesuaikan Font yang Lebih Besar

Langkah 1

Pilih (sorot) huruf pertama teks Anda, dan ubah Ukuran terhadap nilai-nilai sekitarnya 212 poin.

Kapitalisasi Huruf PertamaKapitalisasi Huruf PertamaKapitalisasi Huruf Pertama

Langkah 2

Selanjutnya, Anda perlu mengubah Pergeseran Dasar nilai untuk memindahkan huruf kapital ke bawah, hingga bagian atasnya sejajar dengan bagian atas huruf lainnya.

Untuk melakukannya, Anda dapat memasukkan nilai numerik atau scrub Tetapkan offset garis dasar ikon di sebelah kiri.

Tetapkan Offset DasarTetapkan Offset DasarTetapkan Offset Dasar

Langkah 3

Lakukan hal yang sama untuk huruf terakhir dari baris pertama teks, atau huruf lain yang Anda suka.

Sesuaikan Huruf TerakhirSesuaikan Huruf TerakhirSesuaikan Huruf Terakhir

3. Sesuaikan Kerning

Langkah 1

Tempatkan kursor teks di antara dua huruf pertama yang Anda miliki, dan ubah Kerning ke nilai yang menurut Anda terlihat bagus.

Ubah KerningUbah KerningUbah Kerning

Langkah 2

Bergantung pada teks Anda dan hasil yang Anda cari, sesuaikan Kerning untuk semua surat yang Anda miliki. Tidak semua huruf harus disesuaikan, hanya huruf yang Anda rasa perlu saja.

Ubah KerningUbah KerningUbah Kerning

Langkah 3

Setelah selesai, ubah layer teks isi nilai ke 0.

Ubah Nilai IsiUbah Nilai IsiUbah Nilai Isi

4. Tambahkan Efek Teks Stranger Things

Sekarang saatnya menambahkan efek teks Stranger Things! Klik dua kali pada layer teks untuk menerapkan gaya lapisan berikut:

Langkah 1

Tambahkan itu Miring dan Timbul, yang akan memberi kita efek lampu tanda neon Stranger Things yang populer. Cukup tambahkan pengaturan berikut:

  • gaya: Stroke muncul
  • Kedalaman: 220
  • Ukuran: 3
  • Hapus centang Gunakan Cahaya Global kotak
  • sudut: 156
  • Tinggi: 37
  • Kontur Mengkilap: Kerucut – Terbalik
  • Memeriksa Anti-aliasing kotak
  • Mode Sorotan – Opasitas: 35%
  • Mode Bayangan – Opasitas: 50%
Miring dan TimbulMiring dan TimbulMiring dan Timbul

Langkah 2

Tambahkan itu Kontur dengan pengaturan ini:

  • Kontur: Teluk – Dalam
  • Memeriksa Anti-aliasing kotak.
KonturKonturKontur

Langkah 3

Tambahkan itu Stroke dengan pengaturan ini:

  • Ukuran: 3
  • posisi: Di dalam
  • Warna: #ce1725
StrokeStrokeStroke

Langkah 4

Tambahkan satu Cahaya batin dengan pengaturan ini:

  • Kegelapan: 50%
  • kebisingan: 5%
  • Warna: #ea0f0f
  • Ukuran: 17
Cahaya batinCahaya batinCahaya batin

Langkah 5

Tambahkan satu Cahaya Luar dengan pengaturan ini:

  • Kegelapan: 50%
  • kebisingan: 5%
  • Warna: #ea2314
  • Ukuran: 12
  • Jangkauan: 60%
Cahaya LuarCahaya LuarCahaya Luar

Langkah 6

Ini akan memberi style pada teks. Klik kanan lapisan teks bergaya, dan pilih itu Salin Gaya Lapisan.

Salin Gaya LapisanSalin Gaya LapisanSalin Gaya Lapisan

5. Buat Kotak

Langkah 1

Persegi panjang adalah bagian penting dalam membuat desain Stranger Things. Pilih yang mana Alat Kotak Bulatdan atur Radius di dalam Pilihan th bar 2. Klik-seret untuk membuat persegi panjang di atas teks, dengan a Tinggi nilai-nilai sekitarnya 7px.

Kemudian, klik-seret untuk membuat lebih banyak persegi panjang di awal dan akhir baris kedua teks, atau di mana pun Anda ingin menambahkannya. Pastikan untuk menjaga hal-hal yang sama Tinggi untuk semua persegi panjang yang Anda buat.

Buat KotakBuat KotakBuat Kotak

Langkah 2

Ubah semua layer menjadi persegi panjang’ isi nilai ke 0.

Ubah Nilai IsiUbah Nilai IsiUbah Nilai Isi

6. Gaya Persegi Panjang

Klik kanan setiap lapisan persegi panjang yang Anda miliki, dan pilih itu Tempel Gaya Lapisan. Ini akan menggunakan gaya lapisan yang sama yang disalin dari lapisan teks.

Setelah itu, Klik dua kali lapisan persegi panjang bergaya untuk menyesuaikan beberapa nilai:

Langkah 1

Tambahkan itu Miring dan Timbul dengan pengaturan ini:

  • Ukuran: 2
Miring dan TimbulMiring dan TimbulMiring dan Timbul

Langkah 2

Tambahkan itu Stroke dengan pengaturan ini:

  • Ukuran: 2
  • posisi: Di luar
StrokeStrokeStroke

Langkah 3

Tambahkan satu Cahaya batin dengan pengaturan ini:

  • Ukuran: 5
Cahaya batinCahaya batinCahaya batin

Langkah 4

Tambahkan satu Cahaya Luar dengan pengaturan ini:

  • Ukuran: 17
Cahaya LuarCahaya LuarCahaya Luar

Langkah 5

Klik kanan gaya layer persegi panjang, dan pilih itu Salin Gaya Lapisan.

Salin Gaya LapisanSalin Gaya LapisanSalin Gaya Lapisan

Langkah 6

Pilih layer persegi panjang lain yang Anda miliki, Klik kanan salah satu dari mereka, dan memilih Tempel Gaya Lapisan.

Tempel Gaya LapisanTempel Gaya LapisanTempel Gaya Lapisan

Langkah 7

Tempatkan layer teks dan persegi panjang dalam sebuah grup, dan beri nama Efek Teks.

Grup Efek TeksGrup Efek TeksGrup Efek Teks

7. Gaya Grup

Klik dua kali yang Efek Teks grup untuk menggunakan gaya lapisan berikut:

Langkah 1

Tambahkan itu Hamparan Gradien dengan pengaturan ini:

  • Memeriksa Gentar kotak
  • Mode Campuran: Cahaya lembut
  • gaya: Dicerminkan
  • sudut: 135
  • Membuat Gradien isi dengan menggunakan warna #fbe7c2 ke kiri dan #e69f99 ke kanan
Hamparan Gradien 1Hamparan Gradien 1Hamparan Gradien 1

Langkah 2

tambahkan satu lagi Hamparan Gradien efek dengan pengaturan ini:

  • Memeriksa Gentar kotak
  • Mode Campuran: Hamparan
  • gaya: Dicerminkan
  • sudut: 135
  • Menggunakan pipa 10 mengisi gradien
Hamparan Gradien 2Hamparan Gradien 2Hamparan Gradien 2

Langkah 3

Tambahkan satu Cahaya Luar dengan pengaturan ini:

  • Kegelapan: 20%
  • Warna: #de1b22
  • Ukuran: 34
  • Jangkauan: 60%
Cahaya LuarCahaya LuarCahaya Luar

Ini akan meningkatkan efeknya.

Grup BergayaGrup BergayaGrup Bergaya

8. Tambahkan Beberapa Titik Cahaya

Langkah 1

Mari tambahkan beberapa efek lagi pada desain Stranger Things kita. Pertama, atur Warna latar depan ke #451d08dan kemudian buat layer baru di atas semua layer, beri nama Lampudan mengubahnya Modus Campuran ke Warna Dodge.

Lapisan CahayaLapisan CahayaLapisan Cahaya

Langkah 2

Pilih yang mana Alat sikat, dan pilih ujung yang besar, lembut, dan bulat. Kemudian mulailah mengklik beberapa huruf untuk meringankannya.

Anda dapat mengubah ukuran tip, dan bermain-main dengannya Kegelapan nilai yang dalam Pilihan bar untuk mengontrol intensitas titik cahaya yang Anda tambahkan.

Tambahkan Titik CahayaTambahkan Titik CahayaTambahkan Titik Cahaya

Langkah 3

Klik Buat lapisan isian atau penyesuaian baru ikon di Lapisan panel, lalu pilih Warna/Saturasi.

Lapisan Penyesuaian HueSaturationLapisan Penyesuaian HueSaturationLapisan Penyesuaian HueSaturation

Langkah 4

Mengubah Kejenuhan nilai ke 35dan juga Keringanan ke 15atau nilai lain yang Anda suka.

Ubah NilaiUbah NilaiUbah Nilai

9. Sesuaikan Rona

Langkah 1

Mari tambahkan efek teks Stranger Things lainnya. Tambahkan itu Gradien lapisan penyesuaian di atas Efek Teks kelompok.

Buat isian gradien menggunakan warna #5c456e ke kanan, #b26b73 di tengah, dan #fda982 ke kiri. Mengubah Gaya ke Dicerminkanyang sudut ke 155dan juga Skala ke 55%.

Lapisan Penyesuaian GradienLapisan Penyesuaian GradienLapisan Penyesuaian Gradien

Langkah 2

Mengubah Gradien lapisan Modus Campuran ke Warnadan yang mana Kegelapan ke 35%. Terakhir, cukup ekspor file PSD Stranger Things Anda ke ekstensi file yang Anda inginkan dan selesai!

Pengaturan Lapisan GradienPengaturan Lapisan GradienPengaturan Lapisan Gradien

Itu saja! Sekarang Anda Tahu Cara Membuat Neon Sign Benda Asing

Dalam tutorial ini, kami membuat desain Stranger Things dengan teks sederhana dan memodifikasinya menggunakan berbagai opsi dan pengaturan panel Karakter. Lalu kita memberi style pada teks, membuat persegi panjang dan memberi style juga.

Setelah itu, kami mengelompokkan semua layer dan menambahkan gaya layer lainnya. Terakhir, kami menambahkan beberapa titik cahaya dan lapisan penyesuaian gradien untuk memodifikasi pewarnaan hasil akhir. Ikuti bersama kami di atas Envato Tuts+ Saluran YouTube jika Anda lebih suka tutorial video:


Cara Membuat Efek Teks Terinspirasi ‘Stranger Things’ di Adobe Photoshop

Cara Membuat Efek Teks Terinspirasi 'Stranger Things' di Adobe Photoshop

Temukan Font Gaya Stranger Things yang Serupa

Apakah Anda ingin font logo Stranger Things serupa? Lihat font vintage 80-an yang menakjubkan ini untuk desain grafis atau proyek ilustrasi Anda selanjutnya:

hobi nulis tutorial tentang desain grafis dan tips seputar IT