Önizleme - Preview
Başlamadan önce çalışmamızda kullanacağımız Textureleri ve Fontları aşağıda verdim, bunları indirdikten sonra önce Fontları yüklemeniz gerekiyor. Textureler ise arka planımızı ve Patternimizi oluşturacaklar.
Zipli doyasının içinde 6 adet texture var ama bize 3 tanesi yeterli olacaktır, benim kullandığım texturelerin isimleri aşağıda, şimdilik çalışma sırasında sizlerde aynı textureleri kullanın, bunu istememin sebebi aşağıda Ekran Görüntüsündeki tonları yakalamanızı sağlamaktır, sonra istediğiniz gibi değiştirebilirsiniz. Dersin .PSD dosyasını anlatımın sonunda verdiğim linkten indirebilirsiniz. Hazırsanız başlayalım :)
Kullanacağımız Textureler
Grunge3-02_coy-dreamer
Grunge3-03_coy-dreamer
Grunge3-06_coy-dreamer
Textures Download 15 mb
Fontlar
Admisi Display SSi
Confusions RNG
Albertino
Helvetica yada Arial Reqular (Bilgisayarınızda default olarak yüklü)
İlk olarak 600x800 px 300 dpi özelliklerinde yeni bir belge açalım
Belge Özellikleri
Şimdi yukarıda ismini verdiğim Textureleri tek tek açarak menüden Image/Image Resize ayarlarından ölçülerini dikey boyutlarda 600x800 px olarak boyutlandıralım, devamında çalışma alanımıza sürüklerek içeri alalım, diğer Textureler içinde aynı işlemi yaparak içeri almamız gerekiyor. (Alternatif olarak isimleri geçen texturelerin hepsini çalışma alanımıza alıp CTRL+T ile Transform moduna geçerek çalışma alanımızada sığdırabiliriz)
Bu çalışmadaki sıralama ise şöyle olmalıdır.
En allta Grunge3-06_coy-dreamer isimli Texture.
Onun üstüne Grunge3-02_coy-dreamer isimli Texture
Onunda üstünede Grunge3-03_coy-dreamer isimli Texturemizi taşıyalım ve devamında bu layerlerimizin hepsini seçip CTRL+G ile Gruplayalım, isim olarak Arka Plan vermemiz doğru olacaktır. Bu işlemlerden sonra üstteki 2 Layeri göz işaretinden kapatalım onlarla sonra çalışacağız, aşağıdaki Ekran Görüntüsünde yapılması gerekenler açıkca görülüyor.
Şimdi en alttaki ve üsttündeki layerlerimiz açık duruyorlar, bu durumda üstteki layerimizi seçili hale getirelim ve Klavyemizden L tuşuna basrak Lasso Tool aracımızı seçelim, daha sonra aşağıdaki gibi parçalanmış efekti verebilmemiz çalışma alamızın sol köşesinden içeri doğru küçük adımlarla zigzak çizerek sağ tarafta doğru ilerleyelim ve içerideki zigzak çizim işlemini bitrdiğimizde bırakmadan devam edip sağdan üst sınıra ve sola sonrada aşağıya çizime ilk başladığımız yere getirerek çizimi bitirelim. Çizim alanımız seçili olarak belirecektir, şimdi içeride kalan alanı Delete ile silelim, aşağıdaki sonucu elde etmiş olmalıyız.
Sıra geldi bir üstteki layerimizi kesmeye, aynı işlemi onada tekrarlayalım ve aşağıdaki sonucu elde etmeye çalışalım.
Bu işlemide yaptığımıza göre en üstteki layerimize sıra geldi demektir, onuda göz işaretinden aktif edelim, Blending Mode ayarını Mutiply olarak değiştirdikten sonra Opacity değerinide %25 olarak belirleyebiliriz, bu yaptığımız işlem alttaki 3 farklı renkte olan Texturelerimizin üzerine genel olarak hafif bir tek renk atayacak, tabi bu ilk bakışta çok belli gibi gelmeyebilir size ama gözün algılama noktasından bu kaçmaz, göze daha hoş görünmesini sağlar ve doğru renklendirmeyi biraz olsun daha doğru orantılarda genele yaymış oluruz.
Şimdi Arka Plandaki Teturelerimize biraz daha görsellik katacağız, üzerlerine biraz kabarcık efekti vererek çalışmamıza daha uygun hale getireceğiz, bunun için Bevel ve Pattern ugulamamız gerekiyor, ilk olarak en alttaki layerimizi seçili hale getirdikten sonra üzerine sağ tıklayıp Blending Options ayarlarımıza geçerek Bevel ve Texture Pattern efektini aşağıdaki gibi verirsek istediğimiz görselliği yakalamış oluruz. (Pattern için aşağıdaki Ekran Görüntüsünde Görülen Okun işaret ettiği yerden Grayscale Paper seçeneğini seçerek getirebilirsiniz. (Pattern ismi: Charcoal Flecks) )
Şimdi bu layerimize sağ tıklayıp Copy Layer Style dersek oradaki efektleri kopyalamış oluruz, arkasından bir üstteki Layerimizi seçelim ve üzerine sağ tıklayarak Paste Layer Style dersek bu seferde kopyaladığımız efektleri zahmetsizce aynen oraya aktarmış oluruz. Yalnız burada bir değişiklik yapacağız. az önce Bevel ayarları içinde Texture bölümünde 650 px olarak verdiğimiz Depth değerini bu layerimizde +275 olarak değiştirmeliyiz, çünkü üst katmanda bu kabarcıklar abartı duracaktır, +275 değeri bu çalışma için normal değerdir. Bunu yapmak için önce ilgili layerimize sağ tıklayıp Bevel Options ayarına tekrar girip az önce dediğim gibi Bevel and Emboss sekmesindeki 650 px olarak ayarladığımız Depth ayarını +275 e düşürelim.
Şimdi bu layermizede sağ tıklayıp Copy Layer Style diyelim ve bir üstteki layerimize sağ tıklayarak Paste layer Style diyelim ve bu ayarlarıda oraya aktaralım. Aşağıdaki sonucu elde etmiş olmalıyız.
Arka Planla işimiz henüz bitmedi, son olarak Arka Planımıza küçük ama etkili iki işlem daha yapacağız, bunun için Üstteki Layerimiz hariç alttaki 3 Layerimizi CTRL yardımı ile seçili hale getirip CTRL+E ile birleştireceğiz (Merge)
Şimdi alttaki Layerin üstüne yeni bir layer oluşturalım ve içini Paint Bucket Tool ile Siyah renkle dolduralım. Yada Shift+F5 Tuş kombinasyonu ile gelen Fill seçeneğinden Black ayarını seçipte Tamam diyebilirsiniz, yine içi siyah renkle dolacaktır.
Bu Layerimize sağ tıklayarak Blending Options ayarlarından aşağıdaki Patterni Ekleyeceğiz.
Şimdi ise Layer 1 isimli bu katmanımızın sağına fx işareti geldi, bu işaret bu layerde efekt olduğunu belirtir, biz tam o işaretin üzerine aşağıda Ekran Görüntüsünde görüldüğü gibi sağ tıklayıp gelen menüden Create Layer dememiz gerekiyor. (Dikkat, işaretin tam üstüne sağ tıklamalısınız yoksa istediğimiz seçenekler gelmez)
Bunu dediğimize göre Layer 1 isimli Layerimizin üstüne Layer 1's Pattern Fill isimli yeni bir Layer geldi tabi Clipping olarak. (Üzerinde aşağı yönü gösteren ok işareti var) onun altındaki Layer 1 isimli layeri silelim ve üstteki ayer 1's Pattern Fill isimli layerimizinde Blendig Mode ayarını Mutiply olarak değiştirelim.
Şimdi son olarak elde etmek istediğimiz efekti alabilmek için bu işlemleri dikkatlice yapmalısınız.
Layer 1's Pattern Fill isimli Layerimizi CTRL+J ile Coğaltalım (Dublicate) ve Blending Mode Ayarını Color Dodge olarak değiştirelim, daha sonra CTRL+I (Image/Adjusment/Invert) ile renk seçimini tersine çevirelim ve Fill değerini %85 olarak belirleyelim, son olarak Menüden Edit/Free Transform/Flip Vertical olarak döndürelim, küçük noktacıkların geldiğini göreceksiniz.
Arka Plan ile işimizi bitti. Aşağıdaki sonucu elde etmiş olmalıyız.
Arka Planımız bittiğine göre artık dersin önemli kısmı olan yazılarla oynayacağımız bölümüne geldi sıra demektir. :)
Bunun için yukarıda verdiğim fontlardan CGF Arch Reactor isimli fontla 80 pt ölçüsünde B harfi yazalım ve aşağıdaki gibi hizalayalım. Burada harfleri önce tek tek yazarak hizalayacağız, daha sonra hepsini Rasterize ederek resim formatına dönüştüreceğizki yazılarımızın üzerinde çekme ve uzatma işlemlerimizi yapabilelim.
Şimdi ise E ve S harflerini 48 pt ölçüsünde yazarak yine aşağıdaki gibi hizalayalım. (Not: Harfleri hizalamak için harf seçili iken CTRL+T ile Free Transform moduna geçirip yukarı ve aşağı yönlere uzatabilirsiniz, ben burada E harfi üzerinde hiç oynadaman 48 pt ölçüsünde yazdım ama S harfinde biraz oynadım, sizde aşağıdaki sonucu elde edebilmeniz için öncelikle 48 pt ölçüsünde yazdığınız S harfini hizalamak için yine S harfi seçili iken CTRL+T ile Free Transform moduna geçirip yukarı ve aşağı yönlere uzatabilirsiniz, böylelikle 48 pt fontumuz genişliğinden bozulmadan üstten ve alttan uzayacaktır.) Burada E ve S nin hizalanma şeklini aşağıda oklarla gösterilmiş alanda görebiliyorsunuz, yalnız görüldüğü gibi S harfinin bir bölümünü tam olarak ister istemez hizalayamadık onuda ilerki aşamalarımızda başka yolla yani o bölümü keserek elde edeceğiz.
Şimdi baştaki B harfini CTRL+J ile çoğaltalım (Dublicate) ve Shift tuşuna basılı tutarak sağa doğru sürükleyerek aşağıdaki gibi hizalayalım, unutmadan 90 pt boyutunda olan bu harfimizi 80 pt düşürelimki sağ açıdan bize biraz alan bıraksın. (Not: Shift tuşunu kullanmamızın sebebi harfi sürüklerken alttan be üsttten sınır hizasının kaymaması içindir) Yine aşağıda görülen klavuz çizgisini oluşturabilmek için CTRL+R tuş kombinasyonu ile cetveli açabilirsiniz, daha sonra yukarıdan rakamların olduğu bölgeye Mousunuzu götürüp aşağı çekerseniz çizginin geldiğini görebilirsiniz, işiniz bittiğinde yine aynı yolla tersine sürükleyerek kaldırabilirsiniz.
P ve S harflerinide yine 48 pt ölçülerinde aşağıdaki gibi hizalayalım. Bunun için E ve S harflerini CTRL+J ile çoğaltalım ve harfleri P ve S ile değiştirdikten sonra aşağıdaki gibi hizalayalım.
İlk aşama olan BEST PS yazımı gurubumuz burada bitti, şimdi BEST yazısının altındaki Tutorials yazısını yazabiliriz, bunun içini lk harf olan T harfi için yine 80 pt kullanabilirsiniz, diğer harfler için 39 pt uygun olacaktır. (Not: Buradaki Tutorials yazısındaki ikinci T harfi yok onun yerin I harfi kullanmalısınız çünkü onu üstteki T harfi ile birleştireceğiz ve bir T harfinden 2 T harfi oluşturmuş olacağız. Bu arada oradaki R harfi neden var diyenler için söylüyorum, adresimiz BESTPSTUTORIALS-TR.BLOGSPOT.COM olduğu için Türkçe yada Türkiye anlamını taşıyan yada vurgulayan ibare içindir. Bu TR neden adreste var peki diye soranları duyar gibi oldum :D onuda hemen bir çırpıda açıklamaya çalışayım :D sebebi bizden başka Yabancı ülkelerden sağolsun çok ziyaretçimiz var hatta yabancılar bizden daha çok ziyaret ediyorlar dersem inanın abartış olmam isttaistik verilerimizde bunu açıkca görebilirsiniz.) Tamam konuyu dağıtmadan ve konsatrenizi bozmadan devam edelim :) R harfinin ilk T haarfide yok gördüğünüz gibi onuda büyük T harfi ile birlikte düşürseniz sorun kalmaz, tabi bu haliyle pek birşeye benzemiyor :D ama birazda esas hizalandırmaları ve şekillendirmeleri yapacağız. (Not: Hizalamaların doğru ortantılarda olması çok önemli yoksa görsellik tam anlamıyla fiyasko olabilir)
Şimdi daha önce bahsettiğim gibi yazılarımızı rasterize etmemiz gerekiyor, bunun için yazıdığımız ilk B harfine Layerler alanımızdan bir kere tıklayarak seçili hale getirelim, arkasından Shift tuşuna basılı tutarak en alttaki R harfinede bir kere tıklayalım, böylelikle tüm harflerimizi kısa yoldan seçmiş olduk. Artık seçili harflerimizin üstüne buradan sağ tıklayarak Rasterize Type diyerek tüm harflerimizi resme dönüştürebiliriz, bu işlemden sonra seçimi kladırmadan CTRL+G ilede tüm harflerimizi gruplayalım ve ismini Üst Yazılar olarak değiştirelim.
Artık harflerimize şekil verebiliriz, ilk olarak BEST yazısındaki T harfi üzerinde çalışacağız, T harfimizi seçili hale getirdikten sonra aşağıdaki gibi alt kısmını Rectanqular Marquee Tool ile aşağıdaki gibi seçelim, (Kısa Yol M tuşu.) Daha sonra CTRL+T ile Free Transform moduna geçerek altından tutarak alttaki harflerimizin biraz altına gelecek kadar uzatalım, ayrıntılar aşağıdaki Ekran Görüntüsünde açıkca görülüyor.
Önce Enter ile Transform modundan, CTRL+D ilede seçimden çıkalım.
Şimdi Görüldüğü gibi T harfimiz A ve L harfimizin altında biçimsiz durdu, onu düzeltmek için İşlem yaptığımız bu T harfimiz halen aktif iken aşağıdaki A ve L harflerini bulup önce CTRL ye basılı tutarak A harifimizin üstüne sol tıklıyoruz, arkasında bırakamdan bu sefer CTRL+Shift tuşlarımızın her ikisinede aynı anda basılı tutarak bu defa L harfimizin üstüne sol tıklıyoruz, bu işlem aynı anda A ve L harflerimizi seçili hale gitirmiş olacak. Bu işlemin arkasından T harfimiz aktif olduğu için Delete ile seçili alanın iç kısmını silersek T harfimizin alt sınırı A ve L harfimizin üst sınırı ile uyumlu hale gelecek, silme işleminden sonra yine CTRL+D ile seçimi kaldırabiliriz.
Aynı işlemi T harfimizin sol üst köşesi içinde yapacağız, bu sefer çalışma alanımızın dışına taşacak kadar sola doğru uzatacağız.
Yine önce Enter ile Transform modundan, CTRL+D ilede seçimden çıkalım.
T harfimiz ile işimiz bitmedi, bu sefer sol üst köşeden alt köşeye kadar aynı işlemler ile uzatacağız. Ama bu sefer biraz daha dikkatli olmamız gerekiyor, sınırlarımızı ayarlamamız için daha önce CTRL+R ile cetvelimizi zaten açmıştık, klavuz çizgilerimizi B harfimizi sol köşesinden ve alttaki T harfimizin şapkasının alt sınırına göre ayarlıyoruz ve seçimimizi bu sınırlar içinde yapıyoruz. Aşağıdaki Ekran Görüntüsünde ayrıntılar açıkca görülüyor.
T harfimizi le işimiz hala bitmedi :) bu sefer sağ üst köşesini çalışma alanımızın dışına taşacak kadar aynı yolla uzatacağız.
Yine önce Enter ile Transform modundan, CTRL+D ilede seçimden çıkalım.
Biliyorum T harfimiz ile hala işimiz bitti dememi bekliyorsunuz ama yanılırsınız çünkü biraz daha üzerinde çalışmamız gerekiyor :D daha sonra diğer harflere geçeceğiz :) Şimdi bu işlemimizde diğerlerinden farklı olarak şu an aktif halde bulunan T harfimiz ile diğer Tutorials yazımızın T harfini birleştireceğiz, bunun için iki T harfimizi CTRL yardımı ile seçili hale getirelim ve CTRL+E ile birleştirelim (Merge) daha sonra aşağıdaki Ekran Görüntüsünde görüldüğü yeri P harfinin sınırına kadar uzatalım.
Yine önce Enter ile Transform modundan, CTRL+D ilede seçimden çıkalım.
Tamam artık T harfimiz ile işimiz artık bitsin yahu diyenler için son işlemimizi yapalım :D Bunun içinde yine aşağıdaki Ekran görüntüsünde görülen kısmını aynı işlemlerle çalışma alanımızın dışına kadar uzatalım ve diğer harflere akalım :) kabus gibi demi :D
Yine önce Enter ile Transform modundan, CTRL+D ilede seçimden çıkalım.
Hazır R harfine yaklaşmışken onuda ayarlayalım :) bunun içinde R harfinin Layerini buluyoruz ve üstüne bir kere tıklayarak aktif ediyoruz, arkasından yine aynı yolla aşağıdaki gibi çalışma alanımızın dışına uzatıyoruz.
Yine önce Enter ile Transform modundan, CTRL+D ilede seçimden çıkalım.
Şimdi ise P harfimiz için aynı işlemi aşağıdak igibi yapalım.
Artık öğrenildi heralde, bir daha söylememe gerek kalmadı sanırım :D Yine önce Enter ile Transform modundan, CTRL+D ilede seçimden çıkalım.
Yine P harfimiz için bir işlem daha yapacağız onuda alttaki O harfi ile uyumlu hale getireceğiz, bunun için P harfimiz aktif ike O harfimize CTRL tuşumuza basılı tutarak bir kere üstüne sol tıklarsak O harfimizin etrafı seçilmiş olur, bu durumda Delete ile seçim alanını silersek P harfinin altı O harfinin yukarıdaki Oval köşelerine uyumlu hale gelir.
CTRl+D ile seçimi kaldıralım, şimdi ise Tutorials yazımızın I harfini ayarlayabiliriz, burada I harfimizi T harfimiz ile birleştireceğiz, bunun için daha önce yaptığımız gibi I harfini ve T harfini Layer alanımızdan CTRL yardımı ile ikisini seçili hale getiriyoruz ve CTRL+E ile birleştiriyoruz. (Merge)
Devam edelim, az önce T harfi ile birleştirdiğimiz I harfimizin Alt köşesinide aşağıda Ekran Görüntüsünde görüldüğü gibi aynı yollarla R harfinin kesişen noktasına kadar uzatalım.
Seçimleri kaldırdıktan sonra yine aynı bölüme son bir işlem daha yapacağız, bu sefer alt kısımdan UTURIALS yazısının altını kapsayacak kadar sağa uzatacağız bu UTARILAS yazımızın bu katmana oturmuş gibi görünmesini sağlayacak.
Seçimleri kaldıralım ve devam edelim, burada bu alanımızı uzatırken I harfimizin bir kısmı aşağıda kalmıştı, onunda alt sınırını diğer harflermiz ile aynı hizaya getirmemiz için öncelikle T harfini göz işaretinden kapatılımki I harfimizin alt sınırını görebilelim, sonrasında I harfimizin layerine bir kere tıklayarak ektif edelim ve aşağıda Ekran Görüntüsünde görüldüğü gibi diğer harflerimizin alt sınırı ile eşit olacak şekilde seçimimizi yapalım ve için Delete ile silelim, böylelikle I harfimizin gereksiz alt uzantısındanda kurtulmuş oluruz.
Şimdi ise S harfimizin altındaki L harfini sağ tarafından aşağıda görüldüğü gibi yine aynı yollarla sağ tarafa S harfinin kesiştiği sınıra hizalayalım.
Devam edelim bu sefer L harfiize son bir işlem daha yapacağız, bu sefer yapacağımız işlemde sırasıyla öncelikle L harfimiz halen aktifken yeni bir layer oluşturuyoruz, arkasında Klavyemizden P tuşumuza basarak Pen Tool aracımızı seçiyoruz ve aşağıda ekran görüntüsünde görüldüğü gibi S harfimizin üst sınırından L harfimizin sol sınırına doğru küçük bir çizim yapıyoruz, arkasından üzerine sağ yıklayarak Make Selection diyerek seçimi aktifleştiriyoruz, devamında ise içini klabyemiden G tuşuna absarak Paint Bucket Tool aracımızı aktif ediyoruz ve içini beyaz renkle dolduruyoruz. (İçini beyaz renkle doldurabilmeniz için klavyenizden D tuşuna basarak renk ayarlarını default ayarlarına getiriyoruz arkasından X tuşuna basarak beyazın Foregorund rengi olmasını sağlıyoruz.) Seçtiğimiz alanın içini beyaz renkle doldurduktan sonra, CTRL+D ile seçimi kaldırıyoruz ve L harfimiz ile yeni oluşturduğumuz layeri CTRL yardımı ile seçerek CTRL+E ile birleştiriyoruz. Ayrıntılar aşağdaki Ekran Görüntüsünde görülüyor.
İlk yazımızı yazarken bahsetmiştim, S harfi için küçük bir operasyon yapacağız anlamında, şimdi onu yapalım, BEST yazımızdaki S harfimizi aktif ediyoruz, arkasından M tuşuna basarak Rectanqular Marquee Tool aracımızı seçiyoruz, daha sonra aşağıda görülen fazla kısmı kesmek için o alanı seçiyoruz be Delete ile o fazla kısmıda atıyoruz.
Son olarak TUTORIALS yazımızın O harfinide hizalarsak yazılarla çekiştirme uzatma işimiz bitecek :D
Şimdi O harfimizi seçiyoruz ve CTRL+T ile Free Transform moduna geçiyoruz, arkasından aşağıdaki gibi L harfimizin sınırına hizalıyoruz, işlemimiz bittikten sonra yine önce Enter ile Transform modundan, CTRL+D ilede seçimden çıkıyoruz.
Şimdi tarihi aşağıdaki yazı özelliklerinde yazarsak bu çalışmaya göre tam istediğimiz gibi alana yerleşecek özelliklerde olur, eğer siz çalışırken aynı dengeleri kuramadıysanız kendi ayarlarınızı kullanabilirsiniz. Benim ayarlarım aşağıda görüldüğü gibi.
Ama öncesinde Tarihimizi yazıp font boyutlarınıda ayarladıktan sonra menüden sırasıyla Edit/Transform/Rotate 90 CW ayarını uygularsak aşağıdaki Ekran Görüntüsünde görüldüğü gibi istediğimiz yöne döner. (Bu işlemi CTRL+T ile Transform moduna geçerek yazı alanımızın kenarına geldiğimizde ok işaretinin hafif kıvrıldığını görürsünüz, oradan döndürerekte yapabilirsiniz)
Aşağıdaki sonucu elde etmiş olmalıyız.
Şimdi ise bestpstutorials-tr.blogspot.com yazımızı aşağıdaki özelliklerinde yazabiliriz. Fontu daha önce indirmiştiniz (Confussion RNG), burada dikkat etmeniz gereken yazıyı yazıyı yazmak için T harfine basın, Text aracımız aktif olacaktır, üzerine biraz basılı bekleyin aşağıdaki Ekran Görüntüsünde görülen özellikler açılacaktır, siizn oradan seçmeniz gereken ikinci sıradaki Vertical Tpye Tool seçeneğidir çünkü yazımızı yukarıdan aşağı yöne doğru yazmak istiyoruz.
Alttaki .blogspot.com yazımız içinde yine yukarıda verdiğim ve indirdiğinizi tahmin ettiğim Albertino isimli fontumuzu kullanarak aşağıdaki Ekran Görüntüsünde görüldüğü gibi hizalayalım, tabi bu sefer Horizontal Tpye Tool aracımız ile yazacağız, ayrıntılar aşağıdaki Ekran Görüntüsünde görülüyor.
Aşağıdaki sonucu elde etmiş olmalıyız.
Artık üsteki yazılarımıza efektlerini verebiliriz, bunun için üstteki BESPS yazılarımı T hariç hepsini seçip CTRL+E ile birleştirelim. (Merge) (T hariç dedim çünkü T genel olarak tüm harflerimize hükmediyor onunla ayrı çalışacağız.)
Şimdi ise O ve R harflerimiz hariç diğerlerini birleştireceğiz. (Merge) O ve R harfini birleştirmiyoruz çünkü o harflerimizin ölçüleri diğer harflerimizden farklı, onlarada ayrı muamele yapacağız :D
Efektlerimizi uygulayabiliriz artık, öncelikle Patternimizi ayarlamamız gerekiyor, bunun için daha önce vermiş olduğum adresten indirdiğiniz texturelerin içinden Grunge3-01_coy-dreamer isimli 1 numaralı Textureyi Photoshopta ayrı bir belge olarak açalım, sonra Image/Image Resize ayarlarında 600x800 px olarak ölçülerini değiştirelim ve sırasıyla menüden, Edit/Define Pattern seçeneği ile resmimizi Pattern olarak kaydedelim, karşımıza gelen isim verme kısmında ismini Grunge Texture 1 olarak değiştirebilirsiniz, bu işlemlerin sonucunda Patternimiz Bevel Options ayarlarında Pattern lerimiz arasına gitmiş olacak.
Şimdi az önce birleştirdiğimiz BESPS yazılarımızdan sonra oluşan B isimli layerimize aşağıdaki efektleri vererek devam edelim.
Az önce oluşturduğumuz Patternimizi burada kullanacağız.
Şimdi az önce birleştirdiğimiz diğer harflerimize sıra geldi, yani yine az önce UTORİALS yazımızdan (O ve en sondaki R harflerimiz hariç) birleştirerek elde ettiğimiz U harfimize sıra geldi, onada aşağıdak iefektleri uygulayrak devam edelim ama öncesinde yine aynı yollarla PS de ayrı bir belge olarak Grunge3-02_coy-dreamer isimli Textureyi açıp Image/Image Resize ayarlarından 600x800 px değerlerini verdikten sonra yine sırasıyla menüden, Edit/Define Pattern seçeneği ile resmimizi Pattern olarak kaydedelim, karşımıza gelen isim verme kısmında ismini Grunge Texture 2 olarak değiştirebilirsiniz, bu işlemlerin sonucunda Patternimiz Bevel Options ayarlarında Pattern lerimiz arasına gitmiş olacak. Şimdi yine az önce birleştirdiğimiz UTRIALS yazılarımızdan sonra oluşan U isimli layerimize aşağıdaki efektleri vererek devam edelim.
Şimdi bu layerimizdeki efektleri kopyalamak için üzerine sağ tıklayıp Copy Layer Style diyerek efektleri kopyalayalım ve O harfimizinde üzerine sağ tıklayarak Paste Layer Style diyelim, bu işlem buradaki efektleri aynen oraya aktarmamızı sağlayacak ama pattern bu sefer biçimsiz oturacak onuda aşağıda Ekran Görüntüsünde görüldüğü gibi O harfimizin üzerine sağ tıklayıp Bevel Options ayarlarından Pattern sekmesine gelerek Mousumuz ile O harfimizin üzerin dokunup aşağı doğru sürüklemek yolu ile arada kalan çizgiyi görünmeyecek noktaya sürükleyerek düzeltebiliriz.
Şimdi bu Layerimize sağ tıklayarak Copy Layer Style mantığı ile efektleri kopyalayıp en alttaki R harfimizin üzerine Pste Layer Diyerek akataralım. (Buradada Pattern Texturedede bir kayma söz konusu olabilir yine az önceki yolla onuda düzeltebilirsiniz.) Aşağıdaki sonucu elde etmiş olmalıyız.
Ders uzamasın diye bundan sonra biraz daha hızlı geçicem ama yinede yeni başlayan arkadaşlarımızın anlayabileceği biçimde anlatmaya özen göstermeye devam edeceğim. Şimdi yine U harfimizin üzerine sağ tıklayarak Copy Layer Style diyerek efektleri kopyalayalım ve Tarih (24.07.09) yazımızada sağ tıklayarak Paste Layer Style diyerek efektleri orayada aktaralım. Bu sefer sadece Patternimizi değiştireceğiz. Aşağıdaki Ekran Görüntüsünde görülen ok işaretinden Patterns isimli dokuları seçerek bu dokuya ulaşabilirisiniz.
1- Şimdi sağdaki yukarıdan aşağı yöne doğru yazdığımız bestpstutorials.tr.blogspot.com yazımıza yine U harfimizdeki efektleri üzerine sağ tıklayarak Copy Layer Style diyerek alalım ve ilgili yazımıza Paste Layer Style diyerek aktaralım ve efekt ayarlarından Bevel efektini göz işaretinden kapatalım.
2- Arkasından en alttaki .blogspot.com yazımızada hali hazırda kopyalamış olduğumuz efekti (U harfinden kopyalamıştık hafızada duruyor) üzerine sağ tıklayarak Paste Layer Style diyerek aktaralım.
3- Son olarak ortadaki büyük T harfimize sıra geldi, onada hali hazırda hafızada bulunan U harfindeki efektleri Paste Layer Style diyerek aktaralım ama bu sefer Pattern ayarlarından 50 değerindeki Scale değerini 100 olarak değiştirelim ve Patternimizi daha önce O harfinde yaptığımız gibi masunumuzla çalışma ekranından sürükleyerek ortadaki kesişen çizgiler yok olacak şekilde yerleştirelim, ben koyu kısımları sol üste gelecek şekilde hizaladım. Ayrıntılar aşağıdaki Ekran Görüntüsünde açıkca görülüyor.
Şimdi hatırlarsanız Arka Planımızı oluştururken noktacıklar efekti oluşturmuştuk, bunu yazılarımız içinde yapacağız ama bu sefer biraz daha ayrıntılı olacak o yüzden burayı dikkatlice takip etmelisiniz.
1- Önce yazılarımızın en üstünde Üst Yazılar Grubumuzun içinde yani B harfimizin üstünde yeni bir layer oluşturacağız, içini Paint Bucket Tool ile siyah renkle dolduralım, arkasından aşağıdaki Patterni uygulayalım.
2- Noktacıklar 1 isimli layerimizin sağında bulun fx işaretinin üzerine sağ tıklayarak Create Layer diyelim, üstte yeni Clipping olarak ayarlanmış başka bir layer gelecek (Üzerinde aşağı yöne ok var)
Şimdi aşağıdaki Layer1 isimli içi siyah renkli layeri silelim üstteki Layer tek kalacak, onunda Blending Mode ayarını Multipy olarak değiştirelim.
Şimdi bu layerimizin hemen üstünde yeni bir layer daha oluşturarak aynı işlemi tekrarlıyoruz ama dikkat bu sefer Patterni eklediğimizde 100 olan Scale değerini değerini 125 yapıyoruzki noktacıklar üst üste binmesin.
Bunu yaptığınızı düşünerek devam ediyorum, bu sefer Blending Mode ayarını Mutiply değil Color Dodge olarak değiştireceğiz, arkasından CTRL+I ile seçimi ters çevirelim öncekinin aksine bu sefer beyaz noktacıklar gelecektir. Sonuç aşağıda görülüyor.
Artık çalışmanın kabasını bitirdik, şimdi basit bir kaç adımla bir kaç yazı eklerek çalışmayı zenginleştireceğiz, sonra Final.
Bunun için öncelikle Üst Yazılar isimli Grubumuzun göz işaretinden Deaktive edelim, daha sonra Arka Plan ile Üst Yazılar isimli Gruplarımızın arasına yeni bir Grup daha oluşturalım ve ismini Alt Yazılar olarak değiştirelim. Daha sonra bu grubumuzun içinde aşağıdaki ekran Görüntüsünde olfuğu gibi Courier isimli Fontumuz ile kendimize göre bir iki cümle yazalım. Ben kendimle alakalı olarak bir kaç cümle yazdım, geçici olarak bu yazıyı eklemek isterseniz aşağıdan yazıyı kopyalayabilirsiniz
(bestpstutorials-tr.blogspot.com, Tutorial language Turkish use.) yada http://tr.lipsum.com adresinden Lorem ipsum oluşturabilirsiniz.
Sonuç olarak aşağıdaki Ekran Görüntüsünde görüldüğü gibi çok fazla çalışma içerisinde görülmeyecek ama görsellik katacak yazım şeklimi sizde kendi çalışma alanınıza ekleyebilirsiniz. Not: HAZIRAN yazısı daha önce verdiğim Albertino isimli Font ile yazdım.
Şimdi en üstteki yazımıza aşağıdaki ayarları ile Drop Shadow efekti verelim ama öncesinde Blending Mode ayarını Soft Light olarak değiştirelim.
Şimdi bu Layerimize sağ tıklayarak Copy Layer Style diyerek Layer Sitilini kopyalayalım ve en alttaki HAZIRANA yazısı hariç tümünü seçip yine üzerine sağ tıklayarak Paste Layer Style diyelim ve aşağıdaki sonucu elde edelim.
Sıra HAZIRAN isimli yazımıza geldi, aşağıdaki ayarlarıda kendisine verelim ve Finale bir adım daha yaklaşalım.
Aşağıdaki sonucu elde etmiş olmalıyız.
Artık Üst Yazılar isimli Grubumuzu göz işaretinden Aktif edebiliriz. Bu grubumuzun içinde büyük T harfi için biraz Rütuş yapmamız gerekiyor, bunun için T harfimizin üstünde Yeni bir Layer oluşturalım, ismini T Maske olarak değiştirelim ve içini Paint Bucket Tool ile #c9a35a rengi ile dolduralım. Daha sonra bu layerimiz seçili iken bir alttaki T harfimizin üstüne bir kere sol tıklayalım ve T harfimizin etrafını seçili hale getirelim, daha sonra CTRL+I (invert) ile seçimi ters çevirelim ve dışarda kalan kısımları Delete ile silelim. Bu işlemin sonucunda T harfimiz ile aynı ölçülerde yeni bir layer oluşturmuş olacağız. Arkasından T harfimizin üstündeki B harfimize sağ tıklayalım ve Copy Layer Style diyerek oradaki efektleri kopyalayalım ve az önce oluşturduğumuz T Maske isimli Layerimize sağ tıklayarak Paste Layer Style diyelim ve efektleri oraya aktaralım, sonra gelen efektlerdeki Stroke efektini solundaki göz işaretinden Deaktive edelim.
Devamında ise M tuşuna basalım Rectanqular Marquee Tool aracımızı seçelim ve üst menü alanımızdan Opacitiy değerini %25 e düşürelim. Daha sonra aşağıdaki Ekran Görüntüsünde görüldüğü gibi sol alanı seçelim ve içini Delete ile silelim.
Şimdi üstteki BEST yazımızın T harfi nin haricinde önceki silme işleminden kalan artıklar kaldı onlarıda Erase Tool ile temizleyelim ve istediğimiz renkleri ortaya çıkaralım.
Bu işlemin arkasından son işlemimizi yapabiliriz, (Artık Oh bee dediğini duyar gibi oldum nedense :D) neyse daha fazla yormayım sizi :) Şidmi indirdiğiniz Texturelerin içinden Grunge3-03_coy-dreamer isimli 3 numaralı Textureyi PS mide yeni bir belge olarak açalım ve Image/Image Resize ayarlarından 600x800 px olarak ölçülerini değiştielim, daha sonra çalışma alanımıza alalım, Tüm Gruplarımızın üstüne yeni bir Grup oluşturalım ismini Genel Maske olarak değiştirelim ve içine sürükleyelim. Daha sonra Blending Mode ayarını Multipy olarak değiştirelim, Opacity değerinide %50 ye düşürürsek aşağıdaki sonucu elde etmiş olmalıyız.
Bu Ekran Görüntüsü Final demek arkadaşlar. (Not: Yalnız ben T ve B harflerimize %25 Opacitiy değerinde, Blending Mode Soft Light ayarında Gradient Overlay ekledim, onun ekran görüntüsünü sırası geçtiği için koymuyorum onu artık siz kendi göz zevkinize göre eklersiniz. Yada eklemesenizde olur :D ) Görüşmek üzere.
Final
Dersin .PSD dosyası Grunge_Tipografi_Ders_by_haziran_www.after-effects.tr.cx.psd.zip
Eline sağlık çok guzel ve detaylı bir tipografi Dersi olmuş :)
Teşekkür ederim Serkan, beğenmen beni sevindirdi, bu dersi yeni başlayan arkadaşlarımız için yaptım daha çok ama sırada 2. versiyon var tabi o arada aklıma başka birşey gelmezse :)
Saki'ye katılıyorum gerçekten çok faydalı bir ders olmuş hocam ellerine sağlık ;)
Teşekkür ederim cRChasch, seni burada görmek beni ayrı bir sevindirdi :P
Ne demek efendim :P
Samimi ve faydalı paylaşım kokusunu almaya göreyim hemen damlıyorum :)
Valla sen geleceğini haber verseydin çay yada kahve ikram ederdim, böyle aniden çat kapı oldu ama neyse sen yabancı değilsin :))
ya ne güzel başladım,güzel gidiyorum diyorum,pat bir sorun,bigisyarda PS CS4 yüklü ve sizdeki patternler bende yok( örn : charcoal flecks ).
Allah aşkına ne kadar pattern varsa upload edin ya,dersi yarıda bırakmakdan iflahım kesildi.
O Pattern PS nin içinde var zaten Tarık, ben PS de yoksa mutlaka paylaşırım yani paylaşmamışsam PS nin içinde kesin var demektir ;)
Sen Bevel and Options seçeneklerinden Pattern kısmına gel, orada daha önce bahsettiğim sağda küçük ok göreceksin, oradan Gray Scale Paper pattern setini seç tamam de, Charcoal Flecks patterni karşında göreceksin ;)
Niyahet bitti,güzel bir çalışma olmuş,güzel bir şekilde zaman harcamışsın,hem benim gibi yenilerede çok güzel bir kaynak.Biraz dikkatsiz davrandım ama şimdilik bu kadar.Fakat şu pen tool aracını adam gibi kullanmayı bir türlü öğrenemedim :P
buda benim çalışmamın sonucu :
http://img193.imageshack.us/i/tipografiwork.jpg/
iyi çalışmalar.
Tarık ciddi anlamda daha öncede dedim senin elin bu işe yatkın, çalışman beklediğimden daha iyi olmuş dersem umarım bana alınmazsın, yani beklediğimden dediğim için :) Cidden çok iyi.
Pen Tool aracı aslında en önemli araçlardan birisidir onu iyi kullanırsan bir çok çizimi kendin bile yapabilirsin, bu seni dahada geliştirir.
Çalışmanı paylaştığın için teşekkür ederim, yola devam ;)
alnacak birşey yok,benim için sevindirici bir cümle,pen tool aracınıda zorda olsa öyle böyle öğrenicez artık :)