Su dolu bir cam metini, şeffaflık ve hareketi bir araya getirerek etkileyici bir görüntü oluşturur. Reklam afişleri veya sosyal medya grafikleri gibi dijital projeler için mükemmeldir, bu görünümü Photoshop'ta oluşturabilir ve animasyonlandırabilirsin. Katman stilleri, maskeler ve zaman çizelgesi animasyonlarıyla metnin gerçekçi su doluluğu ve akıcı hareketi göz alıcı hale gelir. Bu rehberde adım adım, animasyonlu, su dolu cam metni nasıl oluşturacağını sana göstereceğim. Hadi başlayalım ve metnini canlandıralım!
1. Yeni Belge
2090 x 1000 Px ölçülerinde yeni bir belge oluşturarak başlıyoruz.
Sonra arka plan resmimizi bulmak için sxc.hu sitesine gidiyoruz. Arama kutusuna basitçe şu resim numarasını giriyoruz: 1327434.
Ardından resme tıklıyor ve Photoshop belgemize sürüklüyoruz.
Gerektiğinde resmi biraz genişletmemiz gerekebilir (Ctrl+T), böylece çalışma alanımıza sığar.
2. Metin Oluşturma
Şimdi efekti uygulamak istediğimiz metni yazıyoruz. Bu sırada Renk #dbdbdb, Boyut 300 Px ve "FutonCondensed" kalın Yazı Tipi'ni kullanıyoruz. Başka kalın bir yazı tipi de uygun olacaktır. Sadece suyun belirgin olması için fazla yer işgal etmemiz gerekiyor.
Metin katmanını kopyalıyor ve her iki katmanı da yeniden adlandırıyoruz. Alt katmanı "alt", üst katmanı "üst" olarak adlandırıyoruz.
3. "Alt" Katman İçin Katman Efektleri
Alt katmana çift tıklayın ve şu katman stillerini ekleyin:
• Gölgelendirme:
| Renk | #707070 |
| Açı | 120°, "Global Işık" devre dışı bırakılsın |
| Uzaklık | 1 Px |
| Boyut | 10 Px |
• İç gölge:
| Açı | "Global Işık" devre dışı bırakılsın |
| Uzaklık | 0 Px |
| Boyut | 10 Px |
| Kontur | Kontur'a tıkladıktan sonra, sağdaki küçük ok'a tıklayın, ardından Konturları Yükle ve "wasser-1.shc" seçin |
• Yuvarlatılmış köşe ve Kabartma:
| Boyut | 10 Px |
| Yumuşatma | 3 Px |
| Gölgelenme | 120°, "Global Işık" devre dışı bırakılsın, 11° Yükseklik |
| Kontur | Kontur'a tıkladıktan sonra, sağdaki küçük ok'a tıklayın, ardından Konturları Yükle ve "wasser-2.shc" seçin |
Ara sonuç:
• Yuvarlatılmış köşe ve Kabartma - Kontur:
| Yumuşat | Ticaret işareti |
| Kontur | Kontur'a tıkladıktan sonra, sağdaki küçük ok'a tıklayın, ardından Konturları Yükle ve "wasser-3.shc" seçin |
| Alan | 100% |
Ara sonuç (Üst katman önce kapatılmalıdır):
Üst katmandaki Opaklık'ı 0% olarak ayarlıyoruz, böylece daha sonra yalnızca katman efektleri görünecek.
Sonra sağdaki üst metin katmanına çift tıklıyor ve aşağıdaki katman efektlerini ayarlıyoruz:
• İç gölge:
| Açı | "Global Işığını Kapat" |
| Uzaklık | 0 Piksel |
| Boyut | 7 Piksel |
| Düzleştirme | İşareti koy |
| Kontur | "Su 4" yükleyin, kontur ardındaki okun üstüne tıklayın ve ardından küçük oka sağ tıklayın, ardından Konturları Yükle ve "su-4.shc" yükleyin |
Ara sonuç:
• Yassı Kenar ve Kabartma:
| Boyut | 12 Piksel (daha sonra daha fazla Plastisite için 24 Piksel ile de deneme yapılabilir) |
| Bulanıklaştırma | 2 Piksel |
| Gölgeleme: | 120° "Global Işığını Kapat", 16° Yükseklik |
| Kontur | "Su 5" yükleyin, kontur ardındaki okun üstüne tıklayın ve ardından küçük oka sağ tıklayın, ardından Konturları Yükle ve "su-5.shc" yükleyin |
Ara sonuç:
• Yassı Kenar ve Kabartma - Kontur:
| Kontur | "Su 6" yükleyin, kontur ardındaki okun üstüne tıklayın ve ardından küçük oka sağ tıklayın, ardından Konturları Yükle ve "su-6.shc" yükleyin |
| Alan | 100% |
Ara sonuç:
5. Metni Su İle Doldur
Şimdi Dikdörtgen Aracını alalım…
… ve metnin alt yarısını kaplayan dikdörtgen bir şekil çizelim.
Renk #4594ab olmalı. Bu yeni katman, "alt" ve "üst" metin katmanları arasında olmalı.
6. İlk Kavis Noktalarını Belirle
Şimdi Kavis Noktası Ekleme Aracını alalım…
… ve her harfin dış kenarlarına kavis noktaları yerleştirelim.
7. Dalga Oluştur
Bunu yaptıktan sonra, harflerin içine daha fazla kavis noktası koyalım.
Doğrudan Seçim Aracı ile bunları her birini biraz yukarı ve aşağı kaydırarak bir dalga oluşturalım. Bazı noktalar gereğinden fazla ise, Kavis Noktası Silme Aracı ile onları çıkarabiliriz.
Ara sonuç:
8. Dış Çizgileri Kaldır
Sonra, Dikdörtgen Katmanı elae rasterleyelim; yani önce onu kopyalayalım, alt katmanı gizleyelim, sonra kopya üzerine sağ tıklayarak Katmanı Rasterle seçelim.
Ctrl tuşuna basılı tutarak, basılı tutarken "alt" metin katmanının paletindeki simgeye tıklayarak metnin etrafında bir seçim oluşturalım.
Sonra Ctrl+Shift+I tuşlarına basarak seçimi tersine çevirelim, tekrar su formasyon kopyasını seçip Del tuşuna basalım. Alt su formasyon katmanını sonra gizleyelim.
9. Suya Katman Efektleri Ekle
Ardından, su katmanında efektler eklemek için su katmanına çift tıklayarak gerçek bir su dokusu verebiliriz.
• Gölge:
| Doldurma yöntemi | Çarpma, #4494ab |
| Global ışık | devre dışı bırak |
| Aralık | 3 Piksel |
| Tamamlama | 12 % |
| Boyut | 3 Piksel |
Ara sonuç:
• Işığın içe doğru gölgesi:
| Doldurma yöntemi | Çarpma, #4494ab |
| Açı | -75° |
| Aralık | 0 Piksel |
| Boyut | 16 Piksel |
Ara sonuç:
• Düzleştirilmiş Kenar ve Kabartma:
| Boyut | 9 Piksel |
| Bulanıklaştırma | 3 Piksel |
| Açı | 120°, "Global ışık" devre dışı bırak, Yükseklik 42° |
| Kontur | "Su 7" yükleyin, konturda ok simgesine tıklayın, ardından sağdaki küçük oka tıklayın, ardından Kontur yükle ve "water-7.shc" yi seçin |
| Derinlik modu | Renkli ışık, #4295ac |
Ara sonuç:
Sonraki ayarlamalar su dokusunu sağlar:
• Doku:
| Desen | 9 Piksel |
| Ölçekleme | 101 % |
| Derinlik | +356 % |
• Parıltı:
| Doldurma yöntemi | Çarpma, #4293aa |
| Boyut | 10 Piksel |
| Kontur | geniş konik şekil, aşağıya bakınız. |
Ara sonuç:
Şimdi su biraz koyu; bu nedenle bir Renk Katması ekleyeceğiz. Ve daha açık renk çok düz gözükmesin, dolum yöntemini değiştireceğiz. Bilgiler aşağıdaki gibidir:
• Renk Katması:
| Doldurma yöntemi | Sert Işık, #24bce1 |
Ara sonuç:
• Karışık Renk Katması:
| Doldurma yöntemi | Yumuşak Işık |
Ara sonuç:
Ara sonuç büyütüldü:
Kalan metin sadece gri değil, cam bir kap gibi görünsün; "aşağıya" seviyesine gidin ve Doluluk oranını %0 yapın.
Sonuç:
10. Varyasyonlar: Mavi tonu değiştirme
Burada metinden daha fazlasını yapabileceğimizi göstermek için bazı küçük iyileştirmelerle ne yapabileceğimizi göstereceğim. Su balıklarının mavisi gibi, katman paletinde bir Ayar Katmanı ekleyerek su rengini değiştirebiliriz…,
bunu su şekil katmanımızın üzerine sürükleyip Alt tuşuna basılı tutarak ve Tıklayarak bir Kesme maske oluşturarak sadece bu alt katmana etkilerin uygulanmasını sağlayabiliriz.
Düğmelerdeki birkaç ayarla, suya biraz daha derinlik verebiliriz.
11. Varyasyonlar: Su animasyonu
Başka bir seçenek ise, su katmanını kopyalamak olabilir (önce Kesme Maske'yi tekrar Alt+Tıklama ile uygulayın) ve ardından Düzleştirilmiş Kan ve Kabartma'ya çift tıklayarak katman stilleri ayarlarına erişmek.
Ardından Doku'ya gidip Derinlik'i %280 olarak değiştiriyoruz. Böylece suyun hareketi biraz değişir.
Sonra su katmanını tekrar kopyalayıp yapıyı ikinci kez değiştiriyoruz …
… ve Derinlik değerini %470 olarak ayarlıyoruz.
Sonra Pencere>Animasyon'a tıklayarak Animasyon Paneli'ni açıyoruz.
Sonra Çerçeve Görünümü'ne girmek için aşağıdaki simgeye tıklıyoruz:
Ardından 2 kez görüntüde görülen simgeye tıklayarak 2 ek çerçeve oluşturuyoruz.
Sonra ilk çerçeve seçerek üzerine tıklayarak seçiyoruz:
Sonra alttaki iki su katmanını gizliyoruz. Yalnızca üstteki Kesme Maske ile olan katman görünür olmalı.
Sonra ikinci çerçeve için aşağıdaki katmanları gizler, üst ve alt su katmanlarını kapatır ve sadece ortak katmanı görünür yaparız. Ton-Satürasyon Ayar Katmanı'nı da ekleriz.
Aynı işlemi üçüncü çerçeve ile yaparız, yalnızca alt su katmanı görünür hale gelir. Sonra tüm 3 çerçeveyi seçip Saniye'yi 0,2 olarak ayarlarız.
Sonra Bir Kez yanındaki üçgen simgesine tıklayıp Sürekli seçeneğine geçeriz, böylece animasyon yalnızca bir kez değil sürekli tekrarlanır.
Oynat düğmesine tıkladığımızda, suyun nasıl hareket ettiğini görebiliriz. Bu animasyonu GIF dosyası olarak kaydedebiliriz, bunun için Dosya>Web ve Aygıtlar İçin Kaydet seçeneğine gidebiliriz.
Oradan GIF'i seçip Kaydet'e tıklıyoruz.
Tümüne göz atmak için dosyayı tarayıcıya sürüklemeniz daha iyi olur. Orada oynatılacaktır.
Ve işte buradayız. Umarım bu atölye çalışması size keyifli gelmiştir. Aşağıda animasyonlu sonuçlarımızı bir kez daha görebilirsiniz:
