Ön izleme (Preview)

İlk olarak çalışmamızda kullanacağımız Century Gothic Fontumuzu buradan indirelim ve yükleyelim, arkasından Arka Planımız için aşağıdaki özelliklerde yeni bir belge açalım.

Şimdi Layer alanımıza gelen Bacground isimli layerimizin kilidini açmak için sağ tarafında bulunan Kilit işaretine çift tıklayıp açalım, karşımıza gelen diyalog penceresinden ismini Arka Plan 1 olarak değiştirelim. Devamında Gradinet Overlay efekti vereceğiz, ayarlar aşağıdaki ekran görüntüsünde görülüyor.


Şimdi ise Arka Planımıza uygulayacağımız Patternimizi yapmaya geldi sıra. Bunun için 3x3 px özelliklerinde yeni Transparan bir belge açalım ve %3200 kadar zoom yapalımki rahat çalışabilelim. Bu işlemleri bitirdikten sonra klavyemizden D tuşuna bir kere basalım ve renkleri default haline getirelim, daha sonra 1 px olarak ayarladığımız Pencil Tool ile aşağıdaki gibi önce siyah, sonra altına beyaz (beyaz renk için klavyeden X tuşuna basarsak beyazı üste çıkarabilirsiniz) gelecek şekilde birerkere dokunarak işaretleyelim. Arkasından Edit/Define Pattern komutunu uygularsak karşımıza Pattern ismi vereceğimiz diyalog penceresi çıkar, buradan Pattern 1 isimini koruyalım ve ok diyerek çıkalım, bu işlem bize yeni bir Pattern oluşturmamızı sağladı, Blendign Options ayarlarından Pattern seçeneğine giderseniz az önce oluşturduğumuz Patterni görebilirsiniz, birazdan onu Arka Planımız için kullanacağız.


Aşağıdaki sonucu elde etmiş olmalıyız.

Artık ikini Arka Planımızı yapabiliriz, bunun içinde öncelikle Cetvel (Rules - CTRL+R) Çizgilerimizden faydalanabiliriz, (Çizgileri çekebilmeniz için kenarlardaki saysal değerlerin üzerine basılı tutarak sürüklemeniz gerekiyor.) daha sonra klavyemizden U tuşuna basalım ve Rounded Rectangle Tool aracımızı seçelim. Devamında kenarlardan 2 şer cm boşluk kalacak şekilde aşağıda Ekran Görüntüsünde görüldüğü gibi bir alan oluşturalım. Kenarların Oval değeri 10 px ayrıntılar aşağıda açıkca görülüyor.

Devamında aşağıdaki efektleri uygulayalım ve bize istediğimiz sonucu elde edelim.




Arka Plan ile genel olarak işimiz bitti sayılır, öncelikle Foreground rengimizi #45494D olarak ayarlayaım ve sol kenardaki çizgiyi çizmemiz için yine klavyemizden U tuşuna basalım, sol paneldeki araçlarda seçili alana basılı tutarak bu sefer Line Tool aracımızı seçelim, devamında aşağıdaki Ekran Görüntüsünde görüldüğü gibi yukarıdan aşağı yöne bir çizgi oluşturalım. (1 px)

Çizgimizi oluşturduğumuza göre artık yazımızı yazabiliriz, bunun içinde öncelikle T tuşuna basarak Text Tool aracımızı seçelim ve daha önce yukarda verdiğim Century Gothic Reqular fontumuzu seçelim, font rengi çizgimiz ile aynı renk #45494D (Aşağıdaki seçimi birebir yaparsanız çizgiye fazla yapışmaz)

Arkasından aşağıdaki Ekran Görüntüsünde görüldüğü gibi Text Tool aracımız seçili iken çizginin üstüne gidersek imlecin değiştiğini göreceksiniz, işte tam o noktada üzerine bir kere tıklarsanız yazınızı çizgi hizasında (çizgiye yapışık olarak) yazabildiğinizide göreceksiniz. (Ben imlecin Ekran Görüntüsünü alamadım, sebebi Snapshot programımın imleci göstermemesidir, dediğim gibi siz text aracınız seçili iken çizginin üstüne giderseniz imlecin değiştiğini göreceksiniz ve o noktada üzerine tıklamanız gerekiyor ancak o zaman yazınızı yazabilirsiniz, yanlız dikkat etmeniz gereken unsur tıklayacağınız yer doğru yer olmalıdır yani yazının başlaması gereken yer.) Ben adresimizi yazdım, sizde çalışma sırasında benim yaptıklarımın aynısını yaparsanız daha sonra kendinize göre değiştirirsiniz, öncelikle farklı şeyler yapayım derken aklınız karışmasın adına söylüyorum, neyse sonuçta aşağıdaki sonucu elde etmiş olmalıyız.

Bu yazımıza son olarak çok hafif Drop Shadow vereceğiz, dediğim gibi çok hafif olacak ve çokta belli olmayacak ama gözün algılama noktasından bu kaçmaz o bakımdan buna ne gerek vardıki demeyin.

Şimdi Sol Çizgi isimli layerimizi seçili hale getirelim ve üzerine sağ tıklayarak gelen seçeneklerden Rasterize Layer diyelim. Bu işlem Arka Plan 2 dışında kalan bölümleri silebilmemiz için Shape (Şekil) olan layeri Resim layerine dönüştürecektir. Rasterize ettikten sonra yine Sol Çigi isimli layerimiz seçili iken bir alttaki Arka Plan 2 isimli layerimizin Thumbnail kısmına bir kere sol tıklarsan o alanı seçili hale getirebiliriz ama biz Arka Plan isimli layerimizin içini değilde dışını temizlemek istediğimiz için CTRL+SHIFT+I ile seçimi ters çevirmemiz gerekiyor, bu işlemin arkasından Delete ile etrafını temizleyebiliriz.


