Membuat Efek Teks The Avengers Dengan Illustrator & Photoshop
Dalam tutorial hari ini kita akan membuat kembali efek teks yang digunakan dalam komik (juga film mendatang) - The Avengers, untuk membuat diri kita merasa seperti kita sebenarnya juga pahlawan, setidaknya pahlawan Illustrator / Photoshop :)
Kami akan membuat teks secara manual di Adobe Illustrator, lalu mengimpor jalurnya ke Adobe Photoshop dan menerapkan beberapa efek dan tekstur. Dari pada “Avengers”, kita akan gunakan “Hongkiat” sebagai teks, atau Anda dapat menggunakan teks apa pun yang Anda suka.
Mari kita mulai.
Mulai
Untuk mengikuti tutorial ini, Anda perlu sumber daya berikut:
- Tekstur beton dari VandelayPremier
- Alternatif Gratis: Tekstur Beton Gratis dari Texture King
- The Avengers dari Owen Dawson
- The Avengers yang Perkasa dari Owen Dawson
Efek Teks Pembalas
Langkah 1: Mendapatkan font
Mari kita mulai dengan mengerjakan karakternya. Opsi pertama kami menggunakan jenis font gratis. Setelah mencari di google menggunakan kata kunci "font gratis Avengers", saya menemukan dua font dengan tema Avengers, The Avengers dan The Mighty Avengers. Keduanya dibuat oleh Owen Dawson. Sayangnya, keduanya tidak memiliki alfabet lengkap untuk proyek kami.
Huruf pertama tidak memiliki K dan O. Kami membutuhkan dua karakter ini di "Hongkiat". Selain itu, kami tidak dapat menggunakan karakter A-nya karena tidak cocok jika digunakan di antara huruf-huruf, seperti dalam "Hongkiat".
Font kedua sepertinya didasarkan dari komik asli The Avengers. Ini memiliki tepi bulat, bukan tepi tajam. Gaya font ini berbeda dari poster filmnya.
Jadi, pilihan terbaik kami adalah menggambar karakter secara manual. Kami tidak akan menggunakan font ini tetapi mereka akan berguna untuk referensi kami saat membuat karakter.
Langkah 2: Referensi
Anda harus mulai googling untuk The Avengers. Inilah yang saya gunakan untuk referensi kami. Simpan file gambar, buat file baru di Adobe Illustrator, lalu tempel file. Klik Obyek> Kunci> Pilihan untuk mengunci gambar dan mencegahnya diedit secara tidak sengaja.
Langkah 3: Membuat Karakter
Dalam teks "AVENGERS" saat ini, kita dapat menemukan N dan G yang digunakan dalam "HONGKIAT". Buat layer baru, lalu gunakan alat pena untuk melacak karakter N dan G.
Langkah 4
Untuk karakter lain (H, O, K, I, A, dan T), kami akan mendasarkannya dari karakter lain yang tersedia. Untuk saya, kami menggunakan karakter N yang tersedia dan menghapus setengahnya.
Untuk O, kami memodifikasi E dengan menutupnya dan menambahkan lubang di tengahnya.
Untuk K, kita cukup memodifikasi R dengan memotong bagian atasnya.
Kami juga menggunakan R sebagai karakter dasar untuk A.
Untuk T, kami menggunakan karakter A yang telah kami buat sebelumnya.
Langkah 5
Tempatkan semua karakter ini pada posisinya. Saat ini, kami memiliki "ONGKIAT".
Langkah 6: Gambar Karakter Pertama "H"
Sama seperti pada gambar referensi, karakter pertama sangat tinggi dibandingkan yang lain. Untuk huruf H, kita bisa menggunakan referensi dari font preview The Avengers.
Langkah 7
Gambar dua lingkaran dari asal yang sama. Pilih kedua lingkaran, buka panel Pathfinder dan pilih Kurangi untuk membuat bentuk cincin.
Langkah 8
Tempatkan bentuk cincin di atas karakter H dan O. Catatan: Untuk membantu kami melihat lebih baik, saya akan menghapus jalur yang tidak digunakan dari pandangan.
Langkah 9
Pilih karakter "Ho", klik Object> Path> Offset Path.
Langkah 10
Klik kanan H dan pilih Ungroup untuk memisahkan Jalur Offset dari jalur utamanya. Ulangi proses ini ke O.
Langkah 11
Tempatkan H besar di atas bentuk cincin dengan mengklik Object> Arrange> Bring to Front. Pilih H besar dan bentuk dering, lalu pilih Kurangi pada panel Pathfinder.
Ini hasilnya.
Langkah 12
Klik kanan bentuk cincin dan pilih Ungroup.
Langkah 13
Tempatkan O besar di atas bentuk cincin dengan mengklik Object> Arrange> Bring to Front. Pilih O besar dan bentuk cincin di bawahnya. Dari panel Pathfinder, pilih Kurangi.
Di bawah ini hasilnya.
Langkah 14
Hapus bagian yang tersisa dari cincin yang tidak digunakan.
Langkah 15
Ini pratinjau lengkap di jalur kami saat ini.
Langkah 16
Gambar dua persegi panjang, lalu putar 45 ° dan -45 °. Posisikan kedua bentuk sampai kita mendapatkan bentuk panah.
Langkah 17
Pilih kedua bentuk dan pilih Bersatu dari panel Pathfinder.
Langkah 18
Tempatkan panah di atas karakter H. Lihat gambar di bawah untuk penempatannya. Pilih kedua bentuk dan pilih Kurangi.
Sekarang, kami memiliki panah yang tersembunyi di dalam karakter H. Teks ini sekarang siap digunakan.
Langkah 19: Mulai Bekerja di Photoshop
Buka Photoshop. Buat file baru dengan ukuran: 2000 px × 900 px. Isi latar belakang dengan warna: # 070707.
Langkah 20: Mengimpor Jalur Karakter
Kembali ke Illustrator. Pilih semua jalur karakter dan kemudian tekan Ctrl + C untuk menyalinnya ke clipboard.
Langkah 21
Di Photoshop, tekan Ctrl + V. Tempel teks sebagai path.
Teks dari Illustrator ditempatkan sebagai jalur baru. Anda dapat menemukannya di panel Paths.
Langkah 22
Pilih jalur di dalam O dan A. Pada bilah opsi, atur modenya ke Kurangi. Mode ini akan membuat kedua jalur membuat lubang di dalam jalur utama mereka.
Langkah 23: Konversi Jalur ke Bentuk
Klik lingkaran hitam dan putih di panel Layers. Pilih Warna Solid, atur warnanya ke # 070c12. Sekarang, kami memiliki bentuk baru berdasarkan jalur yang diimpor.
Klik dua kali layer untuk membuka kotak dialog Layer Style. Tambahkan Bevel dan Emboss. Pilih Teknik: Pahat Sulit untuk mendapatkan tepi yang sulit.
Ini adalah hasil kami saat ini.
Langkah 24
Tambahkan tekstur konkret dan letakkan di atas teks. Atur blending mode menjadi Screen dan kurangi Opacity menjadi 47%.
Langkah 25
Tambahkan layer mask. Gambarkan gradien linier dari putih ke hitam.
Langkah 26
Tekan Ctrl + Alt + G untuk mengubah tekstur menjadi Clipping Mask. Tekstur sekarang masuk ke dalam teks.
Langkah 27
Tekstur saat ini memudar di bagian bawah teks. Mari kita ungkapkan beberapa dari mereka di sana dengan mengecat area itu dengan sikat menggunakan putih dengan Opacity 30%. Di bawah ini, Anda dapat melihat layer mask setelah mengecat area tersebut.
Ini hasilnya. Anda dapat melihat bahwa sekarang ada tekstur halus di bagian bawah teks.
Langkah 28: Tambahkan Efek Stroke Timbul pada Teks
Gandakan teks dan rekatkan di balik lapisan teks asli. Tambahkan Layer Style: Stroke.
Di bawah ini, Anda dapat melihat bahwa hasilnya hanyalah garis garis warna yang rata.
Langkah 29
Mari kita tambahkan Bevel dan Emboss dan atur Style ke Stroke Emboss. Dengan cara ini, efeknya juga diterapkan pada Stroke yang baru saja kita tambahkan.
Sekarang, stroke memiliki tampilan Emboss.
Langkah 30
Tambahkan Outer Glow untuk menambahkan bayangan halus di belakang setiap karakter. Saat ini, kita tidak akan dapat melihat efeknya karena latar belakang masih terlalu gelap.
Langkah 31
Buat layer baru di atas teks dengan efek stroke. Tekan Ctrl dan klik pada layer teks. Klik Select> Modify> Expand. Setel Expand oleh 3 piksel. Perhatikan bahwa kami memperluas pilihan untuk 3 piksel sehingga cocok dengan ukuran goresannya.
Isi seleksi dengan gradien linier dari putih ke hitam ke putih.
Atur blending mode menjadi Overlay. Kurangi Opacity menjadi 30%.
Langkah 32: Tambahkan Lights on Background
Buat layer baru di bawah teks. Aktifkan alat Brush dan atur Opacity menjadi 100%. Gambar garis putih di belakang teks.
Langkah 33
Kurangi Opacity brush dan buat garis lebih besar yang menutupi baris pertama.
Langkah 34
Cat gips cahaya acak di tepi garis.
Langkah 35
Tekan Ctrl dan klik pada layer teks untuk membuat seleksi baru berdasarkan pada bentuk teks. Buat layer baru dan letakkan di atas teks utama.
Aktifkan alat Brush, atur Opacity menjadi 10%. Lukiskan beberapa putih di tengah teks seolah-olah pelempar cahaya dari belakang.
Di bawah, Anda dapat melihat hasilnya sebelum dan sesudah menambahkan light cast.
Langkah 36
Buat layer baru lagi. Tempatkan di atas teks. Klik kanan dan pilih Stroke.
Pilih warna putih, Lebar: 1 px.
Langkah 37
Tekan Ctrl + D untuk menghapus seleksi. Gunakan Gaussian Blur untuk melembutkan garis goresan.
Langkah 38
Hapus beberapa garis goresan. Garis-garis ini menjadi highlight pada bentuk teks.
Langkah 39
Gambar garis stroke lagi pada layer baru. Hapus beberapa untuk bertindak sebagai highlight yang lebih tajam.
Langkah 40
Buat layer baru dan isi dengan gradien linier, putih ke hitam. Tekan Ctrl dan klik pada layer teks.
Langkah 41
Tambahkan layer mask dengan mengklik ikon Add Layer Mask pada panel Layers. Atur blending mode menjadi Overlay dan kurangi Opacity menjadi 55%.
Langkah 42: Menambahkan Warna
Sekali lagi, tekan Ctrl dan klik pada layer teks.
Tambahkan Adjustment layer Hue / Saturation. Gunakan pengaturan di bawah ini dan pastikan untuk mengaktifkan opsi Colorize.
Inilah hasilnya pada teks.
Langkah 43: Tingkatkan Kontras Teks
Buat layer baru. Tekan Ctrl dan klik pada layer teks lalu isi seleksi dengan radial gradient dari hitam ke putih.
Atur blending mode menjadi Overlay lalu kurangi Opacity menjadi 40%.
Langkah 44: Menambahkan Subtitle
Gambar persegi panjang tipis di atas teks dengan warna: # 3b568. Tambahkan Layer Mask, lalu cat kedua ujungnya dengan warna hitam. Tambahkan subtitle di atas persegi panjang.
Hasil akhir
Dilakukan! Di bawah ini adalah hasil tutorial kami. Klik pada gambar untuk melihatnya dalam ukuran penuh. Saya harap Anda menikmati tutorial ini dan mempelajari beberapa teknik baru. Jika Anda memiliki pertanyaan, jangan ragu untuk bertanya.
Unduh .PSD final.
