CaNDy'S

Profesyonel bir resim işleme programı olan Adobe Photoshop'un kullanım alanının çok geniş olduğu bir gerçektir. Ancak bizim buradaki ilgi alanımız internet ve dolayısıyla web olduğu için daha çok web sayfalarının tasarımındaki rolü ve web'deki etkisi yönüyle Photoshop'u inceleyeceğiz.

Photoshop'un eski versiyonları da var tabi ki, ama biz burada 6.0 versiyonu'nu tanımaya çalışacağız.

Photoshop 6.0'daki yeniliklere basitçe bakarsak; eski versiyonlarına göre kullanım açısından fark olmamasıyla birlikte yetenekleri açısından bir çok değişiklikler var. Basitçe bir gözlemle, daha çok matematiksel özellik eklenmesi, vektörel uygulamalara daha yatkın olması, eski efektlerin, "Layer Style" olarak daha çok gelişmesi, hazır şablonların eklenmesi, Yazı Aracı (Type Tool) nın marifetlerinin gelişmesi, 8000'den fazla layer'e izin vermesi, vektörel şekillerin ve maskelerin (shapes) eklenmesi, programın ara yüzündeki en önemli görsel değişikliği ise en üstte Ana Menü'nün hemen altında yer alan ve uygulamaları daha kolay ve etkili yapmamızı sağlayan Tool Options Bar - Araç Seçenekleri Çubuğu'nun ilave edilmesi ki Photoshop'un 6.0 versiyonu ile gelen en önemli yenilikler olarak sayılabilir.

Photoshop'u kullanabilmek için öncelikle "Tool Box" denilen "Araç Kutusu" nu çok iyi bilmemiz ve tanımamız gerekir.

Sıra ile; Araç Çubuğunu tanımaya çalışacağız, daha sonra Photoshop'un önemli unsurları olan, Layer (Katmanlar) 'leri, Efektleri (Layer Style), Filitreleri (Filter) tanıyacağız.
Photoshop'u kullanmak için öncelikle yanda resmini gördüğünüz Araç Kutusu'nu iyice öğrenmeliyiz.
Araç Kutusuna ulaşmak için programın arayüzündeki Ana Menüsünden, Window - Show Tool ile Toolbox'ı açalım. Kapatmak için ise Window - Hide Tool yolunu seçiyoruz.

Gizli olan bu araçlara, yanında " " işareti bulunan ikonların üzerinde mouse'nuzu basılı tutup bir süre bekleterek açılacak olan yeni ikon penceresinden erişebilirsiniz.

Bunlardan birini seçerseniz. Araç kutusundaki diğer ikon ile yerini değiştirecek, kullanmaya hazır hale gelecektir.

Herbirinin yanlarındaki klavye kısa yol tuşlarını da görebilirsiniz.

Aşağıda; Araç Kutusunun özelliklerini her ne kadar açıklasak da buradaki Araçların hangisine tıklarsanız tıklayın, altta resmini gördüğünüz, Photoshop 6.0 ile beraber eklenen yeni özelliği Tool Options Bar - Araç Seçenekleri Çubuğu'ndaki ayarları ortaya çıkar. Araçlar, Ana Menünün hemen altında bulunan Tool Options Bar'daki ayarları ile daha çok yetenek kazanırlar. Bunu, Photoshop'u kullanarak daha iyi anlayacaksınız.

Şimdi Araç Kutusu üzerindeki ikonları sırası ile tanıyalım.

"TOOL OPTİONS BAR" ( ARAÇ SEÇENEKLERİ ÇUBUĞU )...


"Rectangular Marquee Tool" ( M ) Kare, dikdörtgen çizmek için seçili alan yaratır. Kare çizmek istersek, kare şeklini seçip, klavyemizdeki Shift tuşuna basılı tutarak imajımız üzerinde mause'muzu sürüklemeliyiz. Aksi halde dikdörtgen alan seçer.
"Elliptical Marquee Tool" ( M ) Daire çizmek istersek, daire şeklini seçip yine klavyemizdeki Shift tuşuna basılı tutarak imajımız üzerinde mause muzu sürüklemeliyiz. Aksi halde elips alan seçer.
"Single Row Marquee Tool" ( M ) Tek pixel olarak yatay;
"Single Column Marquee Tool" ( M ) Tek pixel dikey alan seçmeye yarar.



