--> S Gallery: Responsive jQuery Gallery Plugin with CSS3 Animations

Photographs © of Achmed Asit

You can use the arrow keys to navigate between images in the slideshow view, and the shift key to switch back from slideshow to Grid view

Find Plugin on Github Back to Article

Bir Sanal Site Paylaşımı

Katmerler(Layers) 2.

Bir Önceki derste eklediklerimize göre yapacağımız işlemleri burda sırası ile uygulayacağız. E-bilisim.net üyelerine uyarı. Düz okuyarak geçmeyin muhakkak okuduğunuz alanla ilgili pratik yapın.



Swatches Penceresinden Renklerimizi Seçebiliriz.



"Layer Order" Yaparken Layer Penceremizdeki İşlemler:



Palet de (Renk Seçim Aracı ), Üst renkleri (Foreground )seçiyoruz.



İmajımızı PSD Formatında kaydettikten sonra, Layer özelliklerini biraz daha inceleyelim.
Layer Penceresinden tuşuna basarak yada Layer > New > Layer ile yeni bir Layer açalım. (Shft+Ctrl+N ).
Layer Propertiesde Name kısmına, "Dikdörtgen" yazalım. Layer ımız seçili iken (Mavi Renk ) ( Göz ve Fırça açık - görünür olacak ), tekrar Tool Box dan Marquee Tool aracına gidip Rectangular Marquee Toolu seçerek - bu defa Shift tuşuna basılı tutmadan - istediğimiz büyüklükte bir Dikdörtgen çizelim. Eğer çizim sırasında Shift tuşunu basılı tutarsak çizimimizin Kare olacağını bir kez daha hatırlatalım. Dikdörtgenimizi boyamak için tekrar Swatches penceresinden bir renk seçelim. Bu defa Yeşili seçtik (RGB Green ). Bu defa Renk Değişim Aracında üstteki renk "Foreground" Yeşil oldu. Tekrar Tool Boxdan Paint Bucket Toolu seçip, imajımızda seçili olan dikdörtgenin içine tıklıyoruz. Layer Penceremizde Üçüncü Layerimiz olan "Dikdörtgen" isimli Layer ımız da da Yeşil renkte bir Dikdörtgenimiz oldu.
Önceden gördüğümüz gibi imajın içinde Layerleri -Layerlerin içindeki resimleri- sürükleyerek taşımak için Tool Box tan Move Tool aracını , seçip sürükleyerek taşıyorduk. Move Tool Aracının özelliklerinden bahsedersek, bu aracı seçtiğimizde, Tool Options Bara dikkat edersek, "Auto Select Layer" kutucuğunu görürsünüz. Şayet bu kutucuk işaretli değilse, Move Tool Aracını imajımızın içindeki herhangi bir resmin üzerinde sağ tuş ile tıklarsak o resmin hani Layer de olduğu en üstte olmak üzere altındaki bütün Layerlerin listesini gösterir. Buradan Layer Penceresindeki istediğiz Layeri seçebiliriz. Ancak bu kutucuk işaretli ise Move Tool Aracını hangi resim üzerine tıklarsak, Layer Penceresinde o resmin Layerini otomatik olarak seçer.



Üçüncü "Dikdörtgen" Layerımızı yaptık



Move Tool ile Tool Options Barda "Auto Select Layer"i Seçmek.



"Move Tool" da iken "Auto Select Layer" seçimini animasyonlu GÖRÜN Aşağıdaki resimde



Layer Penceresinde Layerlede bulunan göz şekline ise tıklarsanız, "Göz" ikonu kaybolur ve o layere ait resim imajımız da görünmez. Resmi tekrar görmek için "Gözün" kaybolduğu ikonuna tekrar tıklayıp "Göz" ikonunu aktif hale getirmemiz gereklidir. Yani istemediğimiz layerleri imajdan silip, sonradan pişman olmaktansa, "Göz" ikonu ile kapatıp, tekrar açabiliriz

Move Tool" Aracının Kullanımını animasyonlu görÜN



Layer Penceremizin Boyutlarını sağ alt köşesinde bulunan noktasından tutup çekerek -yandaki şekildeki gibi- büyültüp, küçültebiliriz.

İmajımızı, tekrar PSD Formatında kaydedelim ( File > Save )

Bitmedi Bi dahaki derse kadar bi çay arası verin.
Fazla sıkılmayın diye dersleri böldüm.
Umarım işinize yarar..
Ayrıca bu konularda sorun yaşarsanız

abeylerbeyi@windowslive.com

Bu Linke tıklayarak soru sorabilir ve en kısa sürede cevap alabilirsiniz.

 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol