Illustrator ve Photoshop ile Avengers Metin Efekti Oluşturma
Bugünkü eğitici programda, çizgi romanda kullanılan metin efektini yeniden oluşturacağız (aynı zamanda yaklaşmakta olan bir film) - Yenilmezler, kendimizi aslında bir kahraman, en azından bir Illustrator / Photoshop kahramanı gibi hissettirmek için :)
Metni Adobe Illustrator'da manuel olarak yapacağız, ardından yolunu Adobe Photoshop'a aktaracağız ve bazı efektler ve dokular uygulayacağız. Yerine “Yenilmezler”, kullanacağız “Hongkiat” Metin olarak veya istediğiniz herhangi bir metni kullanabilirsiniz..
Başlayalım.
Başlamak
Bu öğreticiyi takip etmek için aşağıdaki kaynaklara ihtiyacınız olacak:
- VandelayPremier'den Beton Doku
- Serbest Alternatif: Doku Kralı'ndan Ücretsiz Beton Dokular
- Owen Dawson'dan Yenilmezler
- Owen Dawson'dan Mighty Yenilmezler
Yenilmez Metin Efekti
1. Adım: Yazı tipini alma
Karakterleri üzerinde çalışmaya başlayalım. İlk seçeneğimiz ücretsiz bir yazı tipi kullanmak. Google’da "ücretsiz fontlar Avengers" anahtar kelimesini kullanarak arama yaptıktan sonra, Avengers teması olan The Avengers ve The Mighty Avengers ile iki font buldum. Her ikisi de Owen Dawson tarafından yapılmıştır. Ne yazık ki, her ikisi de projemiz için tam bir alfabeye sahip değil.
İlk yazı tipinde K ve O yoktur. "Hongkiat" da bu iki karaktere ihtiyacımız var. Ayrıca, A karakterini kullanamayız, çünkü "Hongkiat" gibi harfler arasında kullanıldığında uygun değildir..
İkinci font, Avengers'ın orijinal çizgi romanından alınmış gibi görünüyor. Keskin kenarlar yerine yuvarlak kenarlara sahiptir. Bu yazı tipi stili, film afişinden farklı.
Bu yüzden en iyi seçeneğimiz karakterleri elle çizmek. Bu fontları kullanmayacağız ancak karakterleri oluştururken referanslarımız için faydalı olacaklar..
2. Adım: Referans
Yenilmezler için Google'a başlamalısın. Referans olarak kullandığım şey bu. Görüntü dosyasını kaydedin, Adobe Illustrator'da yeni dosya oluşturun, ardından dosyayı yapıştırın. Görüntüyü kilitlemek ve kazayla düzenlenmesini önlemek için Nesne> Kilitle> Seçim'i tıklayın..
Adım 3: Karakter Oluşturma
Şu anki "AVENGERS" metninde, "HONGKIAT" da kullanılan N ve G'yi bulabiliriz. Yeni katman oluşturun, ardından N ve G karakterlerini izlemek için kalem aracını kullanın.
4. adım
Diğer karakterler için (H, O, K, I, A ve T), onu diğer kullanılabilir karakterlerden baz alacağız. Ben için mevcut N karakterini kullanırız ve yarısını kaldırırız..
O için, E'yi kapatarak değiştirir ve ortasına delik ekleriz.
K için üst kısmını keserek R'yi değiştirebiliriz..
Ayrıca A'yı temel karakter olarak R kullanırız..
T için daha önce yarattığımız A karakterini kullanıyoruz..
Adım 5
Tüm bu karakteri yerine yerleştirin. Şu anda "ONGKIAT" sahibiz.
Adım 6: İlk Karakteri "H" Çizin
Referans görüntüde olduğu gibi, ilk karakter diğerlerine göre çok uzun. H için önizleme fontundaki The Avengers referansını kullanabiliriz..
7. adım
Aynı kaynaktan iki daire çizin. Her iki daireyi de seçin, Pathfinder panelini açın ve zil şekli oluşturmak için Çıkar'ı seçin..
8. adım
Halka şeklini H ve O karakterlerinin üstüne yerleştirin. Not: Daha iyi görmemize yardımcı olmak için, kullanılmayan yolları görünüşte kaldıracağım.
9. adım
"Ho" karakterlerini seçin, Nesne> Yol> Ofset Yolu'nu tıklayın..
10. Adım
H'ye sağ tıklayın ve Ofset Yolu'nu ana yolundan ayırmak için Grubu Çöz'ü seçin. Bu işlemi O'ya tekrarlayın..
11. adım
Nesne> Düzenle> Öne Getir'i tıklatarak büyük H'yi halka şeklinin üzerine yerleştirin. Büyük H ve zil şekli seçin, ardından Pathfinder panelinden Çıkar öğesini seçin..
Sonuç bu.
Adım 1/2
Halka şeklini sağ tıklayın ve Grubu Çöz'ü seçin..
13. adım
Nesne> Düzenle> Öne Getir'i tıklatarak halka şeklinin üzerine büyük O yerleştirin. Büyük O ve altındaki halka şeklini seçin. Pathfinder panelinden Çıkar'ı seçin..
Sonuç aşağıda.
14. adım
Yüzüğün kullanılmayan kalan kısımlarını silin.
15. adım
Bu, mevcut yolumuzdaki tam önizleme.
16. adım
İki dikdörtgen çizin, ardından bunları 45 ° ve -45 ° döndürün. Ok şekli alana kadar her iki şekli de yerleştirin.
17. Adım
Her iki şekli de seçin ve Pathfinder panellerinden Birleştir'i seçin..
18. adım
Oku H karakterinin üstüne getirin. Yerleştirilmesi için aşağıdaki resme bakın. Her iki şekli de seçin ve Çıkar'ı seçin..
Şimdi H karakterinin içine gizlenmiş bir okumuz var. Bu metin şimdi kullanıma hazır.
Adım 19: Photoshop'ta Çalışmaya Başlayın
Photoshop'u açın. Yeni boyutta bir dosya oluşturun: 2000 px × 900 px. Arka planı renkle doldurun: # 070707.
Adım 20: Karakter Yolunu İçe Aktarma
Illustrator'a dön. Tüm karakter yollarını seçin ve sonra panoya kopyalamak için Ctrl + C tuşlarına basın.
21. Adım
Photoshop'ta, Ctrl + V tuşlarına basın. Metni yol olarak yapıştırma.
Illustrator'dan gelen metin yeni bir yol olarak yerleştirilir. Yollar panelinde bulabilirsiniz.
Adım 22
O ve A içindeki yolu seçin. Seçenek çubuğunda, modunu Çıkarma olarak ayarlayın. Bu mod her iki yolun da ana yolunda delik açmasını sağlar.
Adım 23: Yolu Şekle Dönüştürün
Katmanlar panelinde siyah beyaz daireyi tıklayın. Düz Renk'i seçin, rengini # 070c12 olarak ayarlayın. Şimdi, içe aktarılan yolları temel alan yeni bir şekle sahibiz.
Katman Stili iletişim kutusunu açmak için katmanı çift tıklatın. Eğim Ver ve Kabart'ı ekle. Tekniği seçin: Sert kenarlar elde etmek için sert keski.
Bu bizim güncel sonucumuz.
24. Adım
Somut doku ekleyin ve metnin üstüne yerleştirin. Karışım modunu Ekran olarak ayarlayın ve Opaklığını% 47'ye düşürün..
Adım 25
Katman maskesi Ekle. Beyazdan siyaha doğrusal degrade çizme.
Adım 26
Dokuyu Kırpma Maskesine dönüştürmek için Ctrl + Alt + G tuşlarına basın. Doku şimdi metnin içine giriyor.
Adım 27
Doku şu anda metnin alt kısmında soluk. Bunlardan bazılarını,% 30 Opacity ile fırça kullanarak bu alanı beyaza boyayarak ortaya çıkaralım. Aşağıda, bu alanları boyadıktan sonra katman maskesini görebilirsiniz.
Sonuç bu. Şimdi metnin alt kısmında ince bir doku olduğunu görebilirsiniz..
Adım 28: Metin Üzerine Kabartma Strok Etkisi Ekleme
Metni çoğaltın ve orijinal metin katmanının arkasına yapıştırın. Katman Stili Ekleme: Kontur.
Aşağıda, sonucun sadece düz renk kontur çizgisi olduğunu görebilirsiniz..
Adım 29
Eğim Ver ve Kabart'ı ekleyelim ve Stilini Kontur Kabartma'ya ayarlayalım. Bu şekilde, efekt yeni eklediğimiz İnme'ye de uygulanır..
Şimdi, inme Kabartma görünümüne sahip.
30. adım
Her karakterin arkasına ince bir gölge eklemek için Dış Işıma'yı ekleyin. Şu anda, etkisini göremeyeceğiz çünkü arka plan hala karanlık.
Adım 31
Kontur efektli metnin üzerinde yeni katman oluşturun. Ctrl tuşuna basın ve metin katmanını tıklayın. Seç> Değiştir> Genişlet'i tıklayın. Genişlet'i 3 piksel olarak ayarlayın. Seçimi, 3 piksel için genişlettiğimize ve strok boyutuyla eşleştiğimize dikkat edin.
Seçimi beyazdan siyaha doğru doğrusal bir degrade ile doldurun.
Karışım modunu Yerleşimi olarak ayarlayın. Opaklığı% 30'a Düşür.
Adım 32: Arka Plan Üzerine Işıklar Ekleme
Metnin altında yeni katman oluşturun. Fırça aracını etkinleştirin ve Opaklık değerini% 100 olarak ayarlayın. Metnin arkasına beyaz çizgi çizin.
33. Aşama
Fırçanın Opaklığını azaltın ve ilk çizgiyi kaplayan daha büyük çizgi çizin.
34. adım
Çizginin kenarlarına rastgele ışık dökümü boya.
35. Aşama
Metin şekline göre yeni bir seçim oluşturmak için Ctrl tuşuna basın ve metin katmanını tıklayın. Yeni katman oluşturun ve ana metnin üstüne yerleştirin.
Fırça aracını etkinleştirin, Opaklık değerini% 10 olarak ayarlayın. Metnin ortasındaki bazı beyazları, ışık alması arkadan olduğu gibi boyayın.
Aşağıda hafif döküm eklemeden önce ve sonra sonucu görebilirsiniz.
Adım 36
Tekrar yeni katman yap. Metnin üstüne yerleştirin. Sağ tıklayın ve Kontur'u seçin.
Beyaz rengi seçin, Genişlik: 1 px.
Adım 37
Seçimi kaldırmak için Ctrl + D tuşlarına basın. Kontur çizgisini yumuşatmak için Gauss Bulanıklığı uygulayın.
Adım 38
Kontur çizgilerinin bir kısmını silin. Bu çizgiler metin biçiminde vurgulanır.
Adım 39
Yeni katmana tekrar başka kontur çizgisi çizin. Keskin bir vurgu olarak işlev görmesi için bir kısmını silin.
Adım 40
Yeni katman oluşturun ve beyazdan siyaha, doğrusal degrade ile doldurun. Ctrl tuşuna basın ve metin katmanını tıklayın.
41. adım
Katmanlar panelinde Katman Maskesi Ekle simgesini tıklatarak katman maskesi ekleyin. Karışım modunu Kaplama olarak ayarlayın ve Opaklığı% 55'e düşürün.
Adım 42: Renk Ekleme
Yine, Ctrl'ye basın ve metin katmanını tıklayın.
Ayarlama katmanı Ton / Doygunluk ekleyin. Aşağıdaki ayarları kullanın ve Renklendirme seçeneğini etkinleştirdiğinizden emin olun..
İşte metnin sonucu.
Adım 43: Metin Kontrastını Artırın
Yeni katman yap. Ctrl tuşuna basın ve metin katmanını tıklayın, sonra seçimi siyahtan beyaza radyal degrade ile doldurun.
Karışım modunu Yerleşimi olarak ayarlayın ve Opaklığını% 40'a düşürün.
Adım 44: Altyazı Ekleme
Metnin üstüne renkli bir dikdörtgen çizin: # 3b568. Katman Maskesi ekleyin, ardından her iki ucunu da siyahla boyayın. Dikdörtgenin üstüne altyazı ekleyin.
Son sonuç
Yapılmıştı! Aşağıda eğitici sonuçlarımız var. Resmi gerçek boyutunda görmek için resmin üzerine tıklayın. Umarım bu eğitimden hoşlanırsınız ve yeni teknikler öğrenirsiniz. Herhangi bir sorunuz varsa, sormaya çekinmeyin.
Final. PSD'yi indirin.