"Move Tool" ( V ) Seçilen bir alanı veya Layer (Katman)'ı taşımanıza yarar. Otomatik seçim özelliği olduğu gibi imajın üzerinde iken sağ tuş yaparsanız hangi Layer de olduğunuzu da belirtir. Klavuzluk görevi vardır.



"Lasso Tool" ( L ) Kement Aracı denir. İmajınız üzerinde serbestçe çizerek alan seçebilirsiniz.
"Polygonal Lasso Tool" ( L ) Resmin belli noktalarını tek tek seçmenizi yapabilirsiniz.
"Magnetic Lasso Tool" ( L ) Kontrast ve renge duyarlıdır.



"Magic Wand Tool" İmaj üzerindeki benzer renkler'i seçim aracıdır. Benzer renkleri veya tonları seçebilirsiniz.



"Crop Tool" ( C ) Kesme Aracı denir. İmajınızdaki fazlalıkları kesmenize, fazlalıkları temizlemenize ve imajınızı serbest olarak döndürmenize yarar.



"Slice Tool" ( K ) Dilimleme Aracı, imaj üzerinde dilimler yaratmanıza yarar. İmajınızı dilimlere bölebilirsiniz.
"Slice Select Tool" ( K ) Dilimleri seçmemize yarar.



"Airbrush Tool" ( J ) Yumuşak kenarlı hat şeklinde boyama yapmamızı sağlar. Kalem hareketi sağlar.



"Pencil Tool" ( B ) Kalem Aracıdır. Airbrush Tool aksine sert kenarlı çizgiler çekmeye yarar. Adından da anlaşılacağı üzere Kalem olarak kullanılır.
"Paintbrush Tool" ( B ) Fırça etkisi sağlar ve boyama yapmamıza yarar.



"Clone Stamp Tool" ( S ) Istampa Aracı ile İmajın bir yerine Alt tuşu ile tıkladığımızda buranın resim ve doku örneğini alır ve bu örneği istediğimiz yere tıklayarak yapıştırmamızı sağlar.
"Pattern Stamp Tool" ( S ) Hafıza-Şablon (Pattern) olarak aldığımız görüntüyü kullanmaya yarar.



"History Brush Tool" ( Y ) İmajın arkaplan rengini kopyalayıp imaj üzerine seçilen alanı fırça etkisiyle boyar.
"Art History Tool" ( Y ) Kullanılan seçili alandaki farklı boyama stillerine bakıp onları taklit ederek, fırça etkisiyle boyama yapar.


"Eraser Tool" ( E ) Silme Aracı, İmaj üzerinde beğenmediğiniz yerleri siler ancak silerken alttaki Layerdeki rengin vaya imajın görünmesini sağlar.
"Background Eraser Tool" ( E ) Arkaplan rengini silerek imajı transparent yapar.
"Magic Eraser Tool" ( E ) Tek tıklama ile imajın arkaplan rengini silerek imajı tranparent yapar.




"Paint Bucket Tool" ( G ) Boya Kovası ile seçili alanı, Foreground denen renk değiştirme aracındaki üstteki renk ile doldurabilirsiniz.
"Gradient Tool" ( G ) İki yada daha çok rengin birbiri arasında yumuşak geçiş yaparak seçili alanın boyanmasını sağlar.



"Blur Tool" ( R ) İmaj'a kenarlardan dışa doğru belirsizlik hissi verir.
"Sharpen Tool" ( R ) İmaj'ın kenarını dışa doğru keskinleştirme hissi verir.
"Smudge Tool" ( R ) İmaj'ın rengini dağıtmak, renkleri birbirine karıştırma, leke hissi verir.



"Dodge Tool" ( O ) İmaj'da aydınlanmış-ışıklanmış alan sağlar.
"Burn Tool" ( O ) İmaj'da koyulaşmış-kararmış alan sağlar.
"Spone Tool" ( O ) İmaj'ın renk doygunluğunu azaltıp, çoğaltmaya yarar.





"Path Companent Selection Tool - Direct Selection Tool" ( A ) Pen Tool ile İmaj üzerinde herhangi bir yerde seçim yaptığımızda veya bir parça seçtiğimizde seçim noktalarını ve kontrol hatları ile kontrol noktalarını tespit ederler.



"Type Tool" ( T ) İmaj üzerinde yazı (text) yazmamızı sağlar, Photoshop'un Yazı Editörüdür.



"Pen Tool" ( P ) Etkili ve denetimli seçim alanları sağlar, yapılacak imajın düzgün kenar rotaları-yönleri çizmemize izin verir.




