Best PS Tutorials TR

Heykel (Sculpture) Photoshop Tutorial

2010-03-11T16:58:00.007+02:00

Fazla vakit bulamadığım için, ara vermek durumunda kalmıştım, şimdide 4 gün gibi kısa bir aradan sonra sizlere yeni bir çalışma daha ekleyim istedim, umarım bunuda beğenirsiniz.
Bu sefer Fotoğrafınızı nasıl heykel görünümüne dönüştürebileceğimizi göreceğiz, bunu basit bir kaç adımla yapacağız.
Başlamak için çalışmamızda kullanacağımız Fotoğrafı buradan indirebilirsiniz. Yine öncelikle bu fotoğraf üzerinde çalışmanızı öneriyorum, aşamaları anladığınızda pek tabiki kendi fotoğrafınızda uygulayabilmeniz açısından daha kolay ve anlaşılır olacaktır. Not: Dersin .PSD dosyasını dersin sonunda indirbilirsiniz.

Önizleme / Preview / Note: Psd file at the end of the course can be downloaded from the page.

Yukarıda verdiğim adresten yada buradan indirdiğiniz fotoğrafı Photoshop programınızda açmanızla başlayabiliriz. Uzun bir ders olmaması ve artık Photoshopu belirli bir düzeyde kullanabildiğinizi düşünerek çok fazla Ekran Görüntüsü kullanmayacağım ama neyi nereden yapacağınızı sırasıyla belirteceğim.

1: Fotoğrafı Photosop ile açıyoruz.
2: Fortoğrafın layerinde gördüğünüz kilit ikonuna çift tıklayarak kilidi açıyoruz. (Kilide çift tıkladığımızda gelen diyalog penceresine Heykel ismini verebiliriz.)
3: Yeni bir layer açıyoruz ve ismini Arka Plan olarak değiştirdikten sonra bu layerimizi foroğrafın altına taşıyoruz ve içini siyah renk ile dolduruyoruz. (Bunu Shift+F5 ile gelen pencereden Black seçerek yapabilirsiniz.)
4: Arka Plan isimli layerimize sağ tıklayıp gelen seçeneklerden Blending Options ayarından Gradient Overlay seçeneğine geçip aşağıdaki ayarları ile uyguladıktan sonra Arka Plan ile işimizi bitirelim.

Devamında Klavyemizden P tuşuna basalım ve Pen Tool aracımız ile aşağıdaki Ekran Görüntüsünde görüldüğü gibi fotoğrafımızı dikkatlice seçim içerisine alalım. Seçim bitince seçim alanının içerisinde sağ tıklayalım ve yine aşağıdaki aynı ekran görüntüsü içerisinde görüldüğü gibi gelen seçeneklerden Make Selection seçeneğini seçelim.

Yine gelen seçenekteki Feather Radius ayarını 1 px olarak verdikten sonra tamam diyelim ve çıkalım.

Seçim alanınızın etrafının hareketli seçildiğini göreceksiniz, seçimi ters çevirmek ve içeriğin bize kalması için CTRL+Shift+I ile seçimi ters çevirelim. (Yada Select Menüsünden Inverse diyebilirsiniz.) Seçimi ters çevirdiğimize göre Delete tuşu ile silebilirsiniz, yada CTRL+X ilede kesebilirsiniz. (Kenarları yumuşak olan arka planı alınmış fotoğraf karşımızda olmalı, böylelikle kısaca Arka Plan nasıl silinir? sorusunun cevabı olan bir kaç ayardan bir tanesini anlamış olduk)

Yaptığımız işlemi daha iyi anlayabilmeniz için şimdilik Arka Plan isimli layerimizi ben göz işaretinden kapattım.

Şimdi arka planımızı göz işaretinden açtım.
Son olarak bir seçim daha yapmamız gerekiyor, heykelimizde canlı gözlerin tuhaf olduğunu düşünürsek sırada onlarıda temizlememiz gerektiği sonucuna varabiliriz :) Bunun için yine Pen Tool aracımız ile aşağıdaki Ekran Görüntüsünde görüldüğü gibi gözlerin içerisini seçim içerisine alıyoruz. (Dikkat ederseniz sadece göz içi yani beyaz alanın olduğu kısımları seçim içerisine almaya özen gösterdim, çünkü diğer kısımlar bize gerekli.)

Buradaki aşama yukarıdaki aşama ile aynı. Yani seçim bittikten sonra içine sağ tıklayıp gelen seçenekten Make Selectinon dedikten sonra gelen seçeneklerdeki Feather Radius değerini 1 px olarak veriyoruz ve tamam deyip çıkıyoruz, yine seçtiğimiz alanın seçildiğini göreceksiniz. Şimdi yapmanız gereken J tuşuna basarak Patch Tool aracımızı seçeceğiz, eğer Patch Tool sizde aktif değilse Shift tuşuna basarak J tuşuna basarsanız araçların değiştiğini göreceksiniz, istediğimiz araç geldikten sonra bu aracımızla gözlerin içinde seçili olan alanın içine getirerek tutup aşağı doğru sürüklersek gözlerin içinin sürüklediğimiz alan ile değiştiğini göreceksiniz. (Püf noktası: Bu işlemden sonra yani birinci sürüklemenizde sonuçtan memnun kalmazsanız, seçim hala aktif olduğu için bir kere daha sürükleyip bırakırsanız daha iyi sonuç alabilirsiniz, ben ikinci sürükleyişimde aşağıdaki sonucu elde ettim.)

İşin emek isteyen kısmını atlattık, artık bundan sonraki aşamalar daha kolay :)
Şimdi ise Image menüsünden yani Image/Adjusment/Desaturate efektini ekleyelim ve aşağıdaki sonucu elde edelim.

Şimdi buradan indireceğiniz Textureyide Photoshop çalışma alanımıza alalım ve Fotoğrafımızın üstüne taşıdığımızdan emin olalım, devamında aşağıdaki 2 adımı izleyelim.
1: Blending Mode ayarını Multiply yapalım.
2: Üzerine sağ tıklayıp gelen seçenekten Create Clipping Mask seçeneğini seçelim. Aşağıdaki sonucu elde etmiş olmalıyız.

Şimdi ise Heykel isimli Fotoğrafımızı seçelim ve sırasıyla Filter/Other/High Pass efektini ekleyelim. Gördüğünüz gibi bu ayarımızla fotoğrafımız epeyce Heykele benzemeye başaldı bile.

Artık sıra yavaş yavaş ince ayarlara geldi, ilk olarak göz altındaki çatlak alanı oluşturalım, bunun içinde buradan indireceğiniz Brushesi kullanacağız, Brushesi yükledikten sonra (B tuşuna basıp Brush Tool aracını seçerek çalışma alanınızın içinde sağ tıklayıp gelen seçeneğin sağ üstündeki Ok işaretine tıkladıktan sonra Load Brushes seçeneğinden yükleyebilirsiniz yada direk Photoshop programınızın yüklü olduğu klasördeki Preset/Brushes içine kopyalayabilirsiniz) Yüklediğinizi düşünerek devam ediyorum, Öncelikle yeni bir Layer oluşturalım ve ismini Gözaltı Çatlak olarak değiştirelim, sonra D tuşuna basalım ve renkleri sıfırlayalım, siyah üstte olacak, arkasından Brush Tool aracımız seçili iken çalışma alanımızın içinde sağ tıklayalım ve az önce yüklemiş olduğunuz Çatlak isimli fırçamızı seçelim, sonra tam göz altına aşağıdaki gibi hizalayarak bir kere tıklayalım ve bırakalım.

Biraz daha gerçekçi hale getirebilmek için bir iki ayar daha yapmamız gerekiyor, aşağıdaki efekleri eklersek bu sonuca biraz daha yaklaşmış olacağız.

Burada seçeceğiniz Pattern, Grayscale Patterns. Ok seçeneğine tıklayıp gelen seçeneklerden ulaşabilirsiniz.

Gözaltı Çatlak isimli bu Layerimiz en üstte olduğu için Textureden faydalanamıyor, o bakımdan bu layerimizi az önce Clipping Mask yaptığımız Texture isimli Layerimizin bir altına sürükleyerek taşıyalım, göreceksinizki bu layaerimizde Clipping olacak.

Şimdide aşağıdaki adımları sırası ile yapalım.
1: Birinci resimde Layer Panelinin hemen aşağısında bulunan New Adjusment Layer ikonuna tıklayalım yada Layer/New Adjusment Layer/Curves efektini ekleyelim. (Aşağıdaki Ekran Görüntüsündeki 1 Nolu Bölüm)
2: Daha önceki aşamalardan aşina olduğunuz gibi bu Curves Layerimizin üstüne sağ tıklayıp Create Clipping Mask diyelim. (Aşağıdaki Ekran Görüntüsündeki 2 Nolu Bölüm)
3: Curves ayarlarımızı aşağıdaki ayarları ile düzenleyelim. (Aşağıdaki Ekran Görüntüsündeki 3 ve 4 Nolu Bölüm)

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

Çatlaklarımız yeterli ama ben orjinal çalışmamda 3 adet kullandım sizlerde kullanmak isterseniz Gözaltı çatlak isimli layer seçili iken CTRL+J ile iki kere çoğaltıp (Dublicate) birisini benim aşağıda yaptığım gibi dudak kenarına diğerinide dudak altındaki çatlağın boyun kısmında tam bittiği yer ile birleştirerek yapabilirsiniz. (Burada önemli Not: Gözaltı layerinizi çoğalttığınızda üstteki Clipping Mask lar kayacaktır, Siz yine üstlerine sağ tıklayıp Clipping Mask diyerek eski hallerine getirebilirsiniz. Aşağıda benim Ekran Görüsüntüsünde olduğu gibi.)

Burada sadece Boyun Çatlak İsimli layerimizdeki Patterni değiştireceğiz yani daha koyu bir pattern ekleyeceğiz. Bu layerimize üzerine sağ tıklayıp Blending Option ayarlarından Pattern kısmına gelip aşağıdaki pattern ile değiştirelim.

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

Heykelin arkasında birazda gölge bırakacağını düşünerek Heykel isimli layerimizi seçelim ve onada aşağıdaki ayarları ile Drop Shadaw efekti ekleyelim.

Şimdi daha iyi görünüyor.

Şimdi biraz da göz altına ve boyun kısmına biraz gölgelendirme verirsek daha iyi görünecek.
1: Bu işlem içinde yine yeni bir Layer oluşturalım ve ismini Gölgeler olarak değiştirelim.
2: Daha sonra Edit/Fill (Shift+F5) ile gelen seçenekten %50 Gray seçeneğini seçelim ve tamam deyip çıkalım, arkasından Gölgeler isimli bu layerimizin Belending Mode ayarını Overlay yapalım.
3: Devamında klavyenizden O (Numerik değil Alfabetik) tuşuna basın ve El işaretinden tanıyacağınız Burn Tool aracımızı seçelim. Devamında gözlerin içine ve boyun kısmını biraz karartalım.

Ayarlar ve seçenekler aşağıdaki Ekran Görüntülerinde.

Son vurucu işlemimizide yapalım ve bu işide sağ salim tamamlayalım :) Bunun için Heykel isimli Fotoğrafımızın layerini seçelim ve aktif edelim, arkasından bu layerimize CTRL tuşuna basılı tutarak layerdeki Thumbnail kısmına bir kere sol tıklarsak Fotoğraf layeri komple seçili hale gelir. Devamında menüden Select/Contract diyelim ve gelen seçenekten radius değerinide 1 px olarak verelim tamam deyip çıkalım.

Devamında Filter/Stylize/Diffuse efektinide aşağıdaki gibi ekleyelim ve finale ulaşalım.

Tutorial Final

Önce Sonra Final / Before After Final

Heykel_(Sculpture)_Tutorial_PSD.zip

Sepia Coloring Tutorial (Photoshop)

2010-03-07T06:50:00.023+02:00

Arkadaşlar bu aralar farklı alanlar üzerinde çalışıyorum, bu bakımdan derslerden biraz uzak kaldım ama arkadaşlarımızın ilgi ve alakası çok yüksek oldu, mail yolu ile gerek forumdan gerekse bruadan sürekli yeni dersler isteniyor, bende bu istekleri değerlendirerek yeni bir ders hazırlamak istedim ama dediğim gibi vakit sıkıntısı yaşıyorum, yinede kısa ama önemli bir ders daha hazırlamak istedim. Fotoğraf renklendirme. Foroğraf Renklendirme denince bazı arkadaşlarımızın aklına hemen Hue Saturation gibi seçenekler gelmektedir, ama bu sanılanın aksine ilk akla gelen yöntem olmamalıdır. Şimdi bir renklendirme yapacağız, (Sepia Color) öncelikle buradan gerekli olan fotoğrafı indirelim ve bu fotoğraf ile başlayalım, sebebi öncelikle her fotoğrafta ayarlar değişir, sizler bu fotoğrafla çalışıp gerekli aşamaları anladığınızda kendi fotoğraflarınız ile aynı yada benzer yollar ile çalışabilirsiniz, amaç tekniği kavramak... Not: Dersin .PSD dosyasını dersin sonunda indirbilirsiniz.

Foto Metarial by Photographer selmakoparan (Thanks) We recommend that you visit these pages.
Photographer Home Page and Deviantart Page

Önizleme (Preview) Note: Psd file at the end of the course can be downloaded from the page

Gerekli olan Fotoğrafın adresini yukarıda vermiştim ama buradan da indirebilirsiniz.
Fotoğrafımıza Sepia renklendirme işlemini gerçekleştireceğiz, yabancıların Quick Tips dedikleri yol ile yani basit bir kaç adım ile bunu yapacağız, aslında bu gibi çalışmaların detayları daha fazladır, onları ilerleyen zamanlarda beraber işleriz ama şimdilik buda işimizi fazlasıyla görecektir.

Öncelike indirdiğiniz fotoğrafı Photosop'a alalım ve ismini BG olarak değiştirelim, bunun bir kopyasını oluşturaralım (Dublicate / CTRL+J), üstte gelen (BG copy) yeni fotoğrafa (Layere) sırasıyla Filter/Blur/Gausian Blur efektini aşağıdaki değerleri verelim.

Layer Paletinden Mode bölümünü Overlay olarak değiştirelim. (Böylelikle yüzdeki prüzleri yok etmiş olduk ayrıca birazda renklendi -Fotoğraf ve ten temiz olduğu için iyi sonuç aldık, fotoğraf sorunlu olsaydı ek işlemler yapmak zorunda kalacaktık-)

Şimdi en alttaki BG isimli layerimizi CTRL+J ile çoğaltalım ve en üstte taşıyalım, arkasından sırasıyla Image/Adjusments/Desaturate efektini uygulayalım, devamında Layer Paletine geçelim bu sefer Mode ayarını Multiply olarak değiştirelim.

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

Şimdi Sepia rengini verebiliriz, bunun için sırasıyla Layer/New Adjusment Layer/Hue/Saturation efektini vermemiz gerekiyor, devamında ayarları aşağıdaki gibi verebilirsiniz.

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

Renklendirme işlemimiz dediğim gibi basit bir kaç adımdan sonra bitti ama aşamalar bitmedi. Şimdi rengi ve fotoğrafı biraz daha ön plana çıkarabilmek için basit bir işlem daha yapmamız gerekiyor. İlk olarak en üstteki Hue/Saturation efektimizin bir altındaki Desaturate uyguladığımız BG copy 2 isimli layerimizin seçili olduğuna emin olalım. Çünkü bu Fotoğraf'ın arka planını sileceğiz, bunun için Silgi (Erase) fırçamızı kullanacağız, klavyenizden (E) tuşuna basarak Silgi aracımızı seçelim ve ekranın ortasında bir yere sağ tıklayarak gelen diyaloğ penceresine aşağıdaki değerleri verdikten sonra yine aşağıda fırçanın görüldüğü gibi Fotoğrafa yaklaşarak arka planını silelim. (Dikkat ederseniz yumuşak bir fırça kullanıyoruz ve saçlara biraz temas edebiliyoruz ama tene temas ederken daha hassas seçimler yapmalısınız. Sonuç olarak en üstteki layerimizin arka planını sildiğimiz için bir alttaki Arka Plan ortaya çıkıyor ama üstteki Fotoğrafımızın yüz kısmı yine aynı kalıyor.)

