Merhaba arkadaşlar, bu sefer sizin için farklı bir ders düşünürken karşıma bu çıktı :) Ama bu çalışma daha iyi olabilirdi eğer şu an grip olmasaydım, yani çok ince ayarlara giremedim, dersi eklememin sebebi uzun zamandır ders eklememiştim ve artık ders gelmesini bekleyen arkadaşlarımız olduğunu biliyorum o bakımdan yinede işinize yarar düşüncesi ile bu dersi hazırlamaya karar verdim, yalnız bu sefer dersi uzatmak yerine kısa kısa geçeceğim ama yine herkesin anlayabileceği kadar basite indirgemeye çalışacağım, umarım beğenirsiniz diyerek hemen başlayalım. Not: Dersin .PSD Dosyasını dersin sonunda verdiğim linkten indirebilirsiniz.

Ön izleme - Preview



Öncelikle buradaki resmi indirerek başlayabiliriz, ders sırasında bu resmi kullanalımki anlatım sırasında yapılabilecekleri karıştırmayalım, çünkü her resimde izlenecek yol hemen hemen aynı olsada farklılıklar gösterecektir. O bakımdan dersi bitirdikten sonra kendi resminiz üzerinde çalışmanızda fayda var.


Devamını okuyun... 


Arkadaşlar merhaba, bu sefer biraz daha basit ve kısa ama yararlı olduğuna inandığım bir ders hazırladım, umarım yararlı olur. Dersi .psd dosyasını dersin sonundaki linkten indirebilirsiniz.

Önizleme - Preview


Öncelikle aşağıdaki gerekli materyalleri indirmekle başlayabiliriz, Benim fontu kullanmak isterseniz aşağıdaki linkten indirip yüklemelisiniz.

Cyberspace Font Download
Pattern Download

Şimdi ilk olarak arka planımızı oluşturacağız, bunun için 600x250 px ölçülerinde yeni transparan bir belge açalım.


Devamını okuyun... 


Merhaba arkadaşlar, yeni bir derse daha hazırsanız başlayalım, önizlemeler aşağıdaki gibidir. Not: Dersin .PSD dosyasını anlatımın sonundaki linkten indirebilirsiniz.

Final 1


Alternatif Final


Aşağıdaki özelliklerde yeni transparan bir belge açarak başlayabiliriz. Benim ekran çözünürlüğüm 1680x1050 olduğu için bu ölçüde yeni bir belge açtım ama sizin ekran çözünürlüğünüz ne ise o özelliklerde açabilirsiniz.



Devamında Foregorund ve Background renlerini ayarlayarak Filter/Render/Clouds ekleyeceğiz, ayarlar aşağıda açıkca görülüyor.



Diffrence Clouds ekleyerek devam edebiliriz. Filter/Render/Difference Clouds. Arkasından CTRL+F ile Difference Clouds efektini tekrarlayalım. Aşağıdaki sonucu elde etmiş olmalıyız.



Şimdi ise Filter/Atristic/Palette Knife efektini aşağıdaki ayarları ile ekleyelim.



Devam edelim ve Fiter/Texture/Texturizer efektini aşağıdaki gibi ekleyelim.



Son olarak bu çalışmamızı .psd uzantısı ile kayıt edelim ve arkasından Filter/Distort/Displace efektini aşağıdaki ayarları ile uygulayalım. (Filter/Distort/Displace efektini uyguladıktan sonra, Displace ayarları gelecek, tamam dedikten sonra az önce kayıt ettiğiniz .psd uzantılı dosyanızı seçin ve tamam deyin)



Bu işlemin ardından aşağıdaki sonucu elde etmiş olmalıyız.



Arka Plan ile işimiz bitti ama şimdi küçük arka planı yapacağız, bu plandada az önceki işlemlerimizi tekrarlayacağız, buradaki tek fark kenarları pürüzlü olacak. Öncelikle U tuşuna basalım ve Rounded Rectangle Tool aracımızı seçelim arkasından aşağıdaki gibi alanı seçili hale getirelim. (Düzgün seçim yapabilmeniz için CTRL+R ile Cetveli açabilirsiniz. Kenarlardaki Numaralı alana Mousunuzu getirerek tutup sürüklerseniz cetvel çizgileri gelir ve hizalamanızı yapabilirsiniz, hizaladığınız çizginin içinde Rounded Rectangle Tool ile çizim yapabilirsiniz.)



