Photoshop Magazin
 


Image Ready CS2 ve Web Sitesi Üzerine

01 December 2005 | Sayı: Dec 2005
 
1 2 3 4 5
 

IMAGE READY CS2  ve WEB SİTESİ ÜZERİNE




Görselliği ile, sloganlara çok fazla gerek duymadan, tüm derdini rahatça anlatabilen bannerlar yapmak IMAGE READY CS2'de artık çok kolay. Bu kolaylığın üzerine bir de pixel tabanlı programların en iyisi olan Photoshop CS2 desteği kullanıcılara daha esnek grafikler yapması için geniş imkan sağlıyor. Şimdi gelin bir gözlük firması için düşünülen bir banner çalışmasını birlikte yapalım.

hspace=0Öncelikle  yeni bir sayfa açıyoruz. Ekrana gelen diyalog penceresinde  genişliği (Width) 92 pixel, yüksekliği (height) 432 pixel zemin rengini de White (beyaz) bırakıyor ve onaylıyoruz.
Açmış olduğumuz sayfaya göz testin de hepimizin en az bir kere bakmış ve gözlerimizi test ettirdiğimiz bir grafik gerçekleştiriyoruz. Bu grafiği oluştururken Araç kutumuzda simgesi  “T” olan (Yazı Yazma) Aracımızdan faydalanarak başlıyoruz.






Yapmayı düşündüğümüz animasyon harflerin üzerine bir büyüteç yerleştirmek ve animasyon penceremizde bu büyütec ile hareket kabiliyeti katabilmektir.
hspace=0hspace=0

Şu anda layer penceremizde bir tane katman oluşturmuş bulunmaktayız. “Layer Paneli”nde katmanı seçili hale getirip ‘mouse’umuzun sağ tuşuna basarak  “Layer Options” kısmından ismini “harfler” olarak değiştiriyoruz.

hspace=0Artık “harfler” diye isim verdiğimiz layerdan bir tane daha çoğaltma zamanı geldi. Layer penceresinde bulunan “harfler” katmanının üzerine bir kez tıklayarak seçili hale getiriyoruz. Mouse’umuzun sol tuşuna basılı tutarak “harf” layerımızı panelinin alt sırasında bulunan çöp kutusunun hemen yanıdaki “create a new layer “ butonunun üzerine çöp kutusuna atarmış gibi bırakıyoruz.  Böylece var olan “harfler” layerından bir kopya oluşturmuş bulunduk. “Harfler Copy” olarak oluşacak olan bu layerın da ismini yine layer seçiliyken mouse’umuzun sağ tuşuna tıklayarak “Layer Options” bölümünden “Harfler Blur” olarak değiştiriyoruz. 
“Harfler Blur” layerı seçili iken (İmage Ready’de bir katmanın (layer) seçili olması demek layer satırının bulunduğu bölümün ‘mavi renk’ ile boyanması anlamına gelir)

“Harf Blur” layerı seçili iken, hemen bu katmanda bulunan harflere -Filter/Blur/ Gaussian

Blur- efektini uyguluyor ve Radius değerine “4 pixel” yazıp onaylıyoruz. Evet “Harfler Blur”  katmanı artık bizim istediğimiz bulanıklığı verecek duruma geldi.
hspace=0

Şimdi yeni bir layer açıyor ve ismini “Mask” olarak değiştiriyoruz. Çalışma sayfamızın üzerininde  bir daire seçili hale getiriyor ve içini siyah renk ile dolduruyoruz. (Seçili olan alanın içini renkle doldurmanın kısa komutu PC’lerde  ‘Alt+delete’, Mac’lerde ‘Alt+Backspace’ tuşları)  
hspace=0  

Artık layer panelimizde 3 tane katmanımız bulunmakta. Şimdi son layerımız olan lens layerını oluşturmaya geldi. Yeni bir layer daha açıyor ve ismini “lens” olarak belirliyoruz.
hspace=0hspace=0

hspace=0hspace=0
hspace=0
Tekrar bir daire seçili hale getiriyor ama bu sefer dairenin içini boyamak yerine çizgisini (Stroke) siyah renkle dolduruyoruz.  (Seçili bölgenin çizgi rengini doldurmak içinde, dairenin seçili hali devam ederken (yanıp sönerken)  -Edit / Stroke- komutuna tıklıyoruz. Karşımıza çıkan diyalog penceresinde width kısmına ‘5’ pixel yazarak çizgimizin kalınlığını belirlemiş oluyoruz.)

Ardından çizgimizi biraz bulanıklaştırmak için -Filter/Blur/Gaussion Blur-  ‘3’ pixel efektini veriyoruz. Lens katmanına layer panelinin altında bulunan efekt kısmından önce “Bevel and Emboss” ve “Color Overlay” efektlerini sırasıyla uyguluyor ve şekildeki gibi değerlerini ayarlıyoruz.   




hspace=0Şu anda 4 tane katmanımız ve efektlerimiz hazır durumda. Yapmamız gereken şey harekete geçmeden önce layerların birbirleriyle olan etkileşimlerini tamamlamak.

Katmanların sırası “harflerblur” en altta, “Mask” onun üstünde “harfler” bir üstte ve “Lens” en üstte olacak şekilde ayarlamamız gerekiyor. Şimdi “harfler” layerını seçili hale getiriyor ve “Üst Menü Bar”dan bulunan Layer bölümünden ‘Creat Clipping Mask’ (Harfler layerı maske layerı ile maskelensin) butonuna tıklıyoruz. Layer Panelinde “Harfler” katmanının biraz daha içeriye girdiğini ve “Harfler” katmanınını yanında  aşağıyı gösteren bir ok işareti çıkması gerekiyor. Son olarakta  “Lens” layerı ile “Mask” layerını birbirlerine linkliyoruz (zincirliyoruz).

Şimdi “Animasyon” panelimizden sıra hareketimizi vermeye geldi. Daha önceki sayılarımızda animasyon penceresini incelemiş ve gerekli olan bilgileri vermiştik. Hareketleri daha seri yapmak için yeni bir püf verecek olursak. 1. sn’ye de maske layerların yerini ayarlıyoruz (çalışma alanımızın sol alt köşesi) ve 1.sn’yeden bir tane daha kopya alıyor ve maske alanımızı (Çalışma alanımızın sağ üst köşesine) gitmesini istiyoruz. Artık hareketleri tek tek vermekle uğraşmayıp animasyonun ilk ve son karesini belirledikten sonra aradaki karalerin belirlenmesinde Image Ready’e bırakacağız. Animasyon penceresinde “Tweens animasyon Frames”  butonuna tıklıyor ve karşımıza çıkan diyalog penceresinde “Frames to Add” bölümüne ‘5’ değerini giriyoruz. Bu uygulamayı tekrarlayarak animasyonumuzu istediğimiz kadar uzatmak mümkün.
hspace=0 
Bu çalışmayı daha ayrıntılı incelemek ve buna benzer görseli yüksek bannerlar yapmak istiyorsanız Adobe Photoshop CS/Samples/ImageReady Files klasörlerinin altından EyeChart.Psd dosyasından ulaşmanız mümkün. Şimdiden herkese kolay gelsin.   

 

December 2005

 


Image Ready