Şimdi gözleri renklendirebiliriz, bunun içinde yeni bir layer oluşturalım ve ismini Gözler olarak değiştirelim. Foreground rengini #00A99D olarak ayarlayalım ve klavyemizden (B) tuşuna basarak Brush Tool Fırçamızı seçelim. Devamında yine ekranın ortasın sağ tıklayalım ve gelen Diyaloğ Penceresine aşağıdaki ayarları vererek her iki göz bebeğine tam ortalayarak fırçayı hiç kaydırmadan 3 kere tıklayalım (15 px değer verdiğimiz fırça boyu tam göz bebeği ölçülerinde olduğundan tam oturacaktır) ve göz bebeğinin rengini az önce ayarladığını açık mavi olarak değiştirelim.

Şimdi ise Göz ismini verdiğimiz layerimizi Mode ayarını Color Dodge olarak ayarladıktan sonra Opacity değerinide %90 a düşürelimki mavi renk abartı olmasın.

Son olarak dudakları renklendirmeye geldi, bunun içinde yenir bir layer oluşturalım ve ismini Ruj olarak değiştirelim. Devamında Foreground rengini #363636 olarak belirleyelim, arkasından yine klavyemizden (B) tuşuna basalım ve yine aşağıda görüldüğü gibi dudak alanını hassas biçimde dikkat ederek yani dudak dışına taşmadan bu alanı renklendirelim.

Bu layerimizide Mode ayarından Modunu Soft Light olarak değiştirdikten sonra Opacity değerinide %75 olarak belirleyelim.
Aşağıdaki Sonucu elde tmiş olmalıyız. (Ve bu final demek oluyor...)

Final 1 (Önce / Sonra)

Final

Sepia_Coloring_Tutorial_PSD.zip

CSS Text Shadow and Hover Effect Tutorial

2009-12-15T21:58:00.029+02:00

Arkadaşlar bu sefer sizler için farklı bir ders hazırlamak istedim, aslında farklı sayılmaz çünkü ilerki zamanlarda menüler ve web siteleri tasarlamaya başlayacağız, o bakımdan şimdiden kısa kısa css derslerine yada bu dersi daha iyi anlatan kısa püf noktalarından bahsetmeye başlayabiliriz. (Dersin dosyalarını sayfanın sonundan indirebilirsiniz.) Demo Preview

Not: CSS3 bazı tarayıcıların desteklemediğini hatırlatmak istiyorum, IE ve bazı tarayıcılar henüz bu özelliği desteklemiyor, bu çalışmamız Chorome, Firefox ve Safaride sorunsuz çalışıyor.

Önizleme - Preview

Bu dersimizde normalde Photoshop ile gölgeli yazı efekti vererek oluşturduğumuz efekti css ile yapmaya çalışacağız, ama yinede bu derstede Photoshop kullanacağız, yalnız Photoshopu bu sefer sadece arka plan resmimizi oluşturmak için kullanacağız. Hazırsanız Photoshop programımızı açalım ve 200x200 px 72 dpi özelliklerinde yeni belge açalım ve bu belgenin içini Paint Bucket Tool (G) aracımızı kullanarak #333333 rengi ile dolduralım.

Hemen arkasından görseli biraz daha arttırmak adına Filter/Noise/Add noise değerlerini aşağıdaki gibi verelim.

Son olarak Filter/Noise/Reduce Noise efektinide aşağıdaki değerleri ile verelim.

Daha sonra masa üstümüzde bir klasör oluşturalım ve ismini anlatımlarda karıştırmamamız için şimdilik Shadow & Hover olarak adlandıralım. Arkasından Bu klasörümüzün içine yeni bir klasör daha oluşturalım ve ismini images olarak değiştirelim, devamında az önce oluşturduğumuz bg isimli çalışmayı bu images isimli klasörümüzün içine bg.gif formatında kaydedelim. (Bu bizim arka plan resmimiz olacak) Bu işlemi tamamladıysak devamında yeni bir Not Defteri açalım ve içine aşağıdaki html kodlarını elle yazalım yada buradan - html kodlar 1.zip indirebilirsiniz.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9">
<title>CSS Shadow & Hover Effect</title>

</head>
<body>

</body>
</html>

Yukarıda görmüş olduğunuz kodlar html kodların değişmez iskeletidir diyebiliriz. Asıl kodlarımızı bundan sonra yazacağız, öncelikle <body> ve </body> taglarımızın arasına aşağıdaki örnek yazılarımızı yazalım yada buradan html kodlar 2.zip indirelim ve Not Defterimize ilgili bölümüne ekleyelim.

<h3><a href="http://bestpstutorials-tr.blogspot.com">ANA SAYFA</a></h3><hr color="#686868" width="190">

<h1><a href="http://bestpstutorials-tr.blogspot.com">CSS HOVER EFFECTS</a></h1><hr color="#686868" width="585">

<h2>CSS SHADOW EFFECTS</h2>

Yukarıdaki kodların anlamı, h1, h2 ve h3 tagları yazılarımızın boyutunu belirler, normalde html bunu kendisi boyutlandırır ama bizhtml kodlarının iradesine bırakmayacağız ve CSS ile bu tag'lerin hangi boyutlarda göstermesi gerektiğini belirteceğiz. Devamında hr kodu ise yazılarımızın altına oluşturduğumuz çizginin html kodudur, bu tag'ın devamındaki Color ve Width komutları ise isimlerindende anlaşılacağı üzere rengini ve genişliğini belirlememize olanak tanırlar. Bu kodlarıda anladığımıza göre html ile işimiz bitti demektir, artık html kodları arasındaki yazılarımızı biçimlendireceğimiz CSS kodlarımıza geçebiliriz.

Bunun için öncelikle css kodlarımızın başlangıcı ve bitişini ifade eden mutlaka eklememiz gereken CSS kod başlangıç ve bitiş kodlarımızı yazmamız gerekiyor. Örnek aşağıdaki gibidir.

<style type="text/css">

</style>

Bundan sonra aşağıdaki kodlarımızı incelerseniz h1, h2 ve h3 olmak üzere 3 başlığımız var ve hepsinin komutlarını ayrı ayrı verdik, aşağıdaki kodlarıda elle yazın yada buradan CSS Kodlar.zip indirerek not defterinizde az önce oluşturduğumuz <head> ve </head> kodlarımızın arasına yerleştirin.

<style type="text/css">
body {
background: #191919 url(images/bg.gif);
margin-top: 225px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

h1 a {
display: block; text-decoration: none;
font: 60px Times, Tahoma, Tahoma, Helvetica, Sans-Serif;
text-align: center;
color: #787878; text-shadow: 1px 1px 2px #000;
}
h1 a:hover {
color: #686868; text-shadow: 1px 1px 2px #000;
}

h2 {
font: 36px Times, Arial, Tahoma, Helvetica, Arial, Sans-Serif;

text-align: center;

color: #787878; text-shadow: 1px 1px 2px #000;
}

h3 a {
display: block; text-decoration: none;
font: 36px Times, Arial, Tahoma, Helvetica, Sans-Serif; letter-spacing: -2px;
text-align: center;
color: #787878; text-shadow: 1px 1px 2px #000;
}
h3 a:hover {
color: #686868; text-shadow: 1px 1px 2px #000;
}

</style>

Şimdi sıra hangi kodlarımızın hangi işlemleri gerçekleştirdiği kısmına geldi.
1) Öncelikle CSS kodlarımız <style type="text/css"> - </style> tag'leri ile başlamak durumundadır, arasındaki css kodlarında ilk sıradaki background#191919 kodumuz arka planımızdaki resmimizin görüntülenme aşaması geciktiğinde görülecek olan rengimizi belirler, hemen yanındaki url(images/bg.gif); kodumuz ise öncelikli olarak arka planımıza yolu gösterdiğimiz takdirde bg.gif isimli dosyamızı kullanmasını istediğimizi belirtir.

2) Hemen altındaki margin-top komutu ise yazılarımızın yukarıdan kaç px boşluk bırakacağımızı ayarlar, ben 225 px olarak ayarladım. Diğerleri ise isimlerinden belli olacağı üzere, Sol, Sağ ve Alt hizalamalardır.

3) h1 kodlarımızın komutları buradaki gibi işler, yani bizim belirlediğimiz gibi, sizler kendi ihtiyacınıza göre değiştirebilirsiniz, bunlar örneksel verilerdir.
Buradaki text-decoration: none kodunun görevi linkimizin altındaki çizgiyi istemediğimizi belirler eğer bunu yes olarak değiştirirseniz linklerimizin altında çizgi belirir.

4) font: ile başlayan ikinci sıradaki kodlarımız ise öncelikle hangi fontu göstermesini istediğimizi belirler ama olası sayfayı görüntüleyen ziyaretçinin bilgisayarında o font olmaması ihtimaline karşı diğer font seçeneklerimizide belirttik. Buradaki önemli nokta mutlak her bilgisayarda bulunması muhtemel olan fontları seçmemizdir, aksi halde o font yine ziyaretçinin bilgisayarında yoksa default font ile görüntülenir, buda sizin ayarlarınızın geçerli olmaması anlamına gelir, o bakımdan font seçimi çok önemlidir (font-family).

5) text-align: center kodumuz ise fontumuzu sayfamıza ortalamak istediğimizi gösteriyor, eğer siz fontun sola dayanmasını istiyorsanız buradaki center kodunu left, yada sağa yanaşmasını istiyorsanız right kodları ile değştirebilirsiniz. Ben örnek olsun diye ortalamak için center kodunu seçtim.

6) Color ile başlayan kodlarımızı ise yine isminden belli olduğu üzere rengini ayarlamamızı sağlar, hemen yanındaki diyez işareti ile başlayan rakamlar ise vermek istediğimiz rengin kodlarıdır, devamındaki noktalı virgül ise bu renk kodunun bitişini, devamında başka bir komut uygulayabileceğimizi gösterir, ben devamında asıl dersimizin amacı olan shadow yani gölge efekti için text-shadow: kodunu verdim, yanındaki ilk sırada olan 1px gölgemizin 1 px sağa, ikinci sıradaki 1px ise 1 px aşağı taşmasını sağlar, hemen yanındaki ise yumuşaklığını (feather) ayarlar, ben 2 px değer girdim, hemen yanındaki son kodumuz ise yine diyez işareti ilen başlayan #000 ise gölgemizin hangi renkte olmasını istediğimizi soruyor, bende siyaha denk gelen #000 değeri girdim. Burada neden 6 adet rakamsal veri girmedik, sebebi şu, eğer birbirini ardına örnek olarak #000000 değeri yine siyaha tekabül eder ama 6 rakamımızda aynı veriyi taşıyorsa 3 adet girmemiz yine css de siyaha tekabül eder, ama #0236bc bu renk değerinde 3 rakam kullanamayaız çünkü farklı rakamsal değerler var.

7) Şimdi parantezi kapatmamızın sebebi, artık normal yazı değerlerimizin bunlarla sınırlı olduğunu css kodlarımıza tanıtmaktır, ama dikkat ederseniz hemen arkasında h1 kodumuzun komutlarının bitmediğini, hover efekti için bir kaç ayar daha istediğimizi belirttiğimiz bölüm devreye giriyor. Hover efekti bir yazının yada resmin olabilir üstüne mousemiz ile gittiğimizde renk yada resim değiştirme efektidir. Şimdi bu efekti örnek olarak hazırladığımız h1 başlığı için nasıl uygulamasını istediğimizi belirteceğiz. Ben yine h1 için üstüne Mousemiz ile gittiğimizde ilk sıradaki color: komutu ile almasını istediğim rengin kodlarını girdim.

8) Hemen arkasından hover efekti sırasında yine gölge efektimiz için text-shadow: komutu ile 1 px sağa 1 px aşağıya 2 px de yumuşaklık (feather) değeri vererek rengininde #000 ile yine siyah olmasını istemişim ve css ise beni kırmadan hemen uygulamaya geçecektir.

Şimdi h2 ve h3 teki kodlarımızında mantığı aynı olduğu için ayrı ayrı onların anlatımına girmiyorum zaten az önce anlattıklarım ile birebir aynıdır. Sizler bu değerleri kendiniz deneme yanılma yolları ile değiştirerek düzenleyebilirsiniz.

Benim dersimizde kullandığım örnek kodları ve dosyaları aşağıdan indirerek inceleyebilirsiniz, herkese kolay gelsin arkadaşlar.

Demo Preview
Tutorial Source Files Download - CSS_Shadow & Hover.zip

Apple Logo and Wallpaper Tutorial

2009-11-30T10:43:00.029+02:00

Merhaba arkadaşlar bu aralar biraz yoğun olduğum için derslere ara vermiştim ama maillerden gelen isteklere duyarsız kalamadım ve basit bir ders hazırlamaya karar verdim. Bu dersimizde Apple Logo ve Wallpaper dersini uygulayacağız ama derslere sadece wallpaper mi gözüyle bakmamanızı öneriyorum, çünkü içlerindeki bilgiler önemli diye düşünüyorum, neyse lafı uzatmayım ben hemen anlatıma geçeyim, daha yapacak başka işlerim var :)))

Önizleme - Preview

Öncelikle bu çalışmamızda Pattern kullanacağız ve bunu hazırlamamız için 10x10 px ölçülerinde yeni bir belge açıyoruz ve %3200 zoom yaparak büyütüyoruzki rahat çalışabilelim.

İçini Paint Bucket Tool ile #3a3a3a rengi ile dolduruyoruz ve hemen arkasında CTRL+R ile Cetvelimizi aktif ediyoruz, daha sonra yukarıdan ve soldan olmak üzere çizgilerimizi çekiyoruz alanımızın tam ortasında çizglerimizin yapıştığını göreceksiniz o noktada bırakıyoruz.

Şimdi ise yeni bir layer oluşturalım ve M tuşuna basarak Oval olan yani Elliptical Marquee Tool aracımızı seçiyoruz ve çizgilerin birleştiği yerden hizamızı alıyoruz ve bir daire çizip bırakıyoruz. Düzgün dair çizebilmeniz için Alt ve Shift tuş kombinasyonlarına aynı anda basmanız yeterli olacaktır, bu işlemide yaptıktan sonra yine Paint Bucket Tool ile içini siyah renk #000000 ile dolduruyoruz.

CTRL+D ile seçimi kaldıralım ve bu layerimizi CTRL+J ile çoğaltalım ve alttaki layerimize aşağıdaki gibi Color Overlay değerini uygulayalım, arkasından bir px aşağı çekelim, bu işlemi alttaki layerimiz seçili iken aşağı bakan ok ile bir kere aşağı çekerek yapabilirsiniz.

Şimdide üstteki bu iki layerimizi CTRL yardımı ile seçili hale getirdikten sonra CTRL+E ile birleştirelim. (Merge) Aşağıdaki sonucu elde etmiş olmalıyız.

Şimdide birleştirdiğimiz bu layerimizi 4 adet çoğaltarak aşağıdaki gibi hizalayalım. Dikkat: Üstten 3 px içeri girmiş, alttan sağdan ve soldan ise 2 şer px içerde bu önemli bir ayrıntı.

Sıra geldi bu çalışmamızı Pattern olarak kaydetmeye, bunu yapabilmemiz için sırasıyla Edit/Define Pattern seçeneğine tıklıyoruz ve karşımıza gelen seçeneğe Pattern'mize Küçük Pattern ismini veriyoruz ve tamam diyerek kapatıyoruz. Buradaki sonuç Pattern alanımıza gitti, yeri geldiğinde kullanacağız.

Şimdi aynı işlemi bir kere daha tekrarlıyoruz ama bu sefer 35x35 px olacak, yani az önce yaptığımız 10x10 px ölçülerinde dairesel bir Patterndi, şimdi ise 35x35 px ölçülerinde aynı yoladan bir Pattern daha yapıyoruz, bunun isminide Büyük Pattern olarak adlandırıyoruz ama bu sefer arka planını şeffaf yapıyoruz yani arka plan olmayacak. Anlatım uzamasın diye ve zaten az önce bir örneğini yaptığımız bununda ayrı ayrı anlatımına girmiyorum.

