MASAÜSTÜ YAYINCILIK (FLASH)

Transkript

1 MASKELEME MASAÜSTÜ YAYINCILIK (FLASH) Maskelemeyi daha iyi anlamak için şöyle düşünelim. Örneğin duvara bir yazı yazmak istesek önce bir şablon hazırlarız. Daha sonra fırça ile duvardaki yazıyı maske için görerek yazarız. Maskelemede böyledir. Elimizde bir maskemiz ve alttada bir resim vardır. Maske içinden resmi nasıl görmek istiyorsak maskemizi ona göre hazırlar resim üzerine kor yada gezdiririz. Bu amaçla gece karanlığında ormanda kuşları incelemek için elimizde bir fener olsun. Alacakaranlıkta feneri ormanda gezdirerek kuşları inceleyelim. Bunu anlatan bir animasyon yapalım. Öncelikle file import deyip kütüphanemize dışarıdan bir resim ekleyelim. Bu resim manzara resmimiz olsun Bilgisayarımızda uygun bir resmi seçtikten sonra bu resmi kütüphaneye atmış olacaktır. Ctrl+L deyip kütüphane penceresini açabiliriz. Orada bu resmi görüyoruzdur. Bu resmi sürükleyip canvas (sayfaya) atalım. Resmi Free Transform aracı ile küçültelim. Sol üst köşeyi canvasa sıfırlayalım. Daha sonra sag alt köşeden tutup canvas boyutlarına göre büyütelim. Köşeden mouse ile çekerken Shift + Alt tuşlarına basılı tutalım. Shift tuşu resmin orantısının bozulmasını engeller. Alt tuşu da köşeden bir tarafa doğru çekmemizi sağlar. 1

2 Kuş resmimiz sayfaya tam olarak oturduktan sonra bu layerın adını Kuş layerı olarak degiştirilim. Daha sonra yeni oluşturacağımız layerla karıştırmamız için gözünü ve kilidini kapatalım. Bu layer üzerinde sağ tuşa tıklayıp Insert Layer deyip yeni bir layer daha oluşturalım. Yeni oluşturduğumuz layerın adını Fener olarak degiştirelim. (Degiştirmek için üzerine iki kez tıklayın). Daha sonra fener olarak kullanmak üzere bir daire çizelim. Bu dairenin kenar çizgisi olmasın. Bunun için kenar renk paletinden resimde 4 numara ile gösterilen yere tıklayalım. İçerisi herhangi bir renkte olan bir daire çizelim. Bu daireyi seçip F8 ile Graphic symbol haline getirelim. Böylece bu nesneyi hareket ettirebileceğiz. 40. freme üzerinde mouse sağ tuşuna tıklayıp Insert Keyframe seçip bu dairenin bir kopyasını çıkaralım. Bu 40 framede daire ekranın sağ üst köşesinde olsun (2 numaralı nokta). Buraya sürükleyelim. Daireye hareket verebilmek için 1-40 arasındaki framelerden birine tıklayalım. Aşağıdan properties penceresinden Tween>Motion seçelim. Böylece daire ekranın sol attan (1. Frame) sağ üst köşeye (40. Frame) hareket etmiş olacaktır. Bunu fener ışığı olarak kullanacağız. 2

3 Attaki kuş layerının da gözünü ve kilidini açıp animasyonu izleyelim (Ctrl+Enter). Kuş layerı 1. Framede gözükecek daha sonrakilerde gözükmeyecektir. Çünkü zaman eksenine bakarsak 1 den sonra devam etmemiştir. Bunu sağlamak için bu layera geçip 40 layer üzerinde sağtuşa tıklayıp Insert Keyframe seçelim. 1 den 40 kadar kuşun kopyasını çıkaracaktır. Fener layerına tıklayıp bu layerın tipini Mask (maske) layerına dönüştürelim. Bunun için layer üzerinde sağ tuşa tıklayalım. Açılan pencereden en altta Properties seçelim. Daha sonra açılan yeni pencerede Mask seçeneğini seçelim. Alttaki kuş layerını maskelenmiş layer yapalım. Bunun için layer üzerine sağ tuşa tıklayıp açılan pencerede Properties kısmından Masked (maskelenmiş) özelliğini ayarlayalım. Artık layerlarımızın birisi maske diğeri maskelenmi oluyor. Ctrl+Enter ile denersek bu iki layer maskeleme olarak çalışmamış oluyor. Bunu sağlamak için her iki layerı da kilitleyelim. Böylece maskeleme işlemi çalışmış olmaktadır. 3

4 Burada dikkat edersek animasyon istediğimiz şekilde degildir. Burada kuşun etrafındaki manzaranında gece karanlığı şeklinde gözükmesini feneri tuttuğumuz yerlerin daha aydınlık olmasını isteriz. Oysa sadece feneri tuttuğumuz bölge gözükmekted ve etraf boş olarak gözükmektedir. Animasyonu istediğimiz şekle getirmek için bir layer daha ekleyelim. Bu layera aynı manzara resmimizi bir daha kopyalayalım. Bu kopyanın olduğu layerın ışığını düşürelim. Böylece bu layer dairenin dışında gözükecek ve gece karanlığı görüntüsünü verecektir. Burada şuna dikkat etmek lazım. Dairenin içindeki görüntü Kuş layerından gelmekte, dışındaki görüntü ise yeni eklenenmanzara layerından gelecektir. Bu nedenle her iki manzara resmide aynı konumda olmalıki dairenin içindeki ve dışındaki resimler kaymamış olsun. Aynı konuma kopyalama yapabilmek için Shift tuşunu kullanalım. Şimdi bu işlemleri adım adım yapalım. Fener layerının üzerine sağ tuşa tıklayıp Insert Layer seçelim ve yeni bir layer oluşturalım. Adını manzara layerı olarak degiştirelim. Üzerine sağ tuşa tıklayıp properties kısmından özelliğini Normal layer olarak ayarlayalım. Kuşun olduğu layera geçelim. Resmi seçip Ctrl+C ile kopyalayalım. Daha sonra manzara layerına geçip Shift + Ctrl + V deyip yapıştıralım. Buradaki Shift tuşu aynı konuma resmi kopyalamamızı sağlar. Manzara layerındaki bu resmin ışığını düşürmemiz lazım. Fakat resim seçili iken properties penceresinde bununla ilgili bir ayar gözükmüyor. Bunu sağlamak için resmimizi F8 ile Graphic Symbol ü haline getirmeliyiz. Daha sonrasında ışığını azaltabileceğiz. 4