Bu işlemide tamamladığımıza göre devam edelim, klavyemizden B tuşuna basalım Brush Tool aracımızı aktif edelim, arkasından Menüden, Window/Brushes diyalog Penceremizi aktif edelim ve aşağıdaki ayarları yapalım.



Şimdi Brush Tool aracımızın halen aktif olduğuna emin olalım ve devamında Background Layerimizin üstüne yeni bir layer oluşturalım, ismini Small BG olarak değiştirelim. Devamında yine menüden Window/Paths sekmesini aktif edelim. Bu sekme Layerlerimiz bulunduğu alanın yanındaki Channels Kanalının hemen yanına gelir. Paths sekmesine geçelim, oradaki Work Path isimli Katmanı göreceksiniz, bu katmanı seçelim ve aşağıdaki ekran görüntüsünde görülen yere bir kere sol tıklayalım, bu işlem az önce çizdiğimiz alanın etrafını yine az önce ayarlarladığımız Brush ile dolduracaktır.



Aşağıdaki görüntüyü elde etmiş olmalıyız.



Paths Kanalımızdan çıkmadan önce Work Path isimli layerimize bir kere CTRL tuşuna basılı tutarak sol tıklayalım ve Small BG alanımızın etrafını seçili hale getirelim. Bu işlemin ardından Background Layerimize uyguladığımız ayarların aynısını birebir buraya uygulayacağız, o bakımdan ayrı ayrı tekrar Ekran Görüntüsü almadım, ben yinede liste halinde sıralamayı anlatayım :))

Öncelikle Small BG alanımız seçili olduğuna göre sırasıyla,