İkinci Patternimizide hazırladığınızı düşünerek devam ediyorum, şidmi Wallpaper yapımına geçebiliriz. bunun içinde ben 1680x1050 ölçülerinde bir ekran çözünürlüğüne sahip olduğum için ben belgemi bu ölçülerde açıyorum, siz kendi ölçülerinizi tabiki kullanabilirsiniz.

1680x1050 ölçülerinde Transparan bir belge açtım.

Şimdi ilk hazırladığımız 10x10 px özelliklerindeki Patternimizi kullanacağız, bunun için sırasıyla Edit/Fill yada Shift+F5 seçeneğinden Pattern seçeneğini seçip içinden az önce oluşturduğumuz Küçük Pattern'imizi seçelim ve tamam diyerek Background layerimize uygulanmasını sağlayalım, aşağıdaki sonucu elde etmiş olmalıyız.

Yeni bir layer daha oluşturalım ve bu layerimize az önce oluşturduğumuz Büyük Pattern yani ikinci oluşturduğumuz arka planı Transparan (Şeffaf) olan Patternimizi yine aynı yoldan ekleyelim. Edit/Fill yada Shift+F5. Aşağıdaki gibi saçma bir sonuç çıkacak :D

Şimdi bu saçma sonucu normal sonuca nasıl çevirebilirize bakalım, öncelikle bu layerimizi göz işaretinden kapatalım ve yeni bir layer daha oluşturalım, ismini Büyük Pattern olarak değiştirelim, arkasından Büyük Pattern isimli layerimiz seçili iken alttaki göz işaretinden kapattığımız layere CTRL tuşumuza basılı tutarak bir kere sol tıklayalım ve dairelerin seçili olmasını sağlayalım. Hemen arkasından menüden Select/Inverse yada CTRL+Shift+I ile seçimi ters çevirelim.

Şimdi yine Shift+F5 tuş kombinasyonları ile Fill ayarlarımızı açalım ve seçenklerden Color seçeneğini seçelim arkasından renk olarak #1a1a1a rengini verelim ve tamam diyerek çıkalım. Bu işlem seçili alanlarımızı az önce belirlediğimiz renk ile doldurdu, işimiz bittiğine göre CTRl+D ile seçimide kaldırabiliriz artık. Aşağıdaki sonucu elde etmiş olmalıyız.

Artık göz işaretinden kapattığımız layeri silebilir ve Büyük Pattern isimli layerimize sağ tıklarayak Blending Options ayarlarından aşağıdaki efektleri uygulayabiliriz.

Aşağıdaki sonucu elde etmiş olmalıyız. Dikkat ederseniz üstteki büyük deliklerden alttaki küçükleri daha net görebilirsiniz.

Şimdi biraz zahmetli bir kısma geliyoruz, ama pes etmeyin bunu basit bir yolla yapacağız. İlk olarak CTRL+R ile cetvelimizi aktif edelim, zaten daha önce aktif etmiştik ama kapatanlar için söylüyorum, Şimdi en alttaki yada bir üstteki Büyük Pattern isimli layerimizi seçili hale getirelim ve cetvelimizi yine kenrarından tutup sürükleyerek çalışmanın tam ortasına getirelim, (üstten ve soldan). (İsmi geçen layerlerden birini söylememin sebebi çalışma alanımızın tümünü referans alması içindir)

Yukarıdaki resimde görülen 1 ve 2 numaralı alanlardaki 1 den 13 kadar olan sayılar o noktadaki her bir daireyi temsil ederler, yani önizlemesinde gördüğümüz orta kısımdaki alanımızın kenar köşelerini gösterir. Sağ, sol, alt ve üstten 13 er daire sayarak bu daireleri kenar kabul edersek yeni bir layer oluşturup ismini Orta Alan 1 olarak adlandırdıktan sonra Pen Toll aracımız ile aşağıdaki şemadaki gibi bir seçim yapabilirsiniz. (Not: yukarıdaki resimde görülen numaralar derse anlatım için hazırlanmıştır siz yapmak zorunda değilsiniz) daha kısaca siz belirlediğiniz 13 dairenin başına ve sonuna birer referans numarası koyabilirsiniz işiniz bittiğinde kaldırırsınız, yada gözünüz iyiyse onada gerek yok :) Aşağıdaki seçimi düzgünce yaptıktan sonra yine aşağıdaki resimde görüldüğü gibi seçimin ortasına sağ tıklayarak (Pen Tool aktf iken) gelen menüden Make Selection seçeneğini seçelim ve içini arka plan ile aynı renk olan #1b1b1b ile dolduralım, sonra ilerde tekrar kullanacağımız için bu layerimizi CTRL+J ile çoğaltalım (Dublicate) ve şimdilik göz işaretinden kapatalım zamanı geldiğinde kullanacağız. Not: Eğer daire kenarlarında taşma varsa onları E tuşuna basarak Eraser aracımızı seçelim ve o kenarları dikkatlice silebiliriz ki arka planımız ile bütünleşik hissini yakalayabilelim.

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

Şimdi Orta Alan 1 isimli layerimiz ile Büyük Pattern isimli iki layerimizi CTRL yardımı ile seçili hale getirelim ve CTRL+E ile birleştirelim (Merge)

Bu layerimizede aşağıdaki gibi Drop Shadow efektini uygulayalım ki üstteki büyük daireler ile alttaki küçük daireler arasında alan derinliğini artsın, daha sonra Gradient Overlay değerini uygulayacağız.

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

Daha önce coğaltığımız ve göz işaretinden kapatarak sakladığımız Orta Alan 1 copy isimli layerimizi en üste taşıyarak göz işaretinden yeniden aktif edelim ve CTRL+T tuş kombinasyonunu kullanarak Free Transform moduna geçelim, arkasından aşağıdaki gibi makul ölçülerde Alt ve Shift tuşlarına aynı anda basarak içeri doğru biraz küçültelim.

Enter tuşu ile seçimi kaldıralım ve aynı layerimize bu seferde CTR tuşuna basılı tutarak bir kere sol tıklayalım ve seçili hale getirelim, hemen arkasından menüden sırasıyla Select/Modify/Contract değerini 35 vererek tamam diyelim ve çıkalım, daha sonra seçili alanın iç kısmını silmek için Delete tuşu yada CTRL+X ile silelim, aşağıdaki sonucu elde etmiş olmalıyız.

Artık aşağıdaki efektleri uygulayarak metal görünümü verebiliriz.

Şimdi bir alttaki Ortal Alan 1 isimli layerimizi seçelim ve bir üstteki Orta Alan 1 copy isimli layerimizede CTRL tuşuna basılı tutarak bir kere sol tıklıyalım yani layerimizi seçili hale getiriyoruz, arkasından Menüden Select/Inverse yada CTRL+I tuş kombinasyonu ile seçimi ters çevirelim ve E tuşu ile Erase Tool aracımızı seçerek aşağıdaki gibi çerçevemizin iç alanını silerek temizleyelim. (Bu alanda en allttaki Küçük Pattern isimli layerin parçasını göreceğiz)

CTRL+D ile seçimi kaldıralım. Buradan (apple_logo.png.zip) Apple Logoyu indirelim ve aşağıdaki gibi çerçevenin tam ortasına ekleyelim.

Artık Blending Options ayarlarından aşağıdaki efektleri uygulayabliriz.

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

Sıra geldi son işlememiz olan Yansıma efektlerine, bunun için öncelikle en üste yeni bir layer oluşturuyoruz, hemen arkasından klavyemizden M tuşuna basalım, Rectanqular Marquee Tool aracımızı aktif edelim, devamında aşağıdaki gibi bir alanı seçelim ve içini beyaz renk ile dolduralım.

Bu layerimizi CTRL+J ile 3 kere daha çoğaltalım yani elimizde dört layer olacak, sonra bu layerlerimizi aşağıdaki gibi hizalayalım.

Şimdi bu 4 Layerimizi CTRL yardımı ile hepsini seçerek CTRL+E ile birleştirelim arkasından bu Layerimizin ismini Pencere Yansımalar oalrak değiştirelim.

Devamında bu layerimize Filter/Distort/Spherize efektimizi uygulayalım, arkasından 2 kere CTRL+F ile işlemi tekrarlayalım ve Opacity değerini %8 e düşürelim, aşağıdaki sonucu elde etmiş olmalıyız.

Şimdi ise yeni bir layer daha oluşturalım ve ismini Daire 1 Yansıma olarak değiştirelim. Arkasından M tuşuna basalım ve Elliptical Marquee Tool aracımızı seçelim (Oval olan) ve aşağıdaki gibi bir alan çizelim, Shift tuşuna basarsak düzgün bir daire çizebiliriz. Ayarlar yine aşağıdaki Ekran Görüntüsünde görülüyor.

Bu layerimizinde Opacitiy değerini %10 a düşürelim ve Klavyemizden X tuşuna basarak renkleri ters çevirelim, yani az önce Foreground rengi Beyazdı, şimdi Siyah olacak.
Yeni bir layer daha oluşturalım, ismini Daire Yansıma 2 olarak değiştirelim ve yukarıdaki işlemi bir kez daha tekrarlayalım, bu sefer çizdiğiniz Daire öncekinden biraz daha büyük olursa daha iyi olur, bu layerin Opacity değeri % 20.
Son olarak Daire Yansıma 2 isimli layerimizide CTRL+J ile çoğaltalım (Dublicate) ve CTRL+T ile transform moduna geçtikten sonra köşesinden tutarak çok az içeri doğru küçültelim ve Enter ile seçimi kaldıralım arkasından bununda Opacity değerini %10 a düşürelim ve Finale ulaşalım :)

Not: Üstte bevel efektinden dolayı oluşan çıkıntıyı giderebilmeniz için alttaki Orta Alan 1 isimli layeri yine CTRL+T ile transform moduna geçerek köşeden Alt+Shift tuş kombinasyonlarına basarak dışa doğru biraz çekerseniz o sıkıntıda giderilmiş olur. Herkes kolay gelsin iyi çalışmalar arkadaşlar.

Final

Tutorial PSD File Download

Fire Girl Angelina Jolie Photoshop Tutorial

2009-09-29T23:58:00.015+03:00

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.

Az sonra Fire Girl olarak oluşturacağımız kahramanımız Angeline Jolie nin resmini Photoshop programımız ile açalım. (Belki Hollywood'a esin kaynağı olur, Örümcek Adam, Watch Man gibi karakterlerin arasına bunuda katarlar Ehehhe :D) Neyse şakayı bir kenara bırakayım ben devam edelim :))
Resmi açtıktan sonra üzerinde biraz değişiklik yapmamız gerekiyor, Angelina'nın teni biraz pürüzlü, Pudra yada Fondotenle biraz kapatılmış ama yinede bizim biraz daha teninini yumuşatmamız gerekiyor, ilk olarak tenine biraz Blur vererek başlayabilirz. Genel Blur Filteri uygulamayacağız sadece belirli bölgelere biraz uygulamamız yeterli. Bunun için Blur Tool aracımızı seçelim, yüzün geneline biraz uygulayalım.

Şimdi saçının sağ bölümündeki saç dalgasının aralarındaki boşlukların olduğu kısmı kaptacağız, çünkü kor efektini uyguladığımızda açık bölgelerde uyumsuz ışık patlamaları oluşuyor. Bu işlemide Clone Stamp Tool ile yapacağız. (Klavyeden kısa yolu S) - Aşağıdaki Ekran görüntüsünde ayrıntılar görülüyor. Not: Clone Stamp Tool aracını seçtikten sonra resmin üstüne sağ tıklayıp, Master değerini 50 px olarak ayarladıktan sonra, Hardnes değerinide %50 olarak ayarlamanız kenarları %50 olarak yumuşatacak ve işinizi kolaylaştıracaktır, yani kenarlar ne çok sert nede çok yumuşak olacak.
Daha sonra işlem için Clone Stamp Tool seçili olduğuna emin olduktan sonra klavyenizden ALT tuşuna basılı tutarak copyasını hafızasına alması için saçın temiz kısmına bir kere tıklayın, daha sonra ALT tuşunu bırakın, arkasından saçın boşluk olan kısımlarının üstüne gezdirin ve o bölgeye uygun temiz kısımları dolgu olarak eklenmesini sağlayın..

Yine kor efektini verdiğimizde göz içindeki parlak yansıma kötü duruyor, o bakımdan ondanda kurtulmamız gerekiyor. Bu işlemi S tuşuna basarak yine Clone Stamp Tool ile daha rahat yapabiliriz.
Bu işlemide resmimizi % 600 Zoom yapalım ve yine Master değerini 5 px olarak ayarladıktan sonra, Hardnes değerinide %50 ayarlayalım. Bu ayarlardan sonra gözbebeği kısmındaki siyah alandan yine ALT tuşuna basılı tutarak dolgu alalım ve ALT tuşunu bırakalı markasından ışıldayan bölgeye gezdirelim, bu işlemin sonunda aşağıdaki sonucu elde etmelisiniz.

Elde ettiğimiz sonuçtaki resmi CTRL+J ile çoğaltalım (Dublicate), arkasından üsteki resme Fiter/Blur/Gaussian Blur efektini 20 px olarak verelim ve Belending Mode ayarını Overlay olarak değiştirelim, şimdi teni biraz daha iyi görünüyor :D

Biraz daha iyi görünmesi için Blur efektini verdiğimiz bu layeri tekrar CTRL+J ile çoğaltalım (Dublicate), evet evet kesinlikle şimdi daha iyi görünüyor :D Neyse devam edelim, şimdi resmi Brushes olarak ayarlamamız gerekiyor, ilerde bunu kullanacağız.

1: Bunun için üsteki iki Blur efekti verdiğimiz layerlerimizi göz işaretinden kapatalım.
2: Şimdi en alttaki Original Angeline isimli layerimizi seçili yapalım ve Edit menüsünden yani Edit/Define Brush Preset seçimini yapalım,
3: Gelen diyalog penceresinden bu Brushesimize isim verelim, Ben Fire_Girl_Angeline ismini verdim :) ve Ok diyerek kapatalım. Burada oluşturduğumuz Brus Brushes arşivimize gitti, yeri geldiğinde kullanacağız.

Artık göz işaretinden kapattığımız layerlerimizi yine göz işaretinden açarak yeniden görünür yapabiliriz. Daha sonra bu 3 layeri CTRL yardımı ile hepsini seçili hale getirelim daha sonrada CTRL+E ile birleştirelim. (Merge)
İşte şimdi Brush'umuzu kullanacağımız an geldi :D

1: Bunun için ise yeni bir layer oluşturalım ve ismini Ana Fire Girl olarak değiştirelim.
2: Arkasından B tuşuna basalım ve Brush Tool aracımızı aktif edelim, daha sonra yine çalışma alanımıza sağ tıklayalım ve Brush'larımızın bulunduğu diyalog penceresinin en altına az önce Ana Fire Girl isimli Brush'umuzun geldiğini göreceksiniz onu seçelim, zaten boyutu orjinal çalışma alanımızı ile birebir olduğu için ölçülerini değiştirmemize gerek yok.
3: Brush'umuzu seçtikten sonra klavyeden D tuşuna basalım ve renk ayarlarını sıfırlayalım, daha sonra X tuşuna basalım Foreground rengimizin beyaz olmasını yani üste çıkmasını sağlayalım.
4: Şimdi ince bir ayar yapmamız gerekli, yapacağımız şey ilk olarak seçili Brush'umuzu yeni layerimiz seçili iken resme tam olarak oturtmaya çalışacağız, bu aslında çok kolay çünkü Brush'un kenar çizgilerini referans alırsanız ve düzgünce hizalarsanız resme tam olarak yerleştiğini göreceksiniz.

Şimdi bu layerimize sağ tıklayarak Blending Options ayarlarımzdan aşağıdaki efektleri uygulayalım ve istediğimiz sonuca bir adım daha yaklaşalım.

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