5 F8 ile grafik sembolü haline getirdikten sonra artık aşağıdaki properties penceresinden ışığı ayarlayabileceğimiz bölüm gözükmeye başladı. Burada Color>Brightness kısmından ışığını azaltalım. Manzara layerının en altta bulunması lazım. Fakat bu layerı aşağıya sürüklediğimizde buda maskelenmiş layer özelliği kazanıyor. Bunu normal layer yapmak için üzerinde mouse sağ tuşuna basalım. Ve Normal seçeneğini seçelim. Bu işlemden sonra layer içeride girintili durmayacaktır. Artık animasyonumuz tamam demektir. Ctrl + Enter a tıklarsak animasyonu izleyebiliriz. Fener karanlık bir ortamda hareket edip içerisindeki bölgede kuşu görüntüleyecektir. Dıştaki karanlık resim Manzara layerından geliyor, içteki aydınlık resim ise Kuş layerından gelmektedir. Bu prensibe de dikkat edelim. 5

6 Mouse Hareketli Maskeleme (İnternetten, kendi anlatımımla düzenlenecek) Artık bir film klibini diğer bir klip üzerinde maske olarak kullanma şansına sahip olduk. Bu işlem için katmanlara mask veya masked özelliği vermemiz de gerekmiyor. Timeline`na şu komutu yazmamız yeterli: maskelenen_klip.setmask(maskeleyen_klip); Aşağıdaki swf dosyası sadece tek actionscript komutu ile hazırlanmış basit bir dosyadır. Lütfen farenizi dosya üzerinde dolaştırın. Gördüğünüz gibi fareye yapışan bir film klibinin altındaki maskelenen klibe ait renkli örnek gözlenmektedir. Oluşumunu görelim: 1- Önce kullanılacak 2 resmi hazırlayalım. Burada filmin negatif örneğini hazırlamak için ayrı bir resim programı kullanıl mıştır. Fakat siz isterseniz benzer bir işlemi flash ile de yapabilirsiniz. Renkli resmi bir film klibi içine alıp properties panelinde brightness veya tint değerleri ile oynayarak istediğiniz özellikte bir resim ayarlaması yapabilirsiniz. 2-Flash programımızı açıp File-->Import Library komutu ile heriki resim örneğini sahneye değilde doğrudan kütüphaneye alalım. Sonra bunlardan klip yapacağız. 3-Insert-->New symbol komutu verelim, davranış olarak klip seçeneğini kullanalım. Sahneye oval aracını seçerek kenar çizgisi olmayan daire şeklinde bir dolgu çizelim. Bunu maske olarak kullanacağız.film klibinin adını maske olarak ayarla yın. 4- Tekrar bir film klibi oluşturun. Buraya renkli resmi alın. Bu klibin adını da açık_resim olarak yazın. 5-Üçüncü kez yeni bir klip açın buraya koyu renkli resmi alın ve klibin adını koyu_resim olarak yazın ve son kez yeni bir klip oluşturun. Adını maske_resim olarak ayarlayın.buraya açık_resim klibinikütüphaneden çekerek ekleyin. Örnek adı (instance name) olarak yine acik_resim adını verin. 7. İkinci bir katmanı en üst kısma yerleştirin. Buraya da sahneden maske klibini çekin. Örnek adı (intance name) olarak maske yazın. 3. katmanı ekleyin ve 1. kareyi seçerek action script panelini açın: acik_resim.setmask(maske); 6

7 komutunu yazın. Bu komutla maske klibi açık_resim klibi üzerinde maske gibi çalışacaktır. Katmanlara mask ve masked işlemi uygulamanıza gerek yoktur. 7-Herşey hazır. Hala ana sahnenin tamamen boş olduğuna dikkat edin. Ana sahneyi açın. koyu_resim klibini kütüphane den sahneye alın. Üste yeni bir katman ekleyin. İçinde maske ve açık_resim kliplerini içeren maske_resim film klibini sahneye alın. Üstteki renkli resim ile alttaki koyu resmin çizgilerinin tam üst üste gelmesine çok dikkat edin. Bu klibe örnek adı olarak maske_resim adını verin. En üste 3. katmanı ekleyin. Action script panelini açın. Şu komutu ekleyin: startdrag(_root.maske_resim.maske,true); Bu komutla maske_resim içindeki maske klibi imleçin ucuna yapışacaktır. 8- Herşey hazır, filmi test edebilirsiniz. Flash ile yapılabilecek maskeleme tekniğinin hepsi böyle değildir. Buna ait birçok örneği web`de bulabilirsiniz. Hazırladığımız örnek Flash gücünü görmeniz için oluşturulmuştur. 7