"Rectangle Tool" ( U ) En üstte, "Rectangular Marquee Tool" Bölümünde anlattığımız işlemleri yapar. Ancak bu araç'ın farkı Foreground denen renk değiştirme aracındaki üstteki renk ne ise uygulandığı yerde direkt o rengi kullanır ve maskeleme yapar. İsterseniz daha sonra üzerine çift tıklayarak rengi değiştirebilirsiniz.
"Rounded Rectangle Tool" ( U ) Köşeleri yuvarlatılmış,
"Ellipse Tool" ( U ) Elips,
"Polygon Toll" ( U ) Poligonal olarakta kullanılır.
Herbirinin kenarlıkları, yarıçapları "Tool Options Bar" 'dan ayarlanabilir.
"Line Tool" ( U ) Çizgi aracıdır. İstenilen kalınlıkta düz çizgiler çizer.
"Custum Shape Tool" ( U ) Photoshop'un hazır şekiller listesini kullanmamızı sağlar.



"Notes Tool" ( N ) İmaj'a açıklayıcı yazı ekler. ( Ses'e)
"Audio Annotation Tool" ( N ) Ses ekler.
Ancak bu eklentiler sadece PSD formatında etkindirler.



"Eyedropper Tool" ( I ) İmaj için örnek renk seçmemizi sağlar. İmajın hangi rengine tıklarsanız o rengi alır.
"Color Sampler Tool" ( I ) Info sekmesinde seçilen rengin değerini gösterir.
"Measure Tool" ( I ) İmajda iki nokta arasındaki uzaklığı ölçmemizi sağlar.




"Hand Tool" ( H ) Ekrana sığmayacak şekilde büyültülen imajlarda görünmeyen yerlere ulaşmak için kullanılır.




"Zoom Tool" ( Z ) İmajın istenilen bölümüne yakınlaşmayı veya uzaklaşmayı sağlar.



"Palet - Renk Seçim Aracı" Foreground üstteki rengi, Background alttaki rengi belirtir. Defaunt renk (D) resimdeki gibidir. 'a tıklayarak da default ayarlara geçilebilir. 'a tıklayarak alttaki ve üstteki renkleri yer değiştirebilirsiniz(X). Ancak alttaki daima Background, üstteki daima Foreground olacaktır. Mouse'nın sol tuşu üsttekini, sağ tuşu alttakini otomatik yapar.




"Quick Mask Mode" ( Q ) Hızlı maskeleme yapmaya veya maskelemeden çıkmaya yarar.




"Full Screen Mode" ( F ) Tam ekran yapar, eski hale gelir.



"Jump to ImageReady" ( Ctrl+Shift+M ) ImageReady'ye atlama yapar. Herhangi bir imajınız açıksa doğrudan ImageReady'e gönderip aynı imajda bütün katmanları, efektleri ve filitreleri ile ImageReady'de kullanıma hazırlar....

CaNDy'S

Bu bölümde çok sık kullanacağımız olan Photoshop'un yazı aracı olan "Type Tool" (T) 'u tanıyalım.

Ancak burada hemen bir hatırlatma yapmamız gerekiyor.
Malesef Photoshop'un Çoklu Dil (Multi Language) desteği olmadığı için yazılarımızda Türkçe karakterler olan ı,ö,İ,ç,ş,ğ kullanamıyoruz.
Bu nedenle ya Türkçe karakter setli fontları kullanmamız gerekir ki bunların bir çoğunu internet'ten temin edebiliriz, yada kullanacağımız "." nokta veya "," virgülleri başka bir Layerde yaratıp imajımızdaki text'in üzerine veya altına taşıyıp hizalamak zorundayız.
Yada Type Tool ile yazdığımız "Text" in bulunduğu Layeri, "Rasterize Layer" ile Rasterize ederek, aynı Layer'e Pencil Tool (kalem) ile nokta, virgül yada "ğ" nin inceltme işaretini elle yaparız.
Ancak bu uygulamanın yazının kalitesini biraz bozacağını da hatırlatırız. Çünkü "Rasterize Layer" ile artık yazımız "Text" özelliğini kaybetmiştir.
İmajımıza "Text" eklemek üzere, Araç Kutusundan "Type Tool" 'u seçtiğimiz anda Layer Penceresinde kendiliğinden yeni bir Layer açılır. Yazdığımız yazı (Text) bu yeni Layer'in içinde yer alır.
Çünkü her "Text" ayrı bir Layer de bulunur. Layer Penceresinde o Layer'e ait küçük Pencerenin içine de, " Hop, Bu Layerde "Text" var!.." demek ister gibi Type Tool'un simgesi " T " yerleşir.
Araç Kutusundan "Type Tool" seçildikten sonra yada Text'in bulunduğu Layer'deki küçük pencere içindeki Type Tool " T " simgesi üzerine sol tuş ile çift tıkladığımızda "Araç Seçenekleri Çubuğunda" Type Tool (Yazı Aracı) nın komutları ve özellikleri ortaya çıkar.