Şimdi amacımıza biraz olsun yaklaştık ama tam istediğimiz gibi olmadı, üzerinde biraz daha çalışacağız, şimdi Bu Layerimizi seçelim (Ana Fire Girl) ve CTRL tuşumuza basılı tutarak üzerine bir kere sol tıklayalım, resmin parlak alanlarının seçildiğini göreceksiniz, bu aşamada Layer Panelimizin altındaki Add Layer Mask ikonuna tıklayarak seçili alanımızı kapatalım.

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

[

Şimdide bu Layerimizi (Ana Fire Girl) CTRL+J ile çoğaltalım, (Dublicate) ve Blending Mode ayarını Soft Light olarak değiştirelim. Daha sonra Outer Glow rengini #E84E4E olarak değiştirelim. Aşağıdaki sonucu elde etmiş olmalıyız.

Bundan sonraki aşamalar daha önce yaptıklarımızın benzeri olduğu için ayrı ayrı Ekran Görüntüsü almıyorum, aşağıda ayrıntılı anlattım.

1: Artık ilk açtığımız Blursuz olan Orjinal Resmimizi çalışma alanımıza import edelim ve Layer Panelimizden en üstte taşıyalım.
2: Yine Filter/Blur/Gaussian Blur efektini yine 20 px ekleyelim, Blending Mode ayarını ise Overlay olarak değiştirelim. (Bu işlemden sonra Yüz Rengi tamam gibi ama saçlar çok koyulaştı, bunu aşmak için mask ekleyeceğiz ve temizleyeceğiz)
3: Bunun içinde Layer Panelimizden bu Layerimiz seçili iken aşağıdan Add Layer Mask ekleyelim.
4: B tuşuna basalım ve Brush Tool aracımızı seçelim, (yumuşak bir fırça olması iyi olur) D tuşuna basalım ve rengi sıfırlayalım, devamında ise layerimize uyguladığımız Add Layer Mask seçeneğinin layerimizdeki Thumbnail görünümünün seçili olduğuna emin olduktan sonra yüz kısmı hariç sadece koyulaşmış saç bölümlerinin üstünü boyayalım daha doğrusu silelim. (Yüze fırça değmemesi lazım yüzle saç arasında ince ayar yapmanız gerekiyor)

Buda Final demek oluyor :) Click Here Full Preview

Tutorial .PSD Download

Crease Golden Aliminium Text Effect Tutorial

2009-09-12T21:43:00.011+03:00

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.

Arka planımızın renklerini ayarlamak için öncelikle Background ve Foreground renklerini ayarlalamız gerekiyor, aşağıdaki Ekran Görüntüsünde görüldüğü gibi ayarlarımızı yapalım, BG renk kodu: #726b59 - FG renk kodu: #9b9585 bu ayarları yaptıktan sonra Radial Gradient Aracımız ile çalışma alanımızın üst köşesinden ama tam ortasından yukarıdan aşağıya doğru Shift tuşuna basılı tutarak çekelim ve bırakalım.

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

Şimdi Arka Planımıza aşağıdaki değerlerde Filter/Noise/Add Noise efektini ekleyelim.

Şimdide Filter/Render/Lighting Effects efektini aşağıdaki değerleri ile ekleyelim.

Arka Planımız Sonuç

Sıra geldi yazı efektimize, benim yukarıda verdiğim fontu kullanıyorsanız ben 150 pt olarak ayarladım ve ekrana tam olarak yerleşti.

Şimdi yazı efektlerimize geçebiliriz. Öncelikle Layer Sekmesinden Fill değerini %0 olarak değiştirelim.

Yukarıda indirmenizi çin verdiğim Pattern burada kullanılacak.

Ve final

Tutorial .PSD Download

Military Background and Canvas Text Tutorial

2009-08-30T20:25:00.016+03:00

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

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

TutsNOW Logo Text Effects v1

2009-08-04T05:22:00.023+03:00

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

Tipografi Çalışması Versiyon 1

2009-07-24T00:56:00.041+03:00

Arkadaşlar merhaba, bu sefer yeni başlayan arkadaşlarımızında rahatlıkla yapabileceği basit ve başlangıç amaçlı Tipografi denemesi yapacağız.

Ö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

The Fallen Transformers Logo Tutorial

2009-07-12T20:57:00.029+03:00

Arkadaşlar mailden gelen istekler doğrultusunda böyle bir ders hazırlama ihtiyacı hissettim, yine bu derstede herzaman olduğu gibi yeni başlayan arkadaşlarımızı göz önünde bulundurarak anlatmaya çalıştım, umarım beğenirsiniz, hazırsanız başlayalım.
Not: Çalışmanın .PSD dosyasını dersin sonunda indirebilirsiniz.

Ön izleme - Preview - Click Here Image Full Preview

İlk olarak aşağıdaki özelliklerde yeni transparan bir belge açalım.

Şimdi bu layerimizin kilidine çift tıklayarak kilidini açalım ve ismini Arka Plan olarak değiştirelim, daha sonra BG ve FG renklerimizi ayarlayacağız, BG rengi #000000, FG rengini ise #464E52 olarak ayarlayabiliriz, devamında menüden Filtre/Render/Clouds efektini uygulayabiliriz, ayrıntılar aşağıdaki ekran görüntüsünde görülüyor.

Şimdi yine aynı yoldan yani, Filtre/Render/ seçeneğinden Diffrence Clouds efektinide ekleyelim ve CTRL+F ile bir kere tekrar yapalım, aşağıdaki sonucu elde etmiş olmalıyız.

Devam edelim yine Filter Menüsünden Filter/Noise/Add Noise ayarlarını aşağıdaki gibi verelim, bu efekt daha sonra Lighting efektini uyguladığımızda çok az kabarmış duvar etkisini almamıza yardımcı olacak.

Yine Filter menüsünü kullanacağız bu sefer ise Tiles efektini aşağıdaki ayarları ile uygulayacağız, Filter/Stylize/Tiles. bu efekt duvarmızın dağılmış olmasını sağlayacak.

Şimdi CTRL+F tuş kombinasyonumuz ile bir tekrar daha yaparak dağılma efektini biraz daha arttıralım. Arkasından Filter/Render/Lighting Effects ayarlarını aşağıdaki gibi uygulayarak devam edelim.

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

Şimdi esas oğlanımızı şekillendirmeye geldi sıra :D Bu yakıştırmayı forumumuzdan yöneticimiz cRChasch yaptı, bütün suç onun :D Neyse devam edelim ve buradaki Transformers Shapes.csh.zip dosyasını indirip yükledikten sonra aşağıdaki boyutlarda çalışma alanınıza ekleyin. (Aslında bu şekli Pen Tool ile çizebilirdik ama bu sizleri çok uğraştırırdı o bakımdan ben size hazır paket halinde verdim isteyen çizmeyide deneyebilir :D ) Yüklemek için Costom Shapes penceresini aktif ettikten sonra sağdaki küçük oktan gelen seçeneklerin arasındaki Load Shapes ile yapabilirsiniz ayrıca PS yi kurduğunuz dizindeki Custom Shapes Klasörünede direk atabilirsiniz ama bu sefer eklediğiniz shapesi görebilmeniz için PS yi yeniden başlatmanız gerekir.

Şimdi eklediğimiz bu Shapes dosyasının boyutlarını ayarladıktan sonra üzerine sağ tıklayıp Rasterize Layer Style diyerek resme dönüştürelim ve ismini Alt olarak değiştirelim. Transformers logosunun ilk katmanı olan bu resme aşağıdaki efektleri uygulayarak bize gerekli olan efekti yakalayabiliriz. Bunun için öncelikle buradaki Arka_Plan_www.after-effects.tr.cx.jpg.zip textureyi indirip pattern olarak ayarlamamız gerekiyor, bunu yapabilmemiz için PS de bu textureyi açın ve sırasıyla Edit/Define Pattern uygularsanız ve bir isim verirseniz Patternimiz hazır olmuş olur. (Ben isim olarak TransformersBGPattern ismini verdim)

Şimdi ise yukarıda bahsettiğim efektleri uygulamaya geçebiliriz.

Burada az önce hazırladığımız TransformersBGPattern isimli pattern kullanılacak.

İlk görüntümüz bu şekilde olmalı

Sıra geldi Transormers Logomuzun ikinci katmanına, bunun için Alt isimli Layerimizi CTRL+J ile Çoğaltıyoruz (Dublicate), ismini Burun olarak değiştirelim ve üzerine sağ tıklayarak Clear Layer Style diyerek önceki efektleri kaldıralım, devamında CTRL tuşumuza basılı tutarak bir kere sol tıklayalım, bu layerimizi seçili hale getirecek, devamında Select/Modify/Contract değerlerinide aşağıdaki gibi verirsek ve CTRL+I ile seçimi ters çevirerek diğer kısımları Delete ile silersek istediğimizi elde etmiş oluruz.

Burun kısmımızdaki metal benekler içinde bir pattern daha yapmamız gerekiyor bunu için 8x8 px özelliklerinde yeni transparan bir belge açalım ve %3200 zoom yapalım, devamında Klavyemizden D tuşuna basarak renkleri default haline getirelim çünkü bize siyah bir nokta efekti gerekiyor, devam edelim bu seferde yine klavyemizden B tuşuna basarak Pencil Tool aracımızı seçelim ve aşağıdaki gibi sol üst köşeye bir px ölçülerinde siyah bir nokta ekleyelim.

Şimdi yine sırasıyla Edit/Define Pattern uygularsanız Patternimiz hazır olmuş olur, (Ben bunada Metal Benekler ismini verdim)

Bu patternimizde öncekinde olduğu gibi Pattern efektlerimizin arasına gitti, gerektiği yerde kullanacağız, artık Burun isimli layerimizinde efektlerini aşağıdaki gibi uygulamaya başlayabiliriz.

Burada az önce hazırladığımız Metal Benekler isimli pattern kullanılacak.

Aşağıdak isonucu elde etmiş olmalıyız.

Şimdi Alt isimli Transformers logomuzu tekrar CTRL+J ile Çoğaltıyoruz (Dublicate) en üste taşıyoruz, ismini Alın olarak değiştiriyoruz, devamında CTRL tuşumuza basılı tutarak üzerine bir kere sol tıklıyoruz ve seçili hale getiriyoruz, yine yukarıda yaptığımız gibi sırasıyla Select/Modify/Contract değerini bu sefer 5 olarak verdikten sonra tamam diyoruz, arkasından CTRL+I ile seçimi ters çeviriyoruz istemediğimiz diğer kısımlarıda Delete ile siliyoruz, aşağıdaki sonucu elde etmiş olmalıyız.

Arkasından L tuşuna basarak Lasso Tool ile Burun, Yanaklar ve Çene kısmını dikkatlice seçim içine alalım.

Devamında Delete ilede silelim, bize üst Sağ, Sol ve Alın kısmı gerekli. Not: Erase Tool ilede silebilirsiniz.

Şimdi ise hali hazırda üzerinde olan efektlerden Drop Shadow efektini göz işaretinden kapatalım ve Bevel, Satin, Contour ve Gradient Owerlay efektlerinide aşağıdaki gibi değiştirierek bu nokta içinde istediğimiz efekti yakalamış oluruz. inner Shadow ve Stroke aynı ayarları ile kalabilir.

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

Buraya kadar logonun genel çalışmasını bitirmiş olduk, bundan sonra daha düzenli çalışabilmek için Arka Plan layerimiz hariç bu üç layerimizi Guruplamamız gerekiyor, bunun için bu 3 layerimizi seçili hale getirelim ve CTRL+G ile Gruplayalım isminide Logo olarak değiştirelim.

Şimdi bakışların daha etkili olması için gözlerinin altına siyah alan eklememiz gerekli, bunun için ilk olarak yeni bir layer oluşturuyoruz ve ismini Sağ Göz olarak değiştiriyoruz, devamında Pen Tool ile Sağ Gözün etrafına aşağıdaki seçili alan gibi bir alanı seçiyoruz ve içini Paint Bucket Tool ile siyah renkle dolduruyoruz.

Bu Sağ Göz isimli layerimizide Logo isimli Grubumuzun hemen altına alıyoruzki Göz çevresinin altında kalması gerekiyor. Bu işlemi yaptıktan sonrada Sağ Göz isimli layerimiz seçili iken CTRL+G ile Grupluyoruz ve ismini gözler olarak değiştiriyoruz.

Şimdi bu Sag Göz isimli layerimize Filter/Blur/Gaussian Blur efektinide aşağıdaki değerleri ile verdikten sonra Sağ Göz için işlemimizi bitirmiş oluyoruz.

Sol Göz içinde aynı işlemi tekrarlıyoruz ve gözler ile işimiz bitiyor.

Gözlerlerde işimiz bittiğine göre sıra geldi Transformerimizi Yaralamaya :D bunun için bir kaç çizik ve derin yara izi yeterli olacaktır, bunuda Logo isimli Grubumuzun içindeki Burun ve Alın isimli layerlerimize tek tek işlem yapmamız gerekiyor, ben ilk olarak Alın isimli Layerimize işlem uyguladım, Burun isimli Layerimiz seçili hale getirelim ve Klavyemizden L tuşuna basarak Lasso Tool aracını aktif edelim, arkasından Alın Kısmına soldan sağa yada yukarından aşağı doğru darbir çizgi çizip bırakalım kendisi seçimi otomatik yapacaktır, daha sonra yara izinin ortaya çıkması için seçili alanın içini Delete ile silelim sonucu görelim. Ben ilk darbeyi aşağıdaki gibi verdim :D

Aynı işlemleri tekrarlayarak yer yer biraz büyük yer yer biraz küçük seçimlerle darp izlerini artırabilirsiniz, ben aşağıdaki sonucu elde ettim yani buda Final demek oluyor, herkese kolay gelsin arkadaşlar.

Final - ( en: Click Here Image Full Preview)

Not: Transformers yazı efekti dersini buradan çalışabilirsiniz.
Bu çalışmanın .PSD dosyasını ise buradan indirebilirsiniz.

Askeri Wallpaper - Military Earth Map Wallpaper Tutorial

2009-06-15T05:48:00.012+03:00

Merhaba arkadaşlar, bu sefer Asker renkleri ile dünya haritalı wallpaper yapacağız, anlatımı her zamanki gibi elimden geldiğince yeni kullanıcılarında anlayabileceği tarzda hazırlayıp anlatmaya özen gösteriyorum, bu derslerin uzamasına sebep oluyor ama sıkılmayıp dersleri dikkatle takip ederseniz bir çok şey kazanabilirsiniz ayrıca ilerki zamanlarda daha kapsamlı derslere gireceğiz, mesela şu an hazırlamış olduğum ve derslerini paylaştığım web grafiklerinin kodlamaları ile birlikte 3D çalışmalarına geçeceğiz, bunun için biraz daha yol almak gerekiyor, şimdiden özenle takip eden arkaşlarımıza iyi çalışmalar diyorum, hazırsanız başlayalım. Not: Dersin .PSD dosyasını dersin sonunda indirebilirsiniz.

Önizleme (Military Earth Map Wallpaper, Click Here Image Full Preview)

Öncelikle yeni bir belge ile başlıyoruz, benim ekran çözünürlüğüm 1680x1050 olduğu için bu özelliklerde açtım ama sizler kendi ekran çözünürlüğünüzde açmalısınız.

Şimdi buradan verdiğim bu dünya haritasını indirelim ve çalışma alanımızın içine ekleyelim, daha sonra CTRL+A ile tüm alanımızı seçili hale getirelim ve aşağıda okla gösterdiğim yerlere birerkere tıklayarak resmi ortaya hizalayalım.

Şimdi CTRL+D ile seçimi kaldıralım ve bu resmimizi CTRL+T ile Free Transform moduna geçirdikten sağ alt köşesinden klavyemizden Shift ve Alt tuşlarına aynı anda basılı tutarak genişletelim, burada dikkat etmeniz gereken nokta sağdan ve soldan resim taşacaktır bu önemli değil, biz içeride kalan kısmı kullanacağız, bunu yapmamızın sebebi resmin orjinal çizgilerini bozmamaktır, yapmamız gereken resmi üstten ve alttan arka plan layerimize hizalamamız gerektiğidir, aşağıdaki ekran görüntüsünde görüldüğü gibi.

