Flash’a Giriş
18 Aralık 2007 |
10 Yorum
3 kez puan verildi, Ortalama: 5 (5 üzerinden)
Loading ...Sayfalar: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
MASKELEME
Banka zarflarının veya telefon faturalarının üzerinde adres olması gerekir. Adres kısmı aslında mektuptadır ama zarfın dışı şeffaf olduğu için zarf açılmadan da görülür. Grafik programlarındaki maskeleme mantığı da buna benzer. Maskeleme yapılırken iki şekil kullanılır. Flash’ta maske ile beraber animasyon kullanılabilir.
Maskeleme yapabilmek için en az iki katman gerekir. Alttaki katmana resim, üstteki katmana ise maskeyi oluşturacak şekil konulur. Üste maske şekli çizilir. Sonra maske katmanı sağ tıklanır ve Mask komutu verilir. İki katman da maskeleme işleminden sonra kilitlenir. Katmanlardan herhangi birinin kilidi açılırsa maskeleme tasarım zamanında iptal edilir. Maskelemeyi tamamen iptal etmek için layer’a sağ tıklanır ve Mask’ın yanındaki işaret kaldırılır.
Dışarıdan resim almak için File/Import/Import to stage(Ctrl+R) komutu kullanılır. Biz yapacağımız uygulama, Windows Xp ile beraber otomatik yüklenen resimlerden kış resmini kullanacağız. Resmi sahneye getirdikten sonra Align Paletinden Match Width and Height seçeneği To Stage işaretli iken seçilirse, resim ile sahne aynı boyuta gelir. X ve y koordinatı farkından sahne ile eşleşme olmayabilir. Bu sorun da Align left edge ve Align top edge komutları ile halledilir.
Dürbün efekti yapmak için zemin ve maske isimli iki katman oluşturulur. Yukarıdaki işlemler yapılarak kış resmi zemin katmanına getirilir ve bu katman kilitlenir. Daha sonra maske katmanına geçilip bir tane daire çizilir. Bu daire seçilir ve Alt ile Shift basılı iken bir kopyası çıkarılıp yan tarafa kaydırılır. Bu şekilde dürbün görünümü oluşturulmuş olur. Maskeleme yapabilmek için maske katmanı sağ tıklanır ve Maske komutu verilir.
Şimdi bu maskeye biraz animasyon katalım. 15. frame’e gidip F6 yapılır. Dürbün şekli sağa çekilir. 30. frame’e gidip F6 yapılır, dürbün aşağıya çekilir. 45. frame’e gidip F6 yapılıp dürbün yukarı çekilir. 60. frame’e gidilip F6 yapılıp free transfom tool ile dürbün şekli büyütülür. Daha sonra as katmanı oluşturur ve F9 tuşuna basılır. Action Script yazma bölümünde Esc+st kısayolu ile Stop eklenir.
Şimdi de Action Script ile yöneteceğimiz bir spot efekti yapalım. Bunu yapabilmek için öncelikle yukarıdan aşağıya sırayla as, maske, zemin, bulanik zemin katmanları oluşturulur. Zemin ve bulanik zemin katmanlarına gün batımı resmi eklenir. Bulanik resim katmanındaki resim Movie Clip’e çevrilir ve Movie Clip’e Blur efekti uygulanır. Sonra da bu Movie Clip’in Alpha değer 60’a ayarlanır. Maske katmanına ise bir daire çizilir. Bu daire de Movie Clip’e çevrilir. Action Script’te Movie Clip’lere ait özellikleri otomatik olarak kullanabilmek için _mc son eki kullanılır. Dolayısıyla bu nesneye mercek_mc adı verilir. Daha sonra maske katmanı maskelenir. Fareyle spotu sürüklemek için as katmanında aşağıdaki kod yazılır:
mercek_mc.onPress=function(){
Mouse.hide();
this.startDrag();
}
mercek_mc.onRelease=function(){
this.stopDrag();
Mouse.show();
}
mercek_mc.onReleaseOutside=function(){
this.stopDrag;
Mouse.show();
}
onEnterFrame olayı Action Script’te döngü oluşturmak için kullanılır. Bu şekilde iki katmanın x ve y’lerini eşitleyip aynı şekilde hareket etmeleri sağlanabilir.
mercek2_mc.OnEnterFrame=function() {
this._x=mercek_mc._x;
this._y=mercek_mc._y;
}
Action Script ekranındaki mavi ok ile Syntax Check kontrolü yapılır. Auto format düğmesi ile de girinti çıkıntı ve noktalı virgüller ayarlanır.
Denizde dalgalanma efekti oluşturmak için şunlar yapılır. Dışarıdan günbatımı.jpg alınır, boyut sahne ile aynı yapılır. Katmana zemin adı verilir. Üste bir katman daha oluşturulup maske adı verilir ve resim aynen bu katmana da kopyalanır. Maske katmanında Ctrl+F8 ile yeni bir Movie Clip Symbol oluşturulur. Daha sonra Line aracı ile bu Movie Clip’in içine resmin eni büyüklüğünde rastgele kalınlıkta çizgiler çizilir. Bu çizgilerin dolgudan oluşması gerekir. Mask eklenir. 15 ve 30’a ana keyframe eklenip, çizgilerin yeri oynatılır. Motion Tween yapılarak dalgalanma efekti bitirilir. Görünmezse resimlerden birinin ya yüksekliği değiştirilir, ya da hafifçe aşağı veya yukarı kaydırılır.
Maske ile açılma efekti vermek için şunlar yapılır. Sırasıyla dikdörtgen ve resim katmanları oluşturulur. Resim’e nilüfer çiçekleri getirilip sahne ile aynı boyuta ayarlanır. Dikdörtgen katmanında resimle aynı boyutta bir dikdörtgen çizilir. 40. kareye F6 ile anahtar kare eklenir. İlk anahtar kareye dönülür. Dikdörtgenin yüksekliği 1 verilir ve sahnenin ortasına ortalanır. Daha sonra Shape Tween yapılınca renkli açılma efekti olur. Dikdörtgen katmanına mask uygulandığında ise beyaz bir açılma efekti olur.
Sayfalar: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
Yazdır
| 9,794 Görüntülenme | Kategori: Flash & Action Script & Flex & Silverlight, Web Grafik Tasarımı | 
Geri İzleme
Etiketler: flash, temel, girişBenzer Yazılar
Yorum Yap
XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Yazarlar