Yine aynı font ile 9 pt ölçüsünde ve #45494D renginde 2009 yazımızı yazalım devamında sırasıyla Edit/Transform/Rotate 90 CCW komutu ile yazımızın yönünü değiştirelim, daha sonra aşağıdaki gibi hizalarsak son olarak Drop Shadow efekti ile bu işlemimizide bitirelim.


Şimdi Asıl yazımıza sıra geldi. Yine Aynı Fontla #45494D renginde ama bu sefer 12 pt ölçüsünde aşağıdaki gibi örnek yazımızı yazalım. Şimdi burayı yani aşağıdaki sıralamayı dikkatli takip edelim.
1- Yazdığımız TUTSNOW yazımızın layerine çift tıklayalım ve içeriği tümüyle seçili hale getirelim.
2- Mausumuzla sadece NOW kısmını seçili hale getirelim ve indirdiğimiz fontlardan Century Gothic Bold olanını seçerek bu üç harfi kalınlaştıralım.
3- Bu sefer sadece O harfini seçili hale getirelim ve rengini beyaz olarak değiştirelim.
Sonuç olarak bunu elde etmiş olmalıyız.

Çok fazla birşey beklemeyin, bunada sadece Drop Shadow vereceğiz :) (Çalışma sitilimize göre, bazen sadelik üzerinde çok uğraşılmış çalışmalardan daha kaliteli ve cezbedici olabilir.)


Şimdi yazımızın NOW kısmındaki O harfinin hemen altındaki mavi alanı yapabiliriz, bunun için 63 pt değerinde yine Century Gothic Reqular fontumuz ile bir nokta koyalım :) evet bir nokta ama büyükçe bir nokta :D daha sonra layer Nokta layerimizi layer alanımızdan TUTSNOW layerimizin altına taşımamız gerekiyor ki O harifmizin altına götürdüğümüzde O harfimizin altında kalsın, daha sonra Gradient Overlay efektini aşağıdaki ayarları ile verelim.


Aşağıdaki sonucu elde etmiş olmalıyız.

Bu ana kadar beraber aynı işlemleri uyguladıysak son olarak BESTPSTUTORIALS-TR.BLOGSPOT.COM yazımızıda 2.97 pt ve yine #45494D rengimiz ile yazarsak TUTSNOW yazımızın altına uygun olacak. Bu yazımızada sadece bir Drop Shadow yeterli tabi buda final demek oluyor, kolay gelsin arkadaşlar.)

Final

Alternatif Final

.PSD dosyasıTutsNOW_Text_Effects_v1.psd.zip

















Bitti,fakat bir kaç sorunu uzun yolla çözerek bitirdim :)
TUTSNOW layerında sadece NOW kısmını seçiyorum,bold dediğimde bütün yazı bold oluyor.Bende tek tek yazarak yaptım.
NOKTA yı 63 pt yaptığım zaman ortadan kayboluyor.Bende "O" nun içini doldurdum.
bunlar ufak sorunlar.
Birde noktanın Gradient Gverlay değerleri yoktu
sol : #035BAD
sağ : #0B2B6B
Gri olan arkalanında Gradient Overlay değerleri yok.
sol : #FFFFF
sağ : 837F7F
nedense çoğu sitedeki çalışmalarda,makaleyi hazırlayan kişi bazı renk değerlerini koymayı unutuyor,çok çalışmaktan mı bilmiyorum ama,nedense bana zevk veriyor :D
iyi çalışmalar.
sizinki kadar iyi olmasada elimden gelenin en iyisi bu :
http://img268.imageshack.us/i/logotexteffect.jpg/
bu arada,o doldurduğum yerin etrafı tırtıklı,bazı çalışmalarımda buna benzer şeyler oluyor ve bu beni çok rahatsız ediyor.Bu pürüzlü,tırtıklı yerleri nasıl yok edebiliriz?
Güzel çalışma çıkarmışsın aslında, bir tek detay O harfinin iç kenarları pürüzlü kalmış, bunu sende farketmişsin zaten, bu yazı katmanlarında olmaz, resim katmanlarında olur, sen noktayı O harfinin içini kapatacak şekilde büyütmek için 63 pt yapmadığını ama içini doldurduğunu söylemişsin, işte bunu yaparken birşeyler olmuş, böyle durumlarda iç yada dış kenarlarda oluşacak, pürüzleri gidermenin iki basit yolu vardır, birincisi ilgili katman seçili iken, sırasıyla Layer/Matting/Defringe uygulaman yeterli gelebilir, bir başkayolda ilgili katman yine seçili iken üzerine CTRL tuşuna basılı tutarak üzerine bir kere tıklarsın ve alan seçilmiş olur, bu noktada Select/Modify/Contract değerini 1 olarak ayarlarsın ve dışta kalan kısımları Delete ile silebilirsin.
Gradiend Renk dedeğerlerini vermediğimi şimdi farkettim sağol Tarık, belki akşama o Ekran Görüntülerini yeniden upload ederim.
yardım için teşekkürler,işime yaradı :)
Rica ederim, kolay gelsin ;)