Enter ile seçimi kaldıralım arkasından alttaki Background layerini silelim sadece bu resmimizin layeri kalsın diğerine ihtiyacımız kalmadı artık, resim layerimizin isminide Arka Plan olarak değiştirebiliriz. Devamında Arka Plan isimli bu layerimize Image/Adjusment/Threshold efektini uygulayalım, bu işlemimiz resimdeki gereksiz ince detayları (pürüzleri) silecektir (Level Değeri 128)

Şimdi sırası ile Filter/Artistic/Palette Knife değerlerini aşağıdaki gibi girelim, bu işlemimizde kalan diğer pürüzleri temizlememize ve daha net bir görüntü elde etmemize yardımcı olacak.

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

Şimdi resme vereceğimiz renkleri ayarlamamız gerekiyor bunun Foregorund ve Background renklerimizi aşağıdaki gibi değiştirelim. Renk değerleri: Foregorund: #343320 Background: #1f1f15

Bu işlemlerimizi tamamaldıktan sonra artık renklendirmeye geçebiliriz, bunun için öncelike Layerlerimizin bulunduğu bölümden Channels sekmesine tıklayarak aktif edelim, sonra üstteki RGB kanalına klavyemizden CTRL tuşumuza basılı tutarak bir kere sol tıklamamız gerekiyor, bu işlem bize beyaz alanlarımızın hepsini tek seferde seçmemize yardımcı olacak.

Beyaz alanımızın tümünü seçili hale getirdiğimize göre sıra renklendirmeye geldi bunun için Edit/Fill yada Shift+F5 basalım ve gelen diyalog penceresinden Foreground Color seçeneğini seçelim ve ok diyerek buradan çıkalım.

Şimdi ise seçim hala aktifken CTRL+I (i) ile seçimi ters çevirelim ve tekrar Shift+F5 ile az önceki Fill diyalog penceresini yeniden aktif edelim ama bu sefer Background Color seçimini aktif etmemiz gerekiyorki diğer kısımlarıda az önce ayarladığımız Background rengi ile dolsun.

Artık Arka Planı renkelndirme ile işimiz bitti, artık buna biraz eski bir hava vermemiz için Brush kullanacağız, bunun için öncelike buradan verdiğim Brush'ı kullanabilirsiniz, devamında yeni bir layer oluşturalım ve ismini Brush 1 olarak değiştirelim, arkasından B tuşu ile Brush Tool seçeneğimizi aktif edelim, sonra çalışma alanımızın içinde sağ tıklayalım Brush seçeneklerimiz gelecek, orada sağda yukarıda küçük bir ok göreceksiniz, ona tıklayıp gelen iletişim penceresindende Load Brush diyerek az önce indirmiş olduğunuz Brush'u yükleyebilirsiniz. Yüklediğiniz Brush'u seçtikten Window/Brushes (F5) Brush ayarlarını açalım, sonra ayarlarını aşağıdaki gibi değiştirdikten sonra tüm alanı sağa ve sola olmak üzere bir kat fırçalayın (Bu cümle biraz garip oldu sanki :S) neyse devam edelim, tüm alanı aşağıda ekran görüntüsünde görüldüğü gibi tüm alanı boyayalım (Bu cümle dahamı iyi oldu sanki :D)

Devamında Blending Mode ayarını Soft Light olarak değiştirelim ve klavyemizden E tuşuna basarak Eraser Tool aracımızı aktif edelim, arkasından Eraser ayarlarımızı aşağıdaki gibi ayarladıktan sonra keskin olan kısımlara hafif dokunuşlarla yumuşatalım. (Not: Sürekli fırçayı basılı tutarak yapmayalım çünkü ozaman fırça izi kalır tek tek dokunuşlarla yumuşatalım)

Benim elde ettiğim sonuç.

Şimdi yeni bir layer daha oluşturalım ismini Pattern olarak değiştirelim ve Edit/Fill yada F5 ile gelen diyalog penceresinden White (Beyaz) rengi seçelim ve ok diyerek çıkalım arka planımız beyaz olacak. Yada Paint Bucket Tool ilede arka planı beyaz renk ile doldurabilirsiniz.

Edit/Fill (F5)

Şimdi sıra burada kullanacağımız Pattern'i oluşturmaya geldi. Bunun için 3x3 px ölçülerinde yeni transparan bir belge açalım, 3200 px kadar zoom yapalım, arkasından Pencil Tool ile (B) aşağıdaki ekran görüntüsündeki gibi 3 noktamızı siyah renk ile dolduralım.

Devamında Edit/Define Pattern seçtikten sonra gelen diyalog penceresindende ok deyip çıkalım artık Pattern'imiz hazır. Şimdi açık olan bu yeni belgeyi kapatıp ana çalışma alanımıza tekrar dönelim, az önce oluşturduğumuz Pattern isimli layerimize sağ tıklayıp Blending Options seçelim ve Pattern sekmesine gidip orada az önce oluşturduğumuz pattern'imizi göreceğiz onu seçip aşağıdaki ekran görüntüsündeki gibi ayarlayalım.

Şimdi Opacity yarımızı %33 ve Fill değerimizide %0 yapalım aşağıdaki görüntüyü elde etmiş olmalıyız.

Devamında yeni bir Layer daha oluşturalım ve ismini Dış Çerçeve olarak değiştirelim, bu layerimiz seçili iken klavyemizden M tuşuna basalım ve Rectanqular Marquee Tool aracımızı seçelim, sonra bizim bölgemiz olan Türkiye Cumhuriyeti sınırlarımızı içine genişçe alacak şekilde dikdörtgen bir alan çizelim içinide herhangi bir renkle dolduralım, herhangi bir renk dedim çünkü devamında Fill değerini %0 olarak değiştireceğiz ve bu renkle işimiz kalmayacak bizim için layeri kullanabilmek için gerekli bu adım ama ben beyaz renk ile doldurdum :D içini Shift F5 ile gelen diyalog penceresinden White seçeneği ile yapabileceğiniz gibi Paint Bucket Tool ilede doldurabilirsiniz. Devam edelim CTRL+D ile seçimi kaldıralım ve daha önce dediğim gibi Fill değerini %0 olarak değiştirelim, bu işlem sonucundad layerimizdeki renk görünmez olacaktır ama Drop Shadow eklediğimizde detayları görebileceğiz.

Tekrar yeni bir layer oluşturalım ve ismini bu sefer Üst Çizgi olarak değiştirelim, sonra aşağıdaki ekran görüntüsünde olduğu gibi alttaki layerimizin üst sınırından soldan ve sağdan olmak üzere eşit bir alanı yine M tuşuna basarak Rectanqular Marquee Tool ile seçimimi yapalım, arkasından yine içini herhangi bir renk ile dolduralım (Shift F5) ve tekrar Fill değerini %0 olarak değiştirelim, akabinde aşağıdaki efektleri uygulayarak devam edelim.

Devamında yine yeni Layer oluşturalım ve yine içini bu sefer #31311f rengi ile dolduralım (Paint Bucket Tool yada Shift F5 ile gelen seçenekten Color seçeneği ile) devamında Opacity değerini %40 olarak değiştirelim ve Bevel efektini aşağıdaki gibi uygulayalım.

Tekrar yeni bir layer daha oluşturalım bu sefer bu layerimizin ismini İç Çerçeve olarak değiştirdikten sonra yine aşağıdaki ekran görüntüsündeki gibi bir alanı seçili hale getirelim bu alanımızın içinide Beyaz #FFFFFF renk ile dolduralım. Arkasından Fill değerini %0 olarak değiştirdikten sonraDrop Shadow efektini aşağıdaki ayarları ile uygulayarak devam edelim.

Şimdi az önce oluşturduğumuz Üst Çizgi ismli layerimizi CTRL+J ile çoğaltalım (Dublicate) ismini İç Çerçeve Çizgi olarak değiştirdikten sonra bu layerimizi en üstte taşıyalım, sonra İç Çerçevemizin üst sınırına hizalayalım, üstten tam hizalanacak ama sağdan ve soldan taşacaktır bu taşan kısımları temizlemek için İç Çerçeve Çizgi isimli layerimiz seçili iken alttaki İç Çerçeve isimli layerimize CTRL tuşumuza basılı tutarak bir kere sol tıklayalım ve bu alanımızı seçili hale getirelim, devamında CTRL+Shift+I ile seçimi ters çevirelim ve Delete ile dışarda kalan kısımları böylelikle silelim.

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

Devamında bu iç alanda çalıştığımız layerleri Layer alanımızı açmak ve daha düzenli olmak için Gruplayacağız bunun için en üstteki İç Çerçeve Çizgi isimli layerimizin üzerine bir kere tıklayarak seçili hale getirdikten sonra Shift tuşuna basılı tutarak alttaki Dış Çerçeve isimli layerimizede bir kere tıklarsak hepsini aynı anda seçmiş oluruz, Gruplamak içinde bu layerlerimiz seçili ike CTRL+G tuş kombinasyonunu kullanırsak Gruplandığını görürüz, devamında bu Grubumuzun ismini Çerçeveler olarak değiştirirsek sanırım mantıklı olur :D

Şimdi haritamız üzerindeki Kıtalar ve Ülkeleri yerleştirebiliriz, benim kullandığım fontları kullanmak isterseniz Kıtalar için kullandığım fontu buradan, ülkeler için kullandığım fontu ise buradan indirebilirsiniz. Şimdi fontları yüklediğinizi varsayarak ilk olarak Kıtalarımızı yerleştirelim, ama öncesinde Layer/New/Group diyerek yeni bir Grup oluşturmamız ve ismini Kıtalar ve Ülkeler olarak değiştirmemiz gerekiyor, daha sonra kullanacağımız diğer Alt Grupları oluşturmalıyız (Yıldızlar, Kıtalar, Ülkeler) (Düzen herşeydir) Layerlerin ve Kıtaların yerleşimi aşağıdaki Ekran Görüntüsünde görülüyor. İlk önce Kıatalarımızı yerleştireceğimize göre Kıtalar isimli Grubumuzu seçili hale getirip Kıtalarımızın isimlerini oraya yazacağız tabi karışıklık olmaması için Kıta isimlerimizin Kıtalar Grubunun içinde olduğundan emin olalım.

Şimdi ilk olarak yazdığımız Africa Kıtamızı seçip Blending Mode ayarını Multiply olarak değiştirdikten sonra aşağıdaki efektleri ekleyelim.

Şimdi Kıta isimlerimizin efektini bitirdik diğerlerine tek tek uygulamak mantıklı olmadığı için az önce efektleri uyguladığımız Africa isimli yazımıza sağ tıklayarak Copy Layer Style deyip diğer Kıta isimlerimizinde hepsini seçip yine seçili yazılarımıza sağ tıklayarak Paste Layer Style dersek tüm efektleri aynı anda diğerlerinede aktarmış oluruz.

Aynı efekti kullanacağımız Türkiye içinde aynı yazı fontunu ve efektleri uygularak bu kısmıda bitirebiliriz. Bunun için Türkiye yazısını yazalım Kıtaların yazılarından herhangi birisine sağ tıklayarak Copy Layer Style diyelim ve Türkiye yazımızında üstüne sağ tıklayarak Paste Layer Style diyelim ve aynı efekti orayada aktarmış olalım. Yalnız Türkiye üstündeki My Country yazısı için az önce verdiğim ülkeler fontunu kullanarak yazalım, devamında onunda aşağıdaki efektleri ile bitirebiliriz.

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

Şimdi sıra geldi Ülkeleri yerleştirmeye (Not: burada ülkelerin tam sınırı tutmayabilir doğal olarak yakın olabilir bunun için ince bir çalışma yapmadım ortalama sonuçlardır. (En: Sorry, the country exact borders may not be accurate))
Az önce indirmiş olduğunuz fontlardan ülkeler için olanını seçip aşağıdaki gibi ülkeleri tek tek yerleştirmeniz gerekiyor, aşağıdaki Ekran Görüntüsünde ortalama sonuçlar verilmiştir. (Ülkeler için font boyutu 11 pt, Okyanus isimleri için 14 pt kullandım)

Şimdi ülke isimlerimizden bir çok layerimiz olduğuna göre en üsttekine şu efektleri uygulayalım ama öncesinde Blending Mode ayarını Multipy olarak değiştirelim.

Şimdi bu layerimizede sağ tıklayarak Copy Layer Style diyelim ve diğer tüm ülke yazı layerlerimizi seçelim ve üstüne sağ tıklayarak Paste Layer Style diyerek hepsine bu efektleri aktaralım. (Artık diğer layerlerin hepsini nasıl seçeceğimizi bildiğimize göre bu ayrıntıyı son kez tekrarlayacağım.) Bunun için En üstteki ülke yazınıza efekt zaten uygulamıştınız, o hariç bir altındakine bir kere tıklayarak seçili hale getirelim ve ardından en alttaki ülke yazımızada Shift tuşuna basılı tutarak tıklayalımki hepsini tek tek seçmek yerine tek seferde seçebilelim, daha sonra seçilmiş yazıların üstüne sağ tıklayarak paste layer demeniz yeterli. Aşağıdaki sonucu elde etmiş olmalıyız.

Şimdi Kıtalarımızın üstündeki vurgu efekti olan benim daha önce hazırladığım yıldızları eklememiz için buradan indireceğiniz .png dosyasını çalışma alanımıza ekleyip Kıtaların bir iki px üstüne yerleştirebiliriz. Daha sonra aşağıdaki efektleri uygulayarak devam edelim edelim.

Yıldızımızda aşağıdaki sonucu elde etmiş olmalıyız.

Şimdi yapmamız gereken diğer yıldızlarada aynı efekti tek seferde uygulamak için bu Yıldızımıza sağ tıklayarak Copy Layer Style diyoruz ve Yıldız layerlerimizin hepsi seçili hale getiriyoruz sonra seçili layerlerimizin üstüne sağ tıklayarak Paste Layer Style diyerek buradaki efektleride hepsine aktarmış oluyoruz. Sonuç Aşağıda.

Sıra geldi zincir ve vida efektlerimizi yapmaya bunun için ise 500x500 ölçülerinde yeni Transparan bir belge açıyoruz, arkasından bu yeni belgemizin içindeyken klavyemizden U tuşuna basıp Rounded Rectangle Tool aracımızı aktif ediyoruz ve aşağıdaki ayarları yaptıktan sonra oval bir çizim yapıyoruz, Foreground rengimiz #2b2b1d olmalı.

Devamında bu layerimizin üstüne sağ tıklayarak Rasterize seçiyoruz ve Shape layerimizi resim layerine dönüştürmüş oluyoruz, arkasından bu layerimize CTRL tuşumuza basılı tutarak bir kere sol tıklıyoruz ve bu alanımızı seçili hale getiriyoruz, sonrasında seçimimiz aktifken Select/Modify/Contract değerimizi 20 px olarak girerek seçimi içe doğru çekiyoruz ve Delete ile iç kısmı siliyoruz, daha sonra CTRL+D ile seçimi kaldırıyoruz.

Devamında yine U tuşuna basıyoruz ve tekrar Rounded Rectangle Tool aracımızı aktif ediyoruz ve aşağıdaki gibi bir şekil daha çiziyoruz, az önce çizdiğimiz şeklin hemen sağında olacak ama biraz içeri girecek şekilde. Daha sonra bu layerimiziede sağ tıklayarak Rasterize seçiyoruz ve reim layerine dönüştürüyoruz.

Şimdi oluşturduğumuz bu iki layerimizi seçili hale getirip CTRL+E ile birleştiriyoruz (Merge). Arkasından Edit/Define Brush Preset diyerek gelen Brush diyalog penceresinde Brushumuzun ismini zincir Brush olarak değiştirdikten sonra ok diyerek çıkıyoruz, bu işlem az önce oluşturduğumuz şekli Brush olarak bize vermiş oldu.

