Membuat Kesan Teks Avengers Dengan Illustrator & Photoshop
Dalam tutorial hari ini kita akan membuat semula kesan teks yang digunakan dalam komik (juga filem yang akan datang) - The Avengers, untuk membuat diri kita berasa seperti kita juga seorang wira, sekurang-kurangnya seorang wira Illustrator / Photoshop :)
Kami akan membuat teks secara manual di Adobe Illustrator, kemudian mengimport laluannya ke Adobe Photoshop dan menggunakan beberapa kesan dan tekstur. Sebaliknya “Avengers”, kami akan gunakan “Hongkiat” sebagai teks, atau anda boleh menggunakan apa-apa teks yang anda suka.
Mari kita mulakan.
Bermula
Untuk mengikuti tutorial ini, anda memerlukan sumber berikut:
- Tekstur Konkrit dari VandelayPremier
- Alternatif Percuma: Tekstur Konkrit percuma dari Tekstur Raja
- The Avengers dari Owen Dawson
- The Avengers Mighty dari Owen Dawson
Kesan Teks Avenger
Langkah 1: Mendapatkan fon
Mari bermula dengan bekerja pada wataknya. Pilihan pertama kami menggunakan jenis fon percuma. Selepas mencari di google menggunakan kata kunci "fon percuma Avengers", saya menemui dua fon dengan tema Avengers, The Avengers dan The Avengers Mighty. Kedua-duanya dibuat oleh Owen Dawson. Malangnya, kedua-duanya tidak mempunyai abjad lengkap untuk projek kami.
Fon pertama tidak mempunyai K dan O. Kami memerlukan kedua-dua aksara ini dalam "Hongkiat". Juga, kita tidak boleh menggunakan watak A kerana ia tidak sesuai jika digunakan antara huruf, seperti dalam "Hongkiat".
Fon kedua nampaknya berdasarkan komik asal The Avengers. Ia mempunyai tepi bulat bukannya tepi tajam. Gaya font ini berbeza dari poster filemnya.
Jadi, pilihan terbaik kami adalah untuk menarik aksara secara manual. Kami tidak akan menggunakan fon ini tetapi mereka akan berguna untuk rujukan kami semasa mencipta watak-watak.
Langkah 2: Rujukan
Anda harus memulakan googling untuk The Avengers. Inilah yang saya gunakan untuk rujukan kami. Simpan fail imej, buat fail baru dalam Adobe Illustrator, kemudian tampal fail. Klik Objek> Kunci> Pemilihan untuk mengunci imej dan mengelakkannya daripada disunting secara tidak sengaja.
Langkah 3: Membuat Watak
Dalam teks "AVENGERS" semasa, kita dapat mencari N dan G yang digunakan dalam "HONGKIAT". Buat lapisan baru, kemudian gunakan alat pen untuk mengesan watak N dan G.
Langkah 4
Untuk aksara lain (H, O, K, I, A, dan T), kami akan membinanya daripada aksara lain yang tersedia. Untuk saya, kami menggunakan watak N yang tersedia dan mengeluarkan separuh daripadanya.
Untuk O, kami mengubah E dengan menutupnya dan menambah lubang di tengahnya.
Bagi K, kita boleh mengubahsuai R dengan memotong bahagian atasnya.
Kami juga menggunakan R sebagai watak asas untuk A.
Untuk T, kami menggunakan aksara yang telah kami buat sebelumnya.
Langkah 5
Letakkan semua watak ini ke dalam kedudukannya. Pada masa ini, kami mempunyai "ONGKIAT".
Langkah 6: Lukis Watak Pertama "H"
Sama seperti dalam imej rujukan, watak pertama sangat tinggi berbanding dengan yang lain. Untuk H, kita boleh menggunakan rujukan dari font preview The Avengers.
Langkah 7
Lukis dua kalangan dari asal yang sama. Pilih kedua-dua kalangan, panel Pathfinder terbuka dan pilih Lepaskan untuk membuat bentuk cincin.
Langkah 8
Letakkan bentuk cincin di atas aksara H dan O. Nota: Untuk membantu kami melihat dengan lebih baik, saya akan mengalih keluar laluan yang tidak digunakan dari penglihatan.
Langkah 9
Pilih aksara "Ho", klik Objek> Path> Path Offset.
Langkah 10
Klik kanan H dan pilih Ungroup untuk memisahkan Path Offset dari laluan utamanya. Ulangi proses ini kepada O.
Langkah 11
Letakkan besar H di atas bentuk cincin dengan mengklik Objek> Susun> Bawa ke Hadapan. Pilih besar H dan bentuk cincin, kemudian pilih Kurangkan pada panel Pathfinder.
Inilah hasilnya.
Langkah 12
Bentuk klik kanan cincin dan pilih Ungroup.
Langkah 13
Letakkan O besar di atas bentuk cincin dengan mengklik Objek> Susun> Bawa ke Hadapan. Pilih O besar dan bentuk cincin di bawahnya. Dari panel Pathfinder pilih Tolak.
Berikut adalah hasilnya.
Langkah 14
Padamkan bahagian-bahagian cincin tersisa yang tidak digunakan.
Langkah 15
Ini pratonton lengkap pada laluan semasa kami.
Langkah 16
Lukiskan dua segiempat tepat, kemudian putarnya 45 ° dan -45 °. Posisi kedua-dua bentuk sehingga kita dapat membentuk bentuk panah.
Langkah 17
Pilih kedua-dua bentuk dan pilih Bersatu daripada panel Pathfinder.
Langkah 18
Letakkan panah di atas aksara H. Lihat gambar di bawah untuk penempatannya. Pilih kedua-dua bentuk dan pilih Tolak.
Sekarang, kita mempunyai anak panah yang tersembunyi di dalam watak H. Teks ini kini sedia untuk digunakan.
Langkah 19: Mula Bekerja di Photoshop
Buka Photoshop. Buat fail baru dengan saiz: 2000 px × 900 px. Isi latar belakang dengan warna: # 070707.
Langkah 20: Mengimport Laluan Watak
Kembali ke Illustrator. Pilih semua laluan karakter dan kemudian tekan Ctrl + C untuk menyalinnya ke papan keratan.
Langkah 21
Dalam Photoshop, tekan Ctrl + V. Tampalkan teks sebagai laluan.
Teks dari Illustrator diletakkan sebagai laluan baru. Anda boleh menemuinya di panel Jalur.
Langkah 22
Pilih laluan dalam O dan A. Dalam bar pilihan, tetapkan mod untuk Mengurangkan. Mod ini akan menjadikan kedua-dua laluan membuat lubang di dalam laluan utama mereka.
Langkah 23: Menukar Laluan ke Bentuk
Klik bulatan hitam dan putih dalam panel Lapisan. Pilih Warna Pepejal, tetapkan warna ke # 070c12. Sekarang, kami mempunyai bentuk baru berdasarkan laluan yang diimport.
Lapisan klik dua untuk membuka kotak dialog Layer Style. Tambah Bevel dan Emboss. Pilih Teknik: Pahat Hard untuk mendapatkan tepi keras.
Inilah hasil semasa kami.
Langkah 24
Tambah tekstur konkrit dan letakkannya di atas teks. Tetapkan mod gabungannya ke Skrin dan kurangkan Opacitynya kepada 47%.
Langkah 25
Tambah topeng lapisan. Lukis kecerunan linear dari putih ke hitam.
Langkah 26
Tekan Ctrl + Alt + G untuk menukar tekstur ke Clipping Mask. Tekstur kini masuk ke dalam teks.
Langkah 27
Tekstur kini pudar di bahagian bawah teks. Mari kita tunjukkan beberapa dari mereka di sana dengan melukis kawasan itu dengan putih menggunakan berus dengan Opacity 30%. Di bawah, anda boleh melihat topeng lapisan selepas lukisan kawasan tersebut.
Inilah hasilnya. Anda dapat melihat bahawa sekarang ada tekstur halus di bahagian bawah teks.
Langkah 28: Tambah Kesan Strok Embossed pada Teks
Teks salinan dan tampal di belakang lapisan teks asal. Tambah Gaya Layer: Stroke.
Di bawah ini, anda dapat melihat bahawa hasilnya hanyalah garis strok warna rata.
Langkah 29
Mari tambahkan Bevel dan Emboss dan tetapkan Gayanya kepada Emboss Stroke. Dengan cara ini, kesannya juga diterapkan pada Stroke yang baru kita tambah.
Sekarang, strok mempunyai penampilan Emboss.
Langkah 30
Tambah Outer Glow untuk menambah bayangan halus di belakang setiap watak. Pada masa ini, kami tidak dapat melihat kesannya kerana latar belakang masih terlalu gelap.
Langkah 31
Buat lapisan baru di atas teks dengan kesan strok. Tekan Ctrl dan klik pada lapisan teks. Klik Pilih> Ubah suai> Kembangkan. Tetapkan Buka dengan 3 piksel. Perhatikan bahawa kami memperluaskan pemilihan untuk 3 piksel supaya ia sepadan dengan saiz strok.
Pilih pemilihan dengan kecerunan linear dari putih ke hitam ke putih.
Tetapkan mod gabungannya ke Overlay. Kurangkan Opacity hingga 30%.
Langkah 32: Tambah Lampu pada Latar Belakang
Buat lapisan baru di bawah teks. Aktifkan alat Berus dan tetapkan Opacitynya kepada 100%. Lukis garis putih di belakang teks.
Langkah 33
Kurangkan Opacity berus dan lukis baris yang lebih besar yang meliputi baris pertama.
Langkah 34
Catkan cahaya rak rawak pada pinggir baris.
Langkah 35
Tekan Ctrl dan klik pada lapisan teks untuk membuat pemilihan baru berdasarkan bentuk teks. Buat lapisan baru dan letakkannya di atas teks utama.
Aktifkan alat Berus, tetapkan Opacitynya kepada 10%. Cat beberapa putih di tengah-tengah teks seperti cahaya pelakon adalah dari belakang.
Di bawah ini, anda dapat melihat hasil sebelum dan selepas menambah cahaya.
Langkah 36
Buat lapisan baru sekali lagi. Letakkannya di atas teks. Klik kanan dan pilih stroke.
Pilih warna putih, Lebar: 1 px.
Langkah 37
Tekan Ctrl + D untuk mengeluarkan pilihan. Sapukan Gaussian Blur untuk melembutkan garis strok.
Langkah 38
Padamkan beberapa baris strok. Garis-garis ini menjadi tumpuan pada bentuk teks.
Langkah 39
Lukiskan lagi stroke lagi pada lapisan baru. Padamkan sebahagian daripadanya untuk bertindak sebagai sorot tajam.
Langkah 40
Buat lapisan baru dan isikannya dengan lajur linear, putih ke hitam. Tekan Ctrl dan klik pada lapisan teks.
Langkah 41
Tambah lapisan lapisan dengan mengklik ikon Tambah Lapisan Mask pada panel Lapisan. Tetapkan mod campuran untuk Overlay dan mengurangkan Opacitynya kepada 55%.
Langkah 42: Menambah Warna
Sekali lagi, tekan Ctrl dan klik pada lapisan teks.
Tambah Pelarasan lapisan Hue / Saturation. Gunakan tetapan di bawah dan pastikan untuk mengaktifkan pilihan Colorize.
Inilah hasilnya pada teks.
Langkah 43: Meningkatkan Kontras Teks
Buat lapisan baru. Tekan Ctrl dan klik pada lapisan teks kemudian isi pemilihan dengan kecerunan jejari dari hitam ke putih.
Tetapkan mod gabungan ke Overlay kemudian mengurangkan Opacitynya kepada 40%.
Langkah 44: Menambah Sarikata
Lukis segiempat nipis di atas teks dengan warna: # 3b568. Tambah Masker Lapisan, kemudian cat kedua-dua hujung dengan hitam. Tambah sarikata di atas segi empat tepat.
Keputusan akhir
Telah siap! Berikut adalah hasil tutorial kami. Klik pada imej untuk melihatnya dalam saiz penuh. Saya harap anda menikmati tutorial ini dan mempelajari beberapa teknik baru. Jika anda mempunyai sebarang pertanyaan, jangan ragu untuk bertanya.
Muat turun akhir .PSD.
