Photoshop’ta Dolgulu Yazı Oluşturma

Makale, Photoshop | | 8 Haziran 2008

Photoshopla Değişik Bir Yazı Efekti...

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)

Adım 1

Adım 2

Adım 3

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

Bu yazı , , , kelimeleriyle etiketlenmiştir. Bu yazıyı beğendiyseniz Delicious, Twitter, Facebook gibi sitelerde paylaşabilirsiniz. Yazılarımızı düzenli olarak takip etmek içinse Rss abonemiz olabilirsiniz.

Photoshop’ta Dolgulu Yazı Oluşturma yazısı için 6 yorum yapılmış...

  1. webiket.net diyor ki:

    Photoshop’ta Dolgulu Yazı Oluşturma…

    Photoshop’ta Web2.0 tarzı dolgulu yazılar oluşturmayı anlattığımız kısa makalemiz….

  2. Enes İLHAN diyor ki:

    Ö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…

  3. webthese diyor ki:

    @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.

  4. Ugur diyor ki:

    Teşekkürler Volkan, eline sağlık.

  5. Y0l.Net diyor ki:

    Bunun hazır internette yapıcısı (generetor) çıkmıştı.

  6. [...] t-infection – Photoshop’ta web 2.0 tarzı dolgulu yazı oluşturma [...]

Yorumunuzu Yazın