Şimdi bu belgeyi artık kapatabiliriz çünkü bize gerekli olan Brushu oluşturduk. Artık bu Brushumuzu zincir şeklinde nasıl kullanabiliriz ona bakacağız. İlk olarak bunun için esas çalışma alanımıza geçiyoruz ve yeni bir Layer oluşturuyoruz, isminide Zincirler olarak değiştirdikten sonra CTRL+G ile Grupluyoruz, bu Grubumuzun isminide Zincirler ve Vidalar olarak değiştiriyoruz. Arkasından zincirler isimli layerimiz seçili iken klavyemizden B tuşuna basarak Brush seçeneğimizi aktif ediyoruz. Daha sonra Window menüsünden Brushes seçeneğinide aktif ettikten sonra aşağıdaki ayarları yaparak zincirimizi kullanıma hazır hale getirebiliriz.

Yine Foreground rengimizi #2b2b1d rengine ayarlayalım arkasından Brus Tool seçeneğimizde aktif olduğuna göre aşağıda Ekran Görüntüsünde görüldüğü gibi Dış Çerçeve alanımızın biraz iç kısmından (Sağdan ve Soldan) Shift tuşuna basılı tutarak Arka Planımızın en üstüne kadar sürükleyelim, ve bumm işte zincir hazır :D

Tabi bu haliyle zayıf bir zincir ama aşağıdaki vereceğimiz efektlerle biraz daha zincire benzeyecek :D Aşağıda kullanacağımız Patterni buradan indirebilirsiniz.

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

Artık Vidalarımızı yapmaya geldi sıra, bunun için Zincirler ve Vidalar isimli Grubumuzun içinde yeni bir layer daha oluşturuyoruz ve ismini Vida 1 olarak değiştiriyoruz. Devamında M tuşuna basalım ve Elliptical Marquee Tool aracımızı aktif edelim arkasından aşağıdaki ekran görüntüsünde görüldüğü gibi zincir halkamızın en altındakinin hemen üstüne dairesel bir alan seçelim, içinide #29291d rengi ile dolduralım.

Şimdi CTRL+D ile seçimi kaldıralım ve aşağıdaki efektleri uygulayarak devam edelim.

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

>

Şimdi Vidamızın iç alanını yapalım, bunun içinde yeni bir layer daha oluşturalım ve ismini Çizgi 1 olarak değiştirelim arkasından M tuşuna basarak Rectanqular Marquee Tool aracımızı seçelim ve aşağdaki Ekran Görüntüsünde olduğu gibi Vidamız için aday çizimimizin içine sığacak şelilde bir alan daha çizelim içinide beyaz renk ile dolduralım.

CTRL+D ile seçimi kaldıralım ve bu layerimizede aşağıdaki efektleri uygulayarak devam edelim.

Şimdi bu Çizgi 1 isimli layerimizde Çoğaltalım (Dublicate) ve CTRL+T ile Transform moduna geçelim yatay bir şekilde çevirelim. Aşağıdaki sonucu elde etmiş olmalıyız.

Bu 3 Layerimizide seçili hale getirelim ve CTRL+G ile Gruplayalım isminide Vida1 olarak değiştirelim. Daha sonra bu Vida1 isimli Grubumuzuda Çoğaltalım (Dublicate) bu çoğalttığımız Vida1 copy isimli Grubumuzuda sağdaki zincirimizin en altındaki halkaya hizalayalım. Sağa doğru Shift tuşuna basılı tutarakta sürükleyebiliriz tam üstüne gelecektir. Şimdi iki adet Vida Grubumuz oldu bu iki Grubumuzuda seçili hale getirip CTRL+G ile Gruplayalım ve ismini Vidalar olarak değiştirelim düzene devam edelim :D

Ee artık buraya kadar geldiyseniz son işlemimizide yapabiliriz demektir, bunun içinburadan indireceğiniz .benim daha önce hazırladığım .PNG dosyasın çalışma alanımızda gözümüze hoş görünen bir kesime yerleştiriyoruz. (Ben iki adet ekledim birisini sol açığa büyük, diğerini sağ açığa küçük olacak şekilde) daha sonra Fill değerini %0 olarak değiştirdikten sonra resimlerimiz görünmez olacaklar ama Patternmizi eklediğimizde ihtişamlı hali ile ortaya çıkacak :D neyse bu son aşamayı hızlı anlatıyorum çünkü ders çok uzadı kısa olması açısından böyle yapmak durumundayım.
Devamında 3x3 px ölçülerinde yeni Transparan bir belge daha açıyoruz, bu belge yukarıda bahsettiğim son Patternimizi yapmamız içindir, belgemizi %3200 zoom yapıyoruz ve yine aşağıda Ekran Görüntüsünde görüldüğü gibi Pencil Tool ile içini doldurup Edit/Define Pattern diyerek Patternimizi kaydettikten sonra çalışma alanımıza eklediğimiz .PNG dosyalarımıza Blending Options ayarlarımızdan Stroke efekti bölümünden Pattern olarak ekliyoruz ve işlem tamamdır.

Ve işte bitti Final :D

Dersin .PSD dosyasını buradan indirebilirsiniz.

Photoshop Profesyonel Website Template Design Tutorial (Part3 Final)

2009-06-09T01:41:00.013+03:00

Önizleme

Dersin Birinci Bölümünü (Part 1)Buradan İkinci Bölümünüde (Part2) Buradan Takip Edebilirsiniz...

Sıra geldi site içi arama alanımızı yapmaya bunun içinde layerlerimizin en üstünde yeni bir Grup oluşturup ismini Arama Kutusu olarak değiştirelim, daha sonra U tuşuna basalım aşağıdaki resimde görüldüğü gibi Rounded Rectangle Tool aracımızı seçelim,

Ve arama kutusu alanımıza aşağıdaki gibi bir seçim yapalım,

Hemen arkasından Bevel efekti verelim ve Fill değerini 75'e düşürelim

