Web Tasarım

Photoshop’ta her katman için bazı efektler uygulama şansımız var. Temel olarak üç ayrı katman çeşidimiz var. Birincisi nesneler, ikincisi yazı tipleri, üçüncüsü de shape denilen vektörel biçimler. Nesnelerde araç çubuğu yardımıyla çizdiğimiz ya da boyadığımız her katman parçası görsel olarak yer alır. Yazı tipleri de araç çubuğundaki T simgesi ile oluşturabileceğimiz yazılardan meydana gelir. Shape çizimleri bu dersimiz süresince kullanmayacağız. Çizimlerin vektörel olması, köşesinden kenarından çekip büyüttüğümüzde görsel açıdan bir bozukluk yaşanmadan çizilen nesnelerin yeniden şekillendirilmesi anlamını taşır. Dolayısıyla shape çizimler de aslında temel anlamda nesnelerden oluşsa da herhangi bir deformasyona uğramayan nesneler diye adlandırılabilir. Tüm bu katman tipleri için Photoshop’ta ayrı tiplerde efekt uygulama şansımız var.

Menüyü oluşturmak için yapmaya

Göze hoş gelecek bir elips çizip menünün köşesindeki estetiği oluşturduk. İki katmanı zincirle bağlayıp birleştiriyoruz.
yapacağımız bazı değişiklikler, bağlı olan tüm katmanları etkileyecek ve ortak bir hareket gerçekleşecektir. Bu ekstra bilgiden sonra katmanlarımızı tek bir katman haline getirebiliriz. “Layer” menüsünden “Merge Linked” seçeneğini seçerek (veya kısayol olarak doğrudan Ctrl+E kombinasyonunu kullanabiliriz) iki katmanı birleştirelim.
“Rectangular Marquee Tool”a sol fare ile basılı tuttuğumuzda gelen alt seçeneklerden “Elliptical Marquee Tool”u seçelim. Menünün sol başında yer alan ve tasarımımıza hoşluk katan dairesel bölgeyi yaratmak üzereyiz. Gözümüze hoş gelebilecek bir açıyla dikdörtgenlerimizin köşesini yuvarlatmak için istediğimiz oranda bir elips çizip (ben 172x309’luk bir elips çizdim) hizalamayı yaptıktan sonra klavyemizden “Delete” tuşunu kullanarak gereksiz kısımları silelim. Böylece menümüz bir estetik kazandı.
başladığımız katmana çift tıklayarak (ismi üzerine değil, boş bir kesime) açı-lan “Layer Style” penceresinde katman-larımıza mevcut efektlerden herhangi birini uygulayabiliriz. Şablonumuzdaki menü için içe doğru gölge vermek iste-diğimizden “Inner Shadow” seçeneğini işaretleyip sırasıyla Blend Mode için “Multiply”, Opacity için %40, Angle 133, Distance 5px, Choke %0, Size5px ve Noise %0 olacak şekilde değerleri girelim. Böylece gölgelemeyi sağladık. “OK” deyip bu pencereyi kapadığımız-da katmanımıza efektin uygulanmış ol-duğunu görürüz. Efektler konusunda çeşitli varyasyonları da deneyerek hoşunuza gidecek herhangi bir görünümü el-de edebilirsiniz. Bu işlem sadece menü için de değil, tasarımınızda diğer katmanlarda yer alan tüm nesneler için de gerçekleştirilebilir. Ancak unutmamalı ki çok fazla efekt de bir görüntü kirlili-ğine yol açacak ve göze hoş görünmeyecektir.
Efekti uyguladığımızda “Layers” penceremizde menü için oluşturduğu-muz katmanın yanında da “f” şeklinde yuvarlak bir simge belirecektir. Bunun anlamı o katmana bir efekt uygulandığıdır.

Efekti uyguladıktan sonra katmanın yanında f simgesi belirir.

Inner Shadow ile gölge verip hoş bir efekt uygulayalım.
değişikliği ya da oluşturduğumuz bu efekti tekrar uzun yolla girip uğraşma-mak için kopyalama seçeneğini bulabiliriz. Benzer şekilde bu efekti diğer katmanlara uygulamak istersek, bu yolla kopyala dediğimiz katman efektini di-ğer katmanlara gidip sağ tıkladığımızda çıkacak “Paste Layer Style” seçeneği ile yapabiliriz.
Son olarak bu dersi bitirmeden he-men önce “Layers” penceremizde kategorilemeden bahsedelim. Tıpkı Windows klasör yapısında olduğu gibi “Layers” penceremiz içerisinde klasörler yaratıp birbiriyle ilişkili katmanlarımızı tek bir başlık altında toplayabiliriz. Bu-nun bize getireceği avantaj, grup halinde o klasörün içinde yer alan tüm katmanları hareket ettirmek, görünmez hale getirip diğer kesimlerde daha rahat çalışmayı sağlamak, klasör içinde yer alan tüm katmanlara ortak efekt vermek gibi pek çok kolaylıklardan oluşur. En önemli getirisi de düzenli görünümü sağlayıp daha hızlı hareket etmemize olanak sağlamasıdır.
Klasör açabilmek için “Layers” penceremizin en altında klasör görünümündeki soldan 3. simgeye tıklamak yeterli. Açtığımız her klasör “Set 1” den başlayarak numaralandırılır. Klasörlere isim vermek için tıpkı katmanlarda olduğu gibi isminin üzerine çift tıklamak yeterlidir. Katmanları klasörün içine taşı-mak için de tıpkı Windows’ta yaptığı-mız gibi sürükle bırak işlemi yapmamız işimizi görecektir..
Bu dersimizle birlikte tasarımımızın bizi zorlayacak kesimlerini de tamamlamış olduk.

Gökhan Savaşoğlu