Photoshop’ta Dolgulu Yazı OluÅŸturma

Merhabalar, baÅŸlığın oldukça itici olduÄŸunun farkındayım. Ancak yazmak istediÄŸim makale ve uygulamaya baÅŸka bir isim bulamadım inanın. (Web’de yaptığım araÅŸtırmada bu tarz uygulamalara Glossy Text deniyor ancak tam olarak sizlere Glossy Text’i anlatmayacağım, ismini bilen bir dostumuz yazarsa çok sevinirim :)
Yazımızın giriÅŸ kısmında örneÄŸini gördüğünüz üzere bu tür metin efektleri Web 2.0′ın bir tasarım özelliÄŸi olan “gradient” kullanımıyla mümkün. Kullanacağımız metinlere Photoshop’ta vereceÄŸiniz “Gradient Overlay” efekti ile bu tarz yazı stillerine sahip olabiliriz. Kaldı ki yeni nesil web sitelerinde bu tarz yazıları sıkça görmekteyiz. O halde sözü fazla uzatmadan uygulamamıza geçelim. Öncelikle Photoshop’ta 400*400px’e sahip bir doküman açalım. Bu dokümanda Text aracını seçerek bir yazı yazalım. Ben örneÄŸimizde “t’infection.com” yazdım ve yazıtipi olarakta Arial Black/36px belirledim. Siz farklı bir yazı tipi kullanabilirsiniz. Yapacağımız uygulamanın etkisini daha iyi görmek bakımından bold bir fontu kullanmayı tercih ettim.
Daha sonra yazımızı yazdıktan sonra yazımızın sahip olduğu layer penceresine iki kere tıklayarak Layer Style penceresini açalım ve sırasıyla aşağıdaki özellikleri verelim. (Bu bölümde örnek resimlerdeki değerleri ve renkleri vererek uygulamanıza yansıtabilirsiniz)



Uygulamamızda dikkat edeceğimiz en büyük nokta şu ki; Gradient Overlay efekti verirken yazıda görmüş olduğunuz orta hat. Bu orta hattı oluşturmak için önce sağ alana #1BADF8 renk değerini sol alana ise daha açık bir mavi tonu olan #AAE0FA renk değerini uyguladım. İşin can alıcı noktası olan orta hat içinde bu iki renk kodunun arasında kalan bölümde 3 tane daha geçiş kullandım. Geçişleri oluşturmak için Gradient alanının altına tıklayarak yeni bir bölme açabilirsiniz. Daha sonra fare yardımıyla bu bölmeleri Location değeri %48 ve %52 olacak şekilde sıralayın. Bu sayede ara renkleri kullanarak tam bir hat elde etmiş olacaksınız. Biliyorum biraz karışık gibi görünüyor ancak bir iki fare hareketi ile hemen halledilebilecek bir durum. Uygulamayı yaparken siz de bana hak vereceksiniz.
Bu tarz uygulamalar aslında hazır stillerle de yapılabilir, hatta çok daha deÄŸiÅŸik çeÅŸitlerde� yazı denemeleri ve katman uygulamaları da yapabilirsiniz. Ancak her zaman söylediÄŸim gibi önemli olan “iÅŸin mutfağı”. Bu efektin nasıl verildiÄŸini öğrendikten sonra hazır stilleri mecbur kalmadıkça kullanmadım. Kaldı ki bir baÅŸka bilgisayarda kendi stillerinizi kurmanız ve bulmanız çok zor.
Umarım sizler için faydalı olmuştur.
Rastgele Yazılar
Photoshop’ta Dolgulu Yazı OluÅŸturma yazısı için 6 yorum yapılmış...
Yorumunuzu Yazın
Photoshop’ta Dolgulu Yazı OluÅŸturma…
Photoshop’ta Web2.0 tarzı dolgulu yazılar oluÅŸturmayı anlattığımız kısa makalemiz….
Öncelikle bu çalışmanız için sizi tebrik ederim.Gerçekten insanın gözüne çok hoÅŸ geliyor ve ilk görünüşte hazır gibi geliyor.Ama malesef bizim insanlarımız emeÄŸe hiç saygı göstermiyorlar.İnsan ÅŸu çalışmaya,ÅŸu emeÄŸe en azından bir yorumda bulunmalıdır diye düşünüyorum.Niye yorum diyecek olursanız gün gelir bu kiÅŸiler böyle çalışmalara ihtiyaç duyar ve kendisi de böyle bir ÅŸey yapmaya karar verir.Yaptıktan sonra haklı olarak çok güzel olduÄŸunu sanır ve en azından bir teÅŸekkür ihtiyacı hisseder.Çünkü bu çalışmalar hazır sitelerden elde edilmiyor.Belki yapılması çok kolaydır ama yine bir emek sarfedilmiÅŸtir.İlk yorumum da yakınmak istemezdim t-infection.com sahibi ama emeÄŸe karşılık olmadıkça bu yorumlar devam eder.Ayrıca sitenizi çok beÄŸendim wordpress altyapılıymış.Yakınmaktan bu çalışma ile ilgili sorumu sormaya unuttum :) Ben dediklerinizin aynısını photoshop’u açıp yapıyorum ama bir sorun oluyor.Yeni Döküman diyorum büyüklüğünü de sizin dediÄŸiniz gibi ayarladıktan sonra metin aracı “t” ile yazmak istediÄŸim yazıyı yazıyorum ama boyutu o kadar küçük oluyor ki yazı okunmuyor.En son deÄŸer 1.216 olmalı diyor onu bile yapmama raÄŸmen yazı boyutu orta hallere gelmiyor.Bende ki photoshop sürümü 6.0 ama daha önce 9.0 da denedim yine aynı ÅŸekilde oluyor.Siz yazı deÄŸerine 36 px demiÅŸsiniz bunu yapınca çok küçük oluyor.DediÄŸim gibi sorunum text’den kaynaklanıyor ben bu yazı boyutunu nasıl büyültebilirim ? Tekrardan çalışmanız için elinize saÄŸlık diyorum.Hayırlı Günler…
@Enes, güzel yorumun için teÅŸekkür ederim kardeÅŸim. Volkank.com’dan sonra burda da yorumunla desteÄŸini görmek güzel. Tekrar teÅŸekkür ediyorum.
YaÅŸamış olduÄŸun Text aracı sorununa gelince ÅŸunu önerebilirim; Photoshop’ta dokümanı açtıktan sonra Text aracında yukarıda ÅŸayet açıksa Text aracının tipi ve özellikleri belirecektir. Yazıtipi ve boyutunun seçimini yukarıdan ayarlayabilirsin. Ben de benzer bir sorunu daha önce yaÅŸadım. Ancak yukarıdaki araç özelliÄŸini kontrol ettiÄŸimde son çalışmamda metin boyutunu anlamsız bir deÄŸerle deÄŸiÅŸtirdiÄŸimi gördüm. Biraz dikkatli inceleyince hatamı farkettim. Seninki de böyle bir durum olabilir. Dokümanı ve özellikleri biraz dikkatli incelersen sanırım sorunun kaynağına ulaÅŸabileceksin.
Umarım sorunun hallolur kardeşim.
Teşekkürler Volkan, eline sağlık.
Bunun hazır internette yapıcısı (generetor) çıkmıştı.
[...] t-infection – Photoshop’ta web 2.0 tarzı dolgulu yazı oluÅŸturma [...]