CaNDy'S

Şimdi de Araç Seçenekleri Çubuğunda bulunan Yazı Aracının Komutlarını inceleyelim;

Bu araç ile "Text" in türünü seçiyoruz. Başta seçili olan, normal Text aracıdır. Yanındaki ise "Text" e maskeleme için seçili alan yaratır.

Yazılacak "Text" in soldan sağa veya yukarıdan aşağı olarak seçimini sağlar.


Buradaki Açılır Menüden, kullanacağımız Yazı Tipini seçeriz. Sistemimizde kullandığımız fontları burada görebiliriz.


Açılır Menüden, Kullandığımız font karakterine göre, Regular (Normal), Italik (Eğik), Bold (Koyu), Bold Italik (Koyu ve Eğik) olarak Font Style (Yazı Şekli)'i seçmemizi sağlar.

Açılır Menüden, Kullandığımız font karakterine göre, Regular (Normal), Italik (Eğik), Bold (Koyu), Bold Italik (Koyu ve Eğik) olarak Font Style (Yazı Şekli)'i seçmemizi sağlar.


Açılır Menüden, Strong (Katı), Crisp (Parlak), Smooth (Yumuşak) etki ile Anti-aliasing yöntemini seçmemizi sağlar. None seçilirse Anti-aliasing uygulanmaz. (Anti-aliasing, Text kenarlarındaki keskin hatların, kırıklıkların giderilmesi, etrafının yumuşak hatlar ile doldurulması.)


"Text" in zemin üzerindeki pozisyonunu belirler (Solda, ortada, sağda).

Yazımızın rengini belirlememize yarar. Üzerine tıklayınca açılan "Color Picker" den yazı rengimizi değiştirebiliriz.

Çeşitli eğiklik, çarpıklık gibi değişik pozisyonlara sokarak Text'e güzel görünümler sağlar.

Yazı Karakteri ve Paragraf özellikleri gibi bütün komutların bir arada bulunduğu "Yazı Paletin" ini aktif hale getirir.

"Text" e yapılan bütün bu ayarlamaları onaylar veya iptal eder.

CaNDy'S

CaNDy'S

Ateş efektli yazılar için :

İLk oLarak 500x500 boyutunda Siyah backgroundlu bir dosya olusturuyoruz ve yazımızı yazıyoruz.
Ardından yazı layerını duplicate ediyoruz ve iki leyerın ortasına gelecek sekilde yeni bir layer olusturup siyah ile dolduruyoruz.

2. adım :
Duplicate ettigimiz layer ve yeni olusturdugumuz layerları birlestiriyoruz. (Ctrl+E)
Ardından images/dersler/photoshop/sercan/Rotate canvas/90 ccv ile layerı ceviriyoruz ve Filter/Staylize/Wind uyguluyoruz
Ayarları method:wind Direction:From the right

Ve 3 kere tekrarlıyoruz (Ctrl+T)

3.Adım :

images/dersler/photoshop/sercan/Rotate canvas/90 cv ile layerı eski haline getiriyoruz ve Filter/Blur/Gaussian blur uyguluyoruz Degeri 2.0 ardından images/dersler/photoshop/sercan/Adjustments/Hue/saturation (Ctrl+U) ile layerı renklendiriyoruz
Degeri Hue:38 Saturation:100

Ve layerı Duplicate Ediyoruz

4.adımda ise :

Duplicate ettigimiz Layera tekrar mage/Adjustments/Hue/saturation Uyguluyoruz
Degeri Hue:0 Saturation:100

Ve layerın Blend Mode'unu Color dodge olarak belirliyoruz

Gelelim son adımımıza :

Kırmızı ve sarı layerları birlestiriyoruz (Ctrl+E)
İlk yazıyı yazdıgımız Layerı secip Siyah ile dolduruyoruz ve En yukarıya tasıyoruz Inner Glow uyguluyoruz Renk #E88800 Size:9