Arkasından bu seçili alanımızın içine yazımızı yazalım, (Tahoma, 12 pt - Renk: #333b3f) daha sonra resimde görüldüğü gibi ve daha önce menü çizgileri yaparken izlediğimiz yolla yanınada bir çizgi ekleyelim,

Custom Shapes'lerin içinde olan aramayı temsil eden büyüteç Shape'sini seçiyoruz ve aşağıdaki alana ekliyoruz, tabi öncesinde U tuşuna basıp Custom Shapes Toll aracını seçmeyi unutmuyoruz :D

Arkasından hemen altındaki Video alanımız için yeni bir Grup daha oluşturalım ismide videolar koyalım ve yukarıda verdiğim The Monkey isimli AE çalışmamdan eklediğim resmi ekleyelim ve aşağıdaki gibi hizalayalım,

Bu işlemide gerçekleştirdikten sonra bu layerimize Edit/Stroke efektini aşağıdaki gibi verelim (Stroke Rengi #0E1011)

Sonuç

Şimdi diğer iki video resmimizide aşağıya ekleyeceğiz ama öncesinde bu resimlerimize bir taban hazırlayacağız bunun için yeni bir layer oluşturup ismini Videolar BG verelim daha sonra aşağıdaki gibi bir alan seçip içini #0E1011 rengi ile dolduralım,

Bu layerimize aşağıdaki efektlerimizide uygulayarak devam edelim

Şimdide yine yukarıda vermiş olduğum diğer çalışmalarımdan aldığım diğer iki resmide bu alanımıza aşağıdaki gibi ekleyip hizalayalım, aşağıdaki Cetvel çizgilerine dikkat edelim bu resimlerimizi pikseli pikseline doğru orantılamamız için gerekli bir işlem ama sizin gözünüz çok sağlamsa göz tutarı yapabilirsiniz.

Bu işlemde bittikten sonra bu resimlerimizden birisine aşağıdaki gibi Bevel and Options ayarlarından Stroke efekti verelim,

Şimdi bu layerimize sağ tıklayıp Copy Layer Style dedikten sonra diğer resmimizede sağ tıklayıp Paste Layer Style dersek aşağıdaki sonucu elde etmiş oluruz.

Bu resimler alanımızın hemen altındaki boş olan kısmıda değerlendirelim ve orayıda diğer videolar alanı olarak belirleyelim, bunun için yeni bir Grup oluşturalım (Layer/New/Group) ve ismini Küçük Videolar olarak değiştirelim daha sonra ilk olarak bu küçül videolarımıza bir arka plan yapalım bunun için yeni bir layer oluşturup ismini Küçük Videolar BG olarak değiştirdiken sonra aşağıdaki gibi bir seçim yapalım ve içini herhangi bir renk ile dolduralım, herhangi bir renk dedim çünkğü Gradient Owerlay efekti vereceğimiz için önemi yok,

Daha sonra aşağıdaki ayarları ile Gradient Owerlay verelim ve devam edelim,

Şimdi yukarıda verdiğim Küçük Videolar isimli klasördeki resimleri 30x20 px boyutlarında küçültüp aşağıdaki gibi sıralayalım,

Birinci resmimize aşağıdaki efektleri uygulayalım

Bu işlemimiz bittikten sonra bu layerimize sağ tıklayıp Copy Layer Style diyelim ve diğer resimlerimizin bulunduğu tüm layerlerimizide seçili hale getirelim ve yine herhangi bir tanesinin üzerine sağ tıklayıp Paste Layer Style ile tüm layerlerimize aynı efekti uygulamış olalım, sonuç aşağıdaki gibi olmalıdır,

Bu işimizde bitti ve artık sıra geldi bir Form alanı oluşturmaya, bunun için yine bir Group oluşturalım ve ismini Form Alanı koyalım ve daha önce oluşturduğumuz Videolar isimli Grubumuzun içindeki Videolar BG layerini CTRL+J ile dublicate edelim ve bu grubumuuzn içine taşıyalım,

Bu işlemden sonra bu layerimizdeki Gradient Owerlay efektindeki Style kısmındaki Diamont efektini Linear olarak değiştirelim ve bu be alanımızla işimizde burada bitsin, sonuç aşağıdaki gibi olmalıdır,

Şimdi ise Arama Kutusu isimli Grubumuzun içindeki BG YAzı layerini Dublicate edip Form Alanı isimli Grubumuza taşıyalım ve aşağıdaki gibi hizalayalım ve yazıyı yine aşağıdaki gibi Ad: olarak editleyelim, (Hizalama için iki layerimize seçili iken CTRL+T tuşuna basıp Transform moduna geçerek yapabiliriz)

Şimdi Gurbumuzda oluşturduğumuz bu işlemi 3 kere daha tekrarlayalım ve aşağıdaki sonucu elde etmeye çalışalım,

Devam edelim me mesaj yazma alanımızı oluşturalım, bunu için buradaki Shape layerlerimizden birisini yine CTRL+J ile dublicate edelim ve bu layerimiz seçili iken CTRL+T ile transform moduna geçelim ve aşağıdaki gibi büyüterek hizalayalım, daha sonra içine Mesajınız: yazısını eklemeyi unutmayalım,

Arkasından Mesaj Yolla Butonumuzu yapmak için bir önceki işlemimizde oluşturduğumuz layerlerimizde Ad: Soyad: vs. bunlardan birisini yine CTRL+J ile dublicate edelim ve aşağıdaki hizalayalım,

Buradaki yazımız Mesaj Yolla olarak (Renk: #010101) değiştidikten sonra bu layerimize aşağıda görüldüğü yere çift tıklayarak renk değiştireceğimiz alanı açtıktan sonra rengini #1a1a1a olarak değiştirelim ve stroke efetinide yine aşağıdaki gibi vererek devam edelim,

Sonuç aşağıdaki gibi olmalıdır.

Yukarıdaki alanızla işimiz bitti şimdi diğer taraflar için içeriği ben kendime göre doldurdum sizlerde kendi içeriğinize göre dolduracağınız için ve bundan sonraki yapılan işlemlerimi yukarıda daha önce yaptığım işlemlerin benzeri olduğu için uzun uzun bunları anlatmaya girmek istemedim, sonuç aşağıdadır sizlerde buraya kadar işlemleri doğru yaptınızsa geri kalan kısmı sizede kolay gelecektir, bu çalışmayı çalışan arkadaşlarımızın bizimle paylaşmalarını rica ediyoruz, bundan sonra vakti olursa bu temanın bölümleme işlemi ve html kodları ile yayınlama aşamasına kadar olan kısımları anlatmaya çalışacağım herkese kolay gelsin diyorum görüşmek üzere.

Dersin Birinci Bölümünü Buradan İkinci Bölümünüde Buradan Takip Edebilirsiniz...

Photoshop Profesyonel Website Template Design Tutorial (Part2)

2009-06-09T01:38:00.011+03:00

Önizleme (Preview)

Dersin Birinci Bölümünü (Part 1) Buradan Üçüncü Bölümünüde (Part 3)Buradan Takip Edebilirsiniz...

Şimdi sıra geldi ışık efektlerimizi yapmaya bunun için öncelikle Üst isimli layerimizin altına Işık1 isminde yenibir layer oluşturduktan sonra CTRL+G ile Gruplayalım ve bu grubumuzunda ismini Işıklar koyalım.

Işık1 isimli layerimizin seçili olduğuna emin olduktan sonra M tuşuna basarak Eliptical Marquee Tool aracını seçelim ve Shift tuşuna basılı tutarak aşağıdaki gibi küçük bir daire çizelim arkasından içini beyaz renkle dolduralım ve yarısını Üst isimli layerimizin altına gelecek şekilde hizalayalım,

Bu işlemimizden sonra Radius değeri 3 px olan Gaussian Blur ve arkasından Outer Glow efekti vereceğiz,

Aşağıdaki sonucu elde etmeliyiz,

Sıra geldi Ana Sayfa isimli butonumuz için bir ışık yapmaya bunun için yine ışıklar Grubumuzun içinde yeni bir layer oluşturalım ve ismini Ana Sayfa Işık koyalım bu layerimizin seçili olduğuna emin olduktan sonra P tuşuna basarak Peen Toll aracımızı seçelim ve aşağıdaki şekli çizelim, arkasından ayine aşağıda görülen Gradient Efekti ayarlarını uygulayalım,

Bu işlemlerimizde bittikten sonra ANA SAYFA Butonumuzun altına düzgünce hizalayalım,

Altınada uyumlu olacak şekilde güzel bir Glow Efekti ile Ana Sayfa Butonu olayının sonlarına yaklaşalım, bunun içinde yine yeni bir layer oluşturalım bunun isminide Ana Sayfa Glow koyalım ve bu layerimizde seçili iken Eliptical Marquee Tool ile aşağıdaki gibi bir seçim yapalım içinide #0096ff rengi ile dolduralım,

Şimdi bu Rectanqular Marquee Tool aracımız ile aşağıdaki gibi dairemizi seçelim, arkasından CTRL+Shift+i ile seçimi ters çevirelim ve Delete ile diğer alanı silelim,

Devamında Gaussian Blur efektimizi vererek devam edelim,

Ana Sayfa Butonumuzun altındaki ışık ve Glow'un son hali böyle olmalıdır,

Şimdi Üst isimli layerimizede Drop Shadow efektinide aşağıdaki gibi vererek devam edelim,

Menü Final

Butonlarımızı biraz daha görselleştirmek için U tuşuna basıp Customize Shapes özelliğini aktif ettikten sonra aşağıdaki gibi seçimimizi yapıp Buton isimlerimizin hemen yanına birtane ekliyoruz, (Not: Foregorund rengi Beyaz)

Şimdi bu layerimize Gradient Owerlay uygulayacağız, değerler aşağıdaki gibidir,

Birinci ikonumuzun işlemi burada bitiyor şimdi bu ikonlarımızı 4 adet kopyaladıktan sonra diğer Butonlarımızın yanınada birertane koyuyoruz,

Evet artık Menü ve Arka Plan işlemimizin sonuna geldik buralara son olarak bir pattern ekleyerek görselliği biraz daha arttırmış olacağız, Pattern ekleyeceğimiz Layer isimleri (Üst-Alt-ArkaPlan) resim aşağıda.

Arkadaşlar sıra geldi logomuza ama siz kendinize göre logo yapacağınız için daha doğrusu burada anlattığım logoyu kullanmayacağınız için benim basitçe yaptığım logoyu büyük ihtimal siz bunu kullanmayacaksınız o bakımdan bunu anlatmak zaman kaybı olacağı için bunun yerine bundan sonraki aşamaları anlatmak heralde daha uygun olur,

Neyse devam edelim artık en önemli kısım olan temanın içeriğini oluşturmaya geldi sıra ama emin olun burası daha basit, bu temanın aynısını yapmak için öncelikle aşağıdaki resimde görülen seçimlerin aynısını yapmalısınız, bu seçimler bize düzgün içerik oluşturmamızı sağlayacak, bu çizimleri oluşturmak için yine klavyemizde CTRL+R ile Cetvelimizi açıyoruz daha sonra numaralı alana mausumuzun sol tuşu ile basılı tutarak çekiyoruz ve istediğimiz alana geldiğinde bırakıyoruz kaldırırkende tam tersini yapıyorsunuz :D Not: Bundan sonraki aşamaları kısa kısa geçicem ama anlaşılır şekilde olacak dikkatle bakmanız yeterli olacaktır, özellikle aşağıdaki seçimde oklarla gösterilen yerlere dikkat ederek Cetvel çizgilerimizi bırakırsak bir sorun olmaz :)

Bunun için öncelikle layer alanımızda en üstte olacak şekilde bir Gurp oluşturuyoruz ve ismini Orta Alan olarak değiştiriyoruz, aşağıda gördüğünüz her seçili alan için gurubumuz içinde ayrı ayrı layer oluşturarak seçimimizi yapalım ve içeriğini #272D30 rengi ile dolduralım, Not: Seçimimizi M tuşuna basarak Rectanqular Marquee Tool aracımız ile, içinin rengini doldurmak için ise G tuşuna basarak Paint Bucket Tool aracımız ile yapıyoruz, aşağıdaki grafikte seçenekler açıkca görülüyor.

Bu işlemlerimizi tamamladıksa son layerlerimizin içeriğini düzenlemeye sıra geldi demektir, ilk olarak Cetvel ile eklediğimiz tüm çizgilerimizi kaldırıyoruzki görüş alanımız açılsın daha sonra Sol Üst Alan isimli genel bilgi alanımızı düzenleyeceğiz, bunun için ise Sol Üst Alan isimli layerimiz hariç diğer layerlerimizi kapatıyoruz sadece Sol Üst Alan isimli layerimiz aktif kalıyor, bu aktif layerimiz seçili iken CTRL tuşuna basılı tutarak üzerine birkere mausumuzun sol tuşu ile tıklıyoruz ve böylelikle layerimizin alanını seçmiş oluyoruz, artık çalışmanının bundan kısmı hem daha kolay hemde daha ince ayarlardan oluşacak, en keyifli kısmıda bu içeriği düzenleme kısmı sanıyorum sıkılmayacaksınız daha doğrusu umuyorum :)

Şimdi Menüden Select/Modify/Contract seçiyoruz değeri 2 px verip ok deyim çıkıyoruz, seçili alanımz 2 px içeri girmiş oldu, bu alanımızı Stroke olarak kullanabilmemiz için Klavyemizden Delete tuşuna basarak içini siliyoruz sonuç aşağıdaki gibi olmalıdır.

Bu işlemimizi diğer layerlerimizede uyguluyoruz sonuç aşağıdaki gibi olacak,

Şimdi burada Stroke çizgileri birbirine yapışmış olduğundan dolayı çizgilerde uyumsuzluk görünüyor bunu aşmak için her layerimize ayrı ayrı küçük birer işlem yapmamız gerekiyor ilk olarak yapacağımız işlem aşağıdaki resimde okla görüle layerlerimizi CTRL tuşuna basılı tutarak seçili hale getirdikten sonra CTRL+T tuş kombinasyonu ile transform moduna geçelim ve yine aşağıdaki resimde görülen yerden tutup 1 px sağ tarafa çekelim,

Bunu yaptıktan sonra kendi aralarındada (Her Layer İçin) aynı işlemi tekrarlamamız gerekiyor, ben bir örnek olsun diye Arama Kutusu Alanınıda resimledim, aşağıda görülüyor,

Şimdi ben sonucu aşağıya koyuyorum sizde yukarıdaki işlemleri tekrarlayarak aşağıdaki sonucu elde edebilirsiniz,

Bu oluşturduğumuz çerçevelere biraz düzen verelim bunun içinde en alt sıradaki Sol Üst Alan isimli layerimizi seçip aşağıdaki efektleri uygulayarak devam edelim,

Bu sonucu elde etmiş olmalıyız

Diğer layerlerimizle tek tek çalışmak yerine bu layerimize sağ tıklayıp Copy Layer Style dedikten sonra diğer layerlerimizin hepsini CTRL tuşu yardımı ile seçili hale getirdikten sonra her hangi birisinin üzerine sağ tıklayıp Paste Layer Style diyelim böylece bu efektlerimizi hepsine bir seferde eklemiş olduk, sonuç aşağıda,

Sıra geldi site içi arama alanımızı yapmaya bunun içinde layerlerimizin en üstünde yeni bir Grup oluşturup ismini Arama Kutusu olarak değiştirelim, daha sonra U tuşuna basalım aşağıdaki resimde görüldüğü gibi Rounded Rectangle Tool aracımızı seçelim.

Dersin Birinci Bölümünü (Part 1) Buradan Üçüncü Bölümünüde (Part 3)Buradan Takip Edebilirsiniz...

Photoshop Profesyonel Website Template Design Tutorial (Part1)

2009-06-09T01:34:00.011+03:00

Bu dersimizde adım adım web sitesi yapacağız, PS de görsel aşamasından tutun, bölümlemesi, CSS ve html kodları dahil herşeyini anlatmaya çalışıcam tabi vaktim olduğu sürece, şimdilik PS kısmını anlattım sonraki aşamada nasıl bölümleyeceğimizi, PS de nasıl export edeceğimizi dahasında Dreamweaver ile nasıl işleyeceğimizi anlatıcam, adresimizi sık kullanılanlarınıza alırsanız ve takip ederseniz tüm gelişmelerden haberdar olabilirsiniz.

Önizleme (Preview)

Öncelikle 850x800 px ölçülerinde ve yeni bir transparan belge açalım.

Rengini #494949 olarak ayarlayalım ve aşağıdaki efektleride uygulayarak devam edelim,

Arka Planımız aşağıdaki gibi olmalıdır, tabi ben anlatım kısa olsun diye arka planı ayrı bir resim, Cetvel ile eklenmiş çizgilerin olduğu resmi ayrı ayrı eklemektense ikisini birleştirmeyi seçtim, siz aşağıdaki seçimi klavyenizden CTRL+R tuşuna basarak açtıktan sonra ayarlayacaksınız, çizgileri çekmek için numaraların üstüne basılı tutup sürüklemeniz yeterlidir.

Şimdi yeni bir layer oluşturalım ve ismini Üst olarak adlandırdıktan sonra M tuşuna basalım ve Rectanqular Marquee Tool aracını seçelim çizgilere sadık kalarak yukarıdaki banner boşluğunu seçelim arkasından içini #2a2a2a rengi ile dolduralım,

Bu Üst isimli layerimize Blending Option ayarlarından 1 px stroke verelim,

Yeni bir layer daha oluşturup ismini Alt olarak belirledikten sonra alttaki boşluğuda seçelim ve oranında içini #2a2a2a rengi ile dolduralım, bu işlemde bittikten sonra üst isimli layerimizin altına yeni bir layer daha oluşturarak ismini Menü koyalım arkasından M tuşuna basalım ve Rectanqular Marquee Tool aracını seçelim ve aşağıdaki gibi seçim yaparak menü alanımızı oluşturalım onunda içini #2a2a2a rengi ile dolduralım,

Şimdi bu menü alanımızada Blending Option kısmından 1 px Stroke ekleyelim ve devam edelim arkasından bu menü alanımızı yeniden aşağıdaki değerlerde seçim yaparak üzerine sağ tıklayıp Layer via Cut diyelim,

Yukarıdaki işlem seçtiğimiz alanı yeni bir layer olarak layer alanımıza verecek ve ismini Menü olarak değiştirelim önceki Menü isimli layerimizi ise Menü Kenarlar olarak değiştirelim, arkasından alanımzıdaki çizgileri kaldıralım ve alanımız üzerinde daha rahat çalışabilmek için bu şekilde devam edeceğiz, aşağıda menü ve layer alanımızın son hali görünüyor.

Şimdi tüm layerlerimize Gradient Owerlay uygulayacağız, hangi değerlerin hangi layerlere verileceği aşağıda belirtildiği şekildedir.
Bu aşağıda uygulanan tüm Gradient renklerimizdir.

Üst isimli layerimizin Gradient değerleri,

Menü isimli layerimizin Gradient değerleri

Menü Kenarlar isimli layerimizin Gradient değerleri

Alt isimli layerimizin Gradient değerleri

Arka Plan isimli layerimizin Gradient değerleri

Genel Olarak şu sonucu elde etmiş olmalıyız

Devam edelim ve Menü isimli layerimizi CTRL+J ile çoğaltalım ve aşağıdaki gibi aşağıya çekerek hizalayalım,

Şimdi Gradient ayarlarına girelim ve aşağıdaki değiştirelimki üstteki layer ile uyumunu yakalayalım, arkasından DropShadow verelim,

Şimdi sıra geldi ilk butonumuza, ilk butonumuzu Ana Sayfa için hazırlayacağız, bunun için ilk olarak Froground rengimizi #242424 olarak ayrlayalım arkasından U tuşuna basalım Rounded Rectangle Tool aracını seçelim ve aşağıdaki gibi bir buton şekli çizelim bu layerimiz Üst isimli layerimizin bir altında olacak,

Şimdi bu butonumuza aşağıdaki ayarları vererek devam edelim,

Buton sonuç

Şimdi Arka Plan ve Alt isimli layerlerimiz hariç diğer layerlerimizin hepsini seçip CTRL+G ile Gruplayalım ve ismini Üst olarak değiştirelimki ilerleyen zamanlarda layerlerimiz ve gruplarımız çoğaldıkça aralarında kaybolmayalım, devam edelim ve diğer butonlarımızıda oluşturalım, bunun içinde Üst isimli grubumuzun içinde işlem yapacağız, bu butonlarımızı oluşturduktan sonrada bunlarıda Buton İsimleri adıyla gruplayacağız, buton deyince Ana Sayfa gibi butonlar oluşturmayacağız işi biraz daha kolaylaştırmak için sadece yazı ile butonlarımızı oluşturacağız, son hali aşağıda görülüyor sizde aynısını yapmalısınız,

Şimdi ANA SAYFA isimli yazımıza Drop Shadow verelim,

Şimdi ise Drop Shadow verdiğimiz ANA SAYFA isimli layerimize sağ tıklayarak Copy Layer Style diyelim ve diğer butonlarımıza sağ tıklayıp Paste Layer style diyerek Drop Shadow efektimizi onlarda kısa yoldan aktaralım, bu işlemde bitirdikten sonra ANA SAYFA dahil tüm buton isimlerimizi CTRL ile seçerek CTRL+G ile Buton İsimleri adıyla gruplayalım layerlerimizin bulunduğu alanımız biraz daha açılsın,

Şimdi Butonlarımızın arasına birer çizgi koyarak görünüşü kolaylaştıralım, bunun için üst isimli Grubumuzun içinde yeni bir layer oluşturup en üste taşıyalım ve ismini Çizgi1 olarak değiştirelim daha sonra M tuşuna basalım ve Rectanqular Marquee Tool aracını seçerek 1 px genişliğinde aşağıda göründüğü gibi bir çizgi çizelim ve içini beyaz renk ile dolduralım,

Bu çizgimize Motion Blur efektini aşağıdaki gibi verelim arkasından Outer Glow ekleyerek devam edelim,

Şimdi bu çizgimizi CTRL+J ile Dublicate edelim ismini Çizgi2 koyalım ve Dersler ile İletişim Butonlarımızın tam ortasına sürükleyelim arkasından CTRl+G ile bu çizgilerimizide Çizgiler ismi ile Gruplayalım ve aşağıda görüldüğü gibi kendi tasarımımıza uygun yazılarımızı girelim ve devamında yine aşağıdaki gibi

Drop Shadow vererek devam edelim,

Bu yazılarımızın altında bulunan Menü Copy isimli layerizede aşağıdaki gibi Drop Shadow ekleyelim ve Menümüzün diğer ayarlarına geçelim,

Şimdide Çizgilier isimli Grubumuzun üstüne yeni bir layer oluşturarak ismini Menü Maske koyalım ve aşağıdaki gibi Menü alanımızı kapsayacak şekilde bir seçim yaptıktan sonra rengini #242424 olarak belirleyelim, burada önemli olan Maske layerimizin tüm layerlerin üstünde olması gerektiğidir.

Bu layerimizin Fill değerini Sıfıra düşürelim ve Gradient Owerlay efekti ile devam edelim,

Aşağıdaki efektleri uygulayarak devam edelim,

Şimdi sıra geldi ışık efektlerimizi yapmaya bunun için öncelikle Üst isimli layerimizin altına Işık1 isminde yenibir layer oluşturduktan sonra CTRL+G ile Gruplayalım ve bu grubumuzunda ismini Işıklar koyalım, Dersin İkinci Bölümünü (Part 2) Buradan Takip Edebilirsiniz...

PC Monitor Design

2009-05-23T05:01:00.032+03:00

Merhaba arkadaşlar bu sefer biraz basit bir çalışma hazırladım, sebebi her zaman düşündüğüm gibi yeni başlayanlarında anlamasını sağlamak, bunu yaparkende farklı çalışmalar hazırlamaya özen gösteriyorum. Dersin .PSD dosyasını anlatımın sonundaki linkten indirebilirsiniz.

Önizlemeler

Hazırsanız başlayalım, ilk önce aşağıdaki gibi yeni bir belge açalım ve devamında bu layerimizin ismini Arka Plan olarak değiştirdikten sonra yine aşağıdaki gibi Gradient Owerlay efektini vererek Arka Planımızı oluşturalım.

Şimdi U tuşuna basalım Rounded Rectangle Tool aracımızı seçelim ve aşağıdaki gibi bir alan oluşturalım, bu layerimizin ismini Kasa olarak değiştirelim ardından kenarların ovalliğini 3 px olarak ayarlayalım, ayarları aşağıdaki resimde görebiliyorsunuz.

Şimdi aynı yolla bir tanede aşağıdaki ölçülerde bir alan oluşturalım bu bizim LCD ekranımız olacak ve doğal olarak bu durumda bu layerimizin isminide LCD olarak değiştirmemiz mantıklı olurmu? bence olur :)

Şimdi bu LCD isimli layerimize aşağıdaki efektleri uygulayarak devam edebiliriz. Bu efektleri uygulayacağımız bölüme layerinizin üstüne sağ tıklayarak Blending Option'u seçerseniz ulaşabilirsiniz.

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

Şimdi ise Kasa layerimize aşağıdaki efektleri uygulayarak PC Monitörü Kasasına benzetmeye çalışabiliriz bakalım olacakmı :)

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

Devam edelim ve klavyemizden M tuşuna basarak Elliptical Marquee Tool aracımızı seçelim ve aşağıdaki gibi serbest bir alanı seçili hale getirelim bu seçili alanımız hazır bekliyorken yeni layer oluşturalım ve Kasa isimli layerimizin altına taşıyalım. Daha sonra G tuşumuza basarak Paint Bucket Tool ile içini beyaz renk ile dolduralım.

Şimdi bu Layer1 isimli layerimizi CTRL+J ile çoğaltalım (Dublicate) ve Shift Tuşuna basılı tutarak aşağı ok tuşuna bir kere tıklayalım, bu işlem aşağı yukarı 10 px üsteki kopya layerimizi aşağı çekecek.

Şimdi dikkatli olalım, Layer 1 Copy isimli layerimizi göz işaretinden kapatalım ve alttaki Layer1 isimli katmanımızı seçili hale getirelim, devamında CTRL tuşumuza basılı tutarak üstteki Layer1 Copy katmanımıza bir kere sol tıklayarak seçili hale getirelim ve Delete ile seçili alanı silelim.