1- Filter/Render/Clouds efektini ekleyelim. (Not: Eğer değiştirmemişseniz FG ve BG renklerimiz Background layerimize Clouds uygularken kullandığımız renkler duruyor olmalı eğer değiştirdinizse yeniden FG rengini #343320 BG rengini ise 1f1f15 olarak ayarlamamız gerekiyor.
2- CTRL+D ile seçimden çıkalım, Layer Sekmemize geçelim, şimdi ise Small BG isimli Layerimize CTRL basılı iken bir kere sol tıklayalım ve etrafını yeniden seçili hale getirelim. (Bunu Layer Sekmesinden yapmamızın sebebi az önce oluşturduğumuz Brush Efektinide etkisi altına alması adınadır)
3- Filter/Render/Diffrence Clouds efektini ekleyelim ve CTRL+F ile işlemi tekrarlayalım, artık CTRL+D ile seçimden tekrar çıkabiliriz.
4- Filter/Artistic/Palette Knife efektini ekleyelim.
5- Filter/Texture/Texturizer efektini ekleyelim.
6- Small BG layerimizi göz işaretinden kapatalım ve File/Save diyelim, katır işleminden sonra tekrar göz işaretinden görünür yapalım.
7- Small BG Layerimizi seçelim ve Filter/Distort/Displace efektini uygulayalım.
8- Paths Kanalına geçip Work Path layerini delete ile silelim.

(Yukarıdaki ilk 7 haneli işlem Kafanızı karıştırmasın, daha öncede söylediğim gibi Backgorund isimli Layerimize uyguladığımız ayarların aynısı olacak )

Devamında Small BG layerimize aşağıdaki efektleri uygulayabiliriz.





Sıra geldi Dikiş izine, bunun için yeni bir Path çizeceğiz ama öncelikle yeni bir layer oluşturalım isminide Dikiş olarak değiştirelim, arkasından U tuşuna basalım Rounded Rectangle Tool aracımızı aktif edelim ve Small BG alanımızın içinde Dikiş izi olarak görünmesi istediğimiz sınırlarına hizalanacak şekilde bir Path çizelim. Ben bir ekran Görüntüsü aşağıda aldım, ayarlar yine açıkca görülüyor.



Daha önce yaptığımız Brush ayarlarımız aynen burasıda içinde geçerli, yalnız bu sefer Brush ölçüsünü değiştireceğiz, Diameter ölçüsü 15 px olacak,



Yine B tuşuna basalım ve Brush Tool aracımızı aktif edelim. Tekrar Paths Kanalımıza geçelim ve yine aşağıdaki Ekran Görüntüsünde görüldüğü gibi el işareti ile gösterilmiş yere tıklayarak az önce çizdiğimiz alanımızın etrafını dolduralım. Arkasından bu layeri silelim. (Work Path Layeri silinecek)



Şimdi bu Dikiş isimli Layerimizede aşağıdaki efektleri verebiliriz.





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



Sıra geldi yazımıza, ilk olarak buradan indireceğiniz font ile aşağıdaki özelliklerde BEST yazımızı yazalım. (Benim özelliklerimde font boyutu 112 pt uygun oldu, sizin ekran çözünürlüğünüz düşükse yada daha yüksekse bu ölçü değişecektir.)



Şimdi yazımıza Distortion/Displace efektini ekleyeceğimiz Textureyi yapmaya sıra geldi, bunun için çalışma alanınızın ölçülerinde yeni bir transparan belge açalım, Filter/Render/Clouds ekleyelim.



Devam edelim ve Filter/Noise/Add Noise ekleyelim.



Son olarak Lighting efektinide ekleyelim ve herhangi bir isimle Masa Üstüne geçici kayıt edelim.



BEST yazımızın layerini seçili hale getirelim ve daha önce Small BG isimli layerimize uyguladığımız gibi Filter/Distortion/Displace efektini uygulayalım, burada size Rasterize edilmesi gerektiği uyarısını verecek tamam diyelim, bu işlem yazımızın resim layerine dönüştürecektir. arkasından dosya seçeceğiniz diyalog penceresi gelecek buradan az önce jayıt ettiğiniz dosyayı seçip tamam diyeceksiniz.



Birkere daha Displace efektini CTRL+F ile tekrar edelim. son olarak bu yazımızın layerine birde aynı menüden Filter/Distortion/Twirl efektini 5 px değerinde uygulayalım.



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



Devamında bu layerimizin Blending Mode ayarından Normal olan default ayarını Multiply olarak değiştirelim ve aşağıdaki efektleri uygulayarak devam edelim.











Yazımızın ilk bölümünü bitirdik, şimdi BEST yazımızın bulunduğu layerin üstüne yeni bir Layer oluşturalım, ismini Stroke olarak değiştirelim, bu Stroke isimli Layerimizin seçili olduğuna emin olduktan sonra bir alttaki BEST isimli layerimize CTRL tuşuna basılı tutarak bir kere sol tıklayalım bu işlem BEST isimli layerimizin etrafını seçili hale getirecektir. Şimdi sırasıyla Edit/Stroke efektini aşağıdaki ayarları ile ekleyelim. Bu arada Foreground rengimiz hala değişiklik yapmamışsanız #343320 olmalı, değilsede değiştirmeniz gerekli ki renk uyumunu yakalayalım.



CTRL+D ile seçimden çıkalım ve Bevel efektini aşağıdaki ayarları ile verelim.





Son olarak Dikiş, Background ve Small BG isimli layerlerimize bir Rütuş yaparak bu dersi bitirelim. Öncelikle en alttaki Background layerimizi seçelim ve Filter/Distor/Twirl efektini daha önce uyguladığımız gibi 5 px değerinde uygulayalım. Arkasından aynı işlemi Small BG ve Dikiş isimli layerlerimizede uygulayalım. Bunları yaptıysak ders bitmiş demektir ve sonuç aşağıdaki gibi olmalıdır.

Final 1


Alternatif Final


.PSD dosyası Military_BG_and_Canvas_Text_psd.zip


Devamını okuyun... 


Arkadaşlar merhaba, yine sizler için Logo mantıklı Text Effect dersi hazırladım, umarım işinize yarar. Dersin sonunda .psd dosyasını indirebilirsiniz ama önce çalışmanızı tavsiye ediyorum tabi :)

Ö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


Devamını okuyun...