Devamında ise yine Layer1 isimli layerimiz seçili iken üzerine işlem yapacağız ama önce ismini Ayak olarak değiştirelim, devamında M tuşuna basalım ve Rectanqular Marquee Tool aracımızı seçelim aşağıdaki gibi alanı seçli hale getirerek yine G tuşumuza basarak Paint Bucket Tool ile içini beyaz renk ile dolduralım.

CTRL+D ile seçimi kaldıralım ve aşağıdaki efektleri uygulamaya devam edelim.

Şimdi daha önce kapatmış olduğumuz Layer1 Copy isimli layerimizi tekrar görünür yapabiliriz, devamında layerimize aşağıdaki efektleri uygulayarak devam edelim.

Şimdi ise yine bu layerimiz seçili iken Alt tuşuna basarak yukarı ok tuşumuz ile 10 defa çoğaltalım, çoğalttığımız 15 adet layerimizin en üstündeki hariç diğerlerinin hepsini seçili hale getirelim (Üstteki layer hariç onun bir altındakini seçili hale getirdikten sonra en alttaki Layer 1 Copy isimli layerede Shift tuşuna basılı tutarak sol tıklarsak hepsi aynı anda seçilmiş olur yada tek tek CRTL tuşuna basılı tutarakta seçebilirsiniz.) şimdi seçili olan layerlerimizi CTRL+E ile birleştirelim (Merge) ve ismini Alt 3D olarak değiştirelim üsteki layerimizin isminide Üst Tabaka olarak değiştirelim.

Daha sonra Üst Tabaka isimli layerimize sağ tıklayarak Clear Layer Style diyelim ve aşağıdaki efektleri uygularak bu aşamayıda bitirelim.

Ayak için son işlemimizi yapabiliriz, bunun için Alt 3D ve Üst Tabaka isimli layerlerimizi CTRL ile seçili hale getirelim ve Alt tuşuna basılı tutarak yukarı ok yuşumuz ile 5 kere çoğaltalım, aşağıdaki sonucu elde etmiş olmalıyız.

Sıra geldi Power tuşumuza, bunun için en üste yen bir layer oluşturalım ismini Power BG olarak değiştirelim, devamında M tuşuna basalım Elliptical Marquee Tool aracımızı seçelim ve aşağıdaki gibi küçük bir alanı seçili hale getirelim, tabi seçimimizi yaptıktan sonra seçim hala aktifken G tuşuna basalım Paint Bucket Tool aracımızı seçili hale getirelim ve içini beyaz renk ile dolduralım.

CTRL+D ile seçimi kaldıralım ve aşağıdaki efektlerle devam edelim.

Şimdi ışıklı Close kısmına geçebiliriz, bunun için Power BG layerimizi CTRL+J ile çoğaltalım ismini Power Işık olarak değiştirelim ve CTRL+T ile Transform moduna geçelim sonra aşağıdaki gibi bir kaç px içeri doğru küçültelim. (Küçültürken Alt ve Shift tuş kombinasyonunu kullanırsak her iki açıdanda eşit şekilde düzgünlüğü bozulmadan ayarlanabilir.)

Devamında Enter ile seçimi kaldıralım ve bu layerimize CTRL tuşumuza basılı tutarak seçili hale getirelim seçimimiz aktifken sırasıyla Menülerden, Select/Modify/Contract seçelim ve gelen ekrana 2 px değerini verdikten sonra Delete ile seçimi silelim, aşağıdaki gibi içi boş bir daire elde etmiş olacağız.

Devamında bu layerimiz seçili iken M tuşuna basalım Rectanqular Marquee Tool aracımızı seçelim ve aşağıda görüldüğü yer kadar alanın seçili hale getirelim ve Delete ile seçili alanı silelim.

Yine aynı layerimiz seçili iken Rectanqular Marquee Tool aracımız ile boş kalan kısma aşağıda görüldüğü gibi ince bir çizgi şeklinde bir alan daha seçelim ve içini Paint Bucket Tool ile beyaz renkle dolduralım, devamında seçimi CTRL+D ile kaldıralım.

Hemen arkasından aşağıdaki efektleri uygulayarak Power butonumuzuda bitirelim :) Farkındayım ders biraz uzun oldu ama detaylı anlatmak için böyle yol izlemeliyim inanın ben bu dersi hazırlarken ve resimlerle analtımı düzenlerken daha çok uğraşıyorum :) Neyse daha fazla vakit kaybetmeyelim devam edelim ama az işimiz kaldı biraz dha sabır öğrenmek emek istiyor :)

Şimdi bu iki layerimizi CTRL ile seçili hale getirelim ve CTRL+G ile Gruplayalım isminide Power Tuş olarak değiştirelim.

Şimdi Power Tuş isimli bu Grubumuzun hemen altında yeni bir layer oluşturalım isminide Buton Üstü olarak değiştirelim, arkasından P tuşuna basalım ve Pen Tool aracımızı aktif edelim, sonra aşağıdaki gibi alanı dikkatlice seçelim, seçim bittikten sonra bu seçimin üstüne sağ tıklayalım ve Make Selection'u seçelim ve Paint Bucket Tool ile bununda içini siyah rekle dolduralım bu işlemden sonra CTRL+D ile seçimi kaldırabiliriz.

Şimdide bu layerimize aşağıdaki efektleri uygulayarak devam edelim.

Evet şimdide sıra gölge efektimizi uygulamaya geldi, bunun içinde Arka Plan isimli en alttaki layerimizin bir üstüne yerni bir layer oluşturalım ve ismini Alt Gölge olarak değiştirelim, devamında M tuşuna basalım ve Elliptical Marquee Tool aracımızı seçili hale getirelim ve aşağıdaki gibi bir alanı seçili hale getirdikten sonra içini yine Paint Bucket Tool ile siyah renkle dolduralım. (Paint Bucket Tool Kısa Yolu -G- Tuşu)

CTRL+D ile seçimi kaldıralım ve Menüden, Filter/Blur/Gaussian Blur seçeneğini seçelim ve aşağıdaki değerleri verelim.

Gölgemize son olarak aşağıdaki ayarlarıda verirsek daha gerçekçi olacak.

Şimdi birazda Perspektif ayarı yapalım, bunun içinde Buton Üstü, LCD ve Kasa isimli layerlerimizi CTRL yardımı ile seçili hale getirelim daha sonra CTRL+G ile Gruplayıp isminide Monitör olarak değiştirelim, devamında bu Monitör isimli Grubumuz seçili iken CTRL+T ile Transform moduna geçelim ve ekranda üzerine sağ tıklayarak Perpective ayarını seçelim daha sonra oluşan seçimin sağ alt köşesinden tutup bir yada iki px kadar sağa çekelim, bu işlem Monitörümüzün öne doğru eğimli gibi gösterecek.

Yansıma efekti için ise Arka Plan ve Alt Gölge isimli layerlerimizi göz işaretinden kapatıp görünmez yapalım bunu File/Save AS... ile .PNG olarak kayıt edelim, daha sonra bu resmi içeri import edelim ve çalışma alanımızın içine sürükleyerek içeri alalım, gelmesi gereken yeri ise Ayaklar isimli Grubumuzun üstü olmalı ki üst tabaka isimli alanımıza şeffaf bir hava verebilelim. Unutmadan bu layerimizin isminide Monitör Gölge olarak değiştirelim.

Şimdi bu layerimiz seçili iken Edit/Transform/Flip Vertical ile ters çevirelim ve aşağı doğru sürükleyelim, önceki ayak ile aynı hizaya gelmeli.

Şimdi M tuşuna basalım ve Elliptical Marquee Tool aracımızı seçelim arkasından aşağıdaki gibi bir alanı seçelim ama öncesinde Feather değerini 15 e yükseltmemiz gerekiyor, ayarlar aşağıdaki resimde görülüyor.

Son işlemimiz Glow için ise Monitör Gölge isimli layerimizin üstünde yeni bir layer daha oluşturalım ve ismini Glow olarak değiştirelim, daha sonra M tuşuna basalım Elliptical Marquee Tool aracımızı seçelim ve aşağıdaki gibi bir alanı seçtikten sonra G tuşu ile Paint Pucket Tool aracımız ile içini beyaz renkle dolduralım, arkasından CTRL+D ile seçimi kaldıralım ve sırasıyla Filter/Blur/Gaussian Blur değerlerinide yine aşağıdaki gibi verelim ve bu işi bitirelim, buraya kadar gelebilene geçmiş olsun, demekki çok azimlisiniz, siz bu işi başaracaksınız :)

Çalışma Finali

Final2

Final3

Tutorial PSD Download

Mac OS X Leopard Logo ve Wallpaper Yapımı (Tutorial - Ders)

2009-03-28T21:18:00.007+02:00

Burada Vista Wallpaper ve Logosunun yapımını anlattım ve gelen maillerde Mac Leopard Wallpaperi neden yapmıyorsunuz gibi istekler geldi bende değerlendireyim dedim :) Sonuç olarak yine daha detaylı hazırlayabileceğimiz bu çalışmayı yeni kullanıcılarımızıda düşünerek hazırlamayı uygun gördüm, bunuda herkes yapabilecek hadi başlayalım :) Not: Dersin .psd dosyasını dersin sonunda indirebilirsiniz.

Önizleme

Benim ekran çözünürlüğüm 1680x1050 olduğu için bu ölçüleri seçtim ama sizler yine burada daha önce anlattımımda bahsettiğim gibi kendi ölçülerinizi seçebilirsiniz, ben aşağıdaki özelliklerde bir belge açtığınızı varsayarak anlatımımı gerçekleştireceğim ama diğer ölçülerdede sorun olmaz aynı yol izlenecek.

İlk olarak oluşan bu layerimizin ismini Arka Plan oalrak değiştirelim arkasından klavyemizden G tuşuna basarak Paint Bucket Tool aracımızı aktif edelim ve bu aracımız ile bu belgemizin içini #0d090c rengi ile dolduralım.

Şimdi klavyenizden L tuşuna basarak Magnetic Lasso Tool aracımız seçiyoruz ve aşağıdaki gibi bir alanı seçili hale getirip içini Paint Bucket Tool aracımızla beyaz renk ile dolduruyoruz.

Şimdi seçim hala aktifken sırasıyla Filter/Render/Difference Clouds ekleyelim ve bu işlemin arkasında CTRL+D ile seçimi kaldıralım.

Devamında Filter/Blur/Radial Blur ekleyeceğiz aşağıdaki ayarlar bizim için gerekli olan ayarlar.

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

Sıra geldi renklendirmemize, sırasıyla image/Adjusments/Color Balance ayarlarımızı aşağıdaki gibi verelim,

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

Devam edelim ve bu Arka Plan isimli layerimizi CTRL+J le çoğaltalım layerlerimizin en üstüne taşıyalım ve yine sırasıyla image/Adjusments/Color Balance ayarlarımızı aşağıdaki gibi verelim,

Daha sonra aşağıda görüldüğü gibi yeşil renkli alanların dışındaki bölümleri yumuşak bir silgi (Eraser) aracımız ile silelim.

Daha sonra Blending Mode ayarımızı Owerlay olarak değiştirelim aşağıdaki sonucu elde etmiş olmalıyız.

Bu işlemi tekrarlayacağız yine en alttaki Arka Plan layerimizi CTRL+J ile çoğaltalım layerlerimizin en üstüne taşıyalım ve image/Adjusments/Color Balance ayarlarımızı aşağıdaki gibi verelim,

Daha sonra yine yumuşak bir silgi aracı ile aşağıdaki açık yeşil renkli alanın dışında kalan kısımları temizleyelim,

Ve yine Blending Mode ayarımızı Owerlay olarak değiştirelim aşağıdaki sonucu elde etmiş olmalıyız.

Bu işlemi bir kere daha tekrarlayacağız, yine Arka Plan isimli layerimizi CTRL+J ile çoğaltarak layerlerimizin en üstüne taşıyalım aşağıdaki değerleri ile image/Adjusments/Color Balance ayarlarımızı vererek devam edelim.

Daha sonra yine yumuşak bir silgi aracı ile aşağıdaki açık mavi renkli alanın dışında diğer kalan kısımları temizleyelim, yada pembe kısımlarıda silseniz olur bu sefer açık mavi olan kısımlar kalacaktır.

Şimdi ise Arka Planımızla olan son işlemimizi yapabiliriz, yine en alttaki Arka Plan isimli layerimizi CTRL+J ile çoğaltıyoruz yine bu layerimizi en üstte taşıyoruz, Blending Mode ayarını Color Dodge, Fill Değerinide %52 olarak değiştirdikten sonra bu sefer yine silgi (Eraser) aracımızla pembe olan alanımızın dışında kalan kısımları temizliyoruz.

Temizleme sonrası elde edeceğimiz sonuç.

Arka planla işimizi bitirdiğimize göre yıldızları yapmaya başlayabiliriz, bunun için yeni bir layer oluşturuyoruz ve ismini Yıldızlar olarak değiştiriyoruz devamında bu layerimiz seçil iken klavyemizden B tuşuna basarak Brush Tool aracımızı seçiyoruz ve alanımızın ortasına sağ tıklayarak gelen diyalog penceresinden aşağıdaki ayarları yapıyoruz, devamında resimde görüldüğü üzere beyaz noktacıklar gibi etrafa birer kere tıklayarak sabırla bu yıldızları oluşturuyoruz :D

Şimdi Brush boyutumuzu 5 px olarak değiştirerek bu sefer biraz daha belirgin yıldızlar oluşturuyoruz bunuda aşağıdaki gibi dağıtabiliriz.

Şimdi bu işlemide son bir kere daha tekrarlıyoruz bu sefer Fırça ölçülerimiz 10 px

Bu işlemlerden sonra bu layerimize aşağıdaki gibi bir Outer Glow efeti veriyoruz ve yıldızlarlada işimizi bitiriyoruz.

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

Sıra geldi Mac OS X in X logosunu yapmaya, bunun için ilk olarak yazı özelliklerini aşağıdaki gibi ayarlamanız gerekiyor, font her pc de bulunan bir font Myriad Pro Bold Not: Ben ekran çözünürlüğümü 1680x1050 olarak ayarlardığım için 200 pt font ölçüleri benim için uygun sizlerde kendi ölçülerinize uygun bir ölçü seçmelisiniz X yazısı ekranın ortasına gelmesi yeterli.

Şimdi bu yazımıza aşağıdaki efektleri verebiliriz,

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

Son olarak bu X logomuza yansıma efekti verelim ve bu derside bitirelim :D bunun için ilk olarak yeni bir layer oluşturalım ve ismini Yansıma olarak değiştirelim, devamında klavyemizden P tuşuna basalım ve Pen Tool aracımızı seçelim arkasından X logomuzun etrafında aşağıda görüldüğü gibi bir alanı seçili hale getirelim,

Şimdi burası önemli biraz dikkat etmeniz gerekiyor, sırasıyla yapılması gerekenler şöyle.

1- Yansıma isimli layerimiz seçili olması gerekiyor
2- Bu Yansıma isimli layerimiz seçili iken bir alttaki X yazımıza CTRL+Alt+Shift Tuşlarına aynı anda basılı tutarak bir kere sol tıklamamız gerekiyor bu işlemin sonucunda sadece X logomuzun etrafı seçili hale gelecektir.

Bu işlemin ardından klavyemizden G tuşuna basarak Paint Bucket Tool aracımızı seçiyoruz ve bu seçili alanımızın içini beyaz renk ile dolduruyoruz,

Şimdi Yansıma isimli layerimizin Opacity değerini %65 olarak değiştiriyoruz,

Şimdi E tuşuna basarak Silgi (Eraser) aracımızı seçiyoruz, (daha önce yukarıda silgi aracımızı nasıl ayarlamamız gerektiğini görmüştük) yumuşak bir fırça seçtikten sonra fırça boyutu ortalama 300 px olarak ayarlıyoruz ve X logomuzun üstüne aşağıdaki görüldüğü gibi bir kere tıklayarak siliyoruz ama ayarı fazla kaçırmamalıyız, buna dikkat etmelisiniz.

Final

Dersin .psd dosyasını buradan indirebilirsiniz.