Timeline Efektleri

Timeline efektleri Flash8 versiyonun tamamen aynısıdır. Bu nedenle aynı bilgiler olduğu gibi bu linke aktarılmıştır.

Şimdi timeline efektlerinin özelliklerini inceleyelim:

Yukarda gördüğünüz gibi efektlere 2 yolla ulaşılır:

1- Insert-->Timeline Effects
2- Sahnedeki obje üzerine sağ klik yaparak.

3 tür efekt grubu vardır,bunları sırasıyla inceleyelim:

Assistants/ Copy to Grid:

Bu efekt seçilen nesneyi ayarlanan sayıda kolon ve sütunlar şeklinde kopyalar:

Üst bölümden oluşturulacak kolon ve sütun sayısı alttan ise kopyalanan objelerin arasındaki boşluğu düzenleyebilirsiniz.Ortadaki resimde gördüğünüz gibi İlk kopya asıl objenin üzerinde oluşur.Panelde yaptığınız ayarlamalar hemen görünüm alanına yansımaz,gerekli eklentileri yaptıktan sonra panelin sağ üst tarafında resimde de gördüğünüz update preview butonuna basmanız gerekecektir.

Assistants/ Distrubuted Duplicate:

Tek sıralı bir duplikasyon oluşturur.

Number of Copies: Kaç kopya yapılacağı ayarlanır. (asıl obje efekt sonucunda koybolup yerini ilk kopyaya bırakır)
Offset Distance: Kopyaların x ve y koordinatını ayarlar
Offset Rotation: Her kopyanın kaçar derece açı ile rotasyon yapacağını denetler.Buradaki rotasyon bir önceki kopyaya göre ayarlandığından dönme işlemi katlanarak devam eder.
Offset Start Frame: Her kopya arasına kaç frame ekleneceğini ayarlar.Böylece animasyonun hızı denetlenmiş olur.
Scaling menüsü: Açılır menüden kopyalar üzerinde 2 çeşit ölçekleme sağlanır.
Kilit üzerine tıkladığınızda scale uygulanacak x ve y değerlerini yazma şansına sahip olabilirsiniz.
Alttaki menülerden renk duplikasyon esnasında renk değiştirme ve en altta alfa değeri ile oynama imkanı tanınmıştır.

Efekt tamamlandıktan sonra kütüphaneyi açarak efekt uygulanan grafiye ulaşabilirsiniz.Bu grafiyi sahnede açtığınızda yukardaki resimde de göreceğiniz gibi flashın tüm kareleri ayrı bir layera yerleştirdiğini görürsünüz.Yani bizim flash-MX de manuel olarak yapacağımız çalışmanın aynısın otomatik olarak oluşturur. Bu diğer efektlerde de aynıdır.Efekt uygulamasından sonra kütüphaneden bu animasyonarı incelemenizi öneririm.

Effects/ Blur:

Otomatik olarak motion tween, alfa ve scale uygulaması ile pratik yöntemle blur efekti oluşturur.

Kütüphaneden blur efekti uygulanan grafiyi sahneye açarsanız yaklaşık 31 layer ile bu işlemin hazırlandığını görürsünüz.Basit uygulamalarda pratik kolaylık sağlar

Uygulama paneli oldukça basittir.Efekti oluşturacak frame sayısı, animasyonun resolüsyonu, yatay ve dikey doğrultuda uygulananıp uygulanmayacağı ayarlanabilir.

Effects/ Drop Shadow:

Mx versiyonunda yaptığımız işlem şu idi: Önce çizimi yapıp copy-->paste yöntemi ile alta yerleştirilen bir layera aynı koordinatlara çalışmayı yapıştırıp sonra bu kopyayı bir-iki piksel sola ve alta kaydırıp istenilen renkle ve alfa efekti ile oluşturuyorduk. Bu çalışmayı artık flash üstleniyor.Pratik yararı olabilecek bir efekt.

Panel yine oldukça basit.Gölgenin renk ayarı, alfa özelliği ve kaç piksel kaydırılacağı ayarlanıyor.

Effects/ Expand:

Bu efekti uygulayabilmeniz için sahnedeki çalışmanın mutlaka bir sembol olması gerekir.Çizimlere bu uygulama yapılamıyor.Uygulanan efekt basit.Bir grafiyi istenilen boyutlarda sıkıştırmak ,genişletmek veya aynı anda iki efektide uygulamak.Bildiğimiz tek layerlık basit bir motion tween efekti.Pratik fayda sağlamayan bir uygulama.

Effect duration: Ana sahnedeki efektin frame sayısı
Expand-Squeeze ve Both: Efekt sırasında sembolün genişlemesi, daralması veya her ikisinin aynı anda uygulanması sağlanır
Shift group center by: Genişleme ve şıkışma efekti oluşumu sırasında belli koordinatlarda sembolün yer değiştirmesini istiyorsanız bu alanlara değer girersiniz.
Change Fragment Size by: Anaimasyon boyunca genişleme veya sıkışma oranını bu alandan ayarlayabilirsiniz.

Effects/ Explode:

Sık istek alan bir animasyondur. Bu uygulamayı bir sembol üzerinde uyguladığınızda output paneli açılarak sembole break apart işlemi yapıldığı uyarısını verir.

Panelden animasyonun frame sayısını oluşan parçaların hangi yönde dağılacağını, dağılma sırasında parçaların hareket edeceği arkın pixel değerini, bu parçaların dağılım sırasında yapacağı rotasyonu, dağılan parçaların boyutlarını ve alfa değerlerini ayarlamanız mümkündür. Swish`deki kadar etkili bir görüntü oluşturabilen bir efekt uygulaması değil.

Transform:

Effect Duration: Uygulanancak efekteki frame sayısı
Change Position by: Verilen x ve y değeri kadar kaydırma sağlar.Örneğin X=5 ve y=10 değeri yazmışsanız x değerinde 5 y değerinde 10 piksellik kayma sağlar
Movie to Position: Ana sahnede verdiğiniz x ve y koordinatına doğru hareket eder.Örneğin yukardaki gibi 5 ve 10 değeri vermişseniz; bulunduğu alandan bu koordinatlara doğru hareket eder.Bir üstteki çalışmada ise verilen değerdeki koordinatlara doğru hareket değil sadece o değerler kadar sağa ya da sola kayma gösterir.
Scale: Hemen yanındaki kilit üzerine tıkladığınızda y scale alanıda açılır ve hareket sırasında ölçekleme yapılabilir.
Rotate-Spin-Time:hareket sırasında sembolün rotasyonunu ve time alanından yönü ayarlanır.
Change Color: Efektte renk dönüşümü olmasını isterseniz bu alanı işaretleyip bir renk ayarı atamalısınız.
Final Alpha: Bir üstteki gibidir.Alfa efekti eklentisini sağlar.
Motion Ease: Bildiğiniz başlangıçta veya sonuna doğru efektin yavaşlaması veya hızlanmasını ayarlar.

Transition:

Dönüşüm efekleri silme ve solma işlemlerini yapar. İn ve out işlemi içerden ya da dışardan başlamasını ayarlar. Hemen yandaki panelden solma veya silme efektinin yönü ayarlanır ve son olarakta anaimasyonun başlangıçta ya da sonda hız ayarı oluşturulabilir.hem fade hem de wipe efektini aynı anda kullanmanızda mümkündür.

Kalıcı Bağlantı Yorum (yok) Yorum yaz!

Bir nesneyi mause yardımıyla hareket ettirme

Klibi hazırlamak oldukça basittir. Swf dosyası sürüklenecek bir film klibi ve hedef film klibi hazırlamak yeterli olacaktır.

1- Önce bir grafik veya animated gif dosyası hazırlayalım. Bu sürüklenen klibi oluşturacaktır. Flash ta yeni bir movie clip açalım ve import komutu ile dosyayı flash içine alalım. Bu klibi sahneye yerleştirelim. İnstance name kısmına tavsan yazalım.

2- Yeni bir klip açalım. Bu hedef kliptir. Oval aracı ile bir elips çizelim. Ve sahneye yerleştirelim.İnstance name= delik

3- Şu an sahnede 2 klip var (tavsan ve delik )

4- Alttaki kodları biliyorsunuz artık. Tavsan kibine şu komutu atayalım:

tavsan.buttonMode = true;
tavsan.addEventListener(MouseEvent.MOUSE_DOWN, mouseDown)

function mouseDown(event:MouseEvent):void {
tavsan.startDrag();
}
tavsan.addEventListener(MouseEvent.MOUSE_UP, mouseReleased);

function mouseReleased(event:MouseEvent):void {
tavsan.stopDrag();
if (event.target.dropTarget != null ) {
tavsan.visible=false;
}
else {
tavsan.x=450;
tavsan.y=250;
}
}

Görülmez buton oluşturmadan bir film klibine klip_adi.buttonMode = true; komutu eklerseniz fare klip üzerine geldiğinde el işareti çıkacaktır. Kodlarda da gördüğünüz gibi _dropTarget komutu yerine actionscript3 de dropTarget komutu kullnılmaktadır.Bu komuda ait parametrelerde aynı şekilde değiştirilmiştir.

Kalıcı Bağlantı Yorum (yok) Yorum yaz!

Butonla belli bir alanda renk değişimi

Bu örnekte Flash8 kodu olan setRGB yöntemi bırakılmış, yerine colorTransform sınıfı kullanılmıştır.

1- Önce rengini değiştireceğiniz grafiği tesbit edin. File > Import > Import to stage komutu ile sahne içine alın. CTRL+B ile sembol özelliğini kırın.

2- Lasso aracını seçin. Alttaki seçeneklerden Magic Wand kısmı seçin. Sembol özelliği kırılmış resmin iç kısmına tıklayın , sarı renkte olan dolgu kısmı seçilecektir.

3- Cut komutu ile iç dolguyu kesin New Symbol komutu ile bir film klibi oluşturup dolguyu buraya yapıştırın. Şimdi rengini değiştireceğimiz iç dolguyu içeren film klibimiz hazır. Sahneye dönün, yeni bir katman ekleyin ve dolguyu içeren klibini sadece dış şekli kalmış resmin tam üzerine yerleştirin.

4- Bu klibe bir örnek adı verin. ( Biz kopek adını kullandık)

5- Üç buton hazırlayalım ve sahneye yerleştirelim. Butonların rengi için klibi boyamayı düşündüğümüz rengi kullandık.

6- Butonlara properties panelinden sırası ile mavi , yesil , pembe isimlerini atayalım. Ana timeline 1.kareye şu kodları yazıp filmi test edin.

mavi.addEventListener(MouseEvent.CLICK, mavi_yap);

function mavi_yap(event:MouseEvent):void {
var yeni_renk1:ColorTransform = new ColorTransform();
yeni_renk1.redOffset = -255
yeni_renk1.greenOffset = -68
yeni_renk1.blueOffset = 255
kopek.transform.colorTransform = yeni_renk1;
}

yesil.addEventListener(MouseEvent.CLICK, yesil_yap);

function yesil_yap(event:MouseEvent):void {
var yeni_renk2:ColorTransform = new ColorTransform();
yeni_renk2.redOffset = -255
yeni_renk2.greenOffset = 255
yeni_renk2.blueOffset = -68
kopek.transform.colorTransform = yeni_renk2;
}

pembe.addEventListener(MouseEvent.CLICK, pembe_yap);

function pembe_yap(event:MouseEvent):void {
var yeni_renk3:ColorTransform = new ColorTransform();
yeni_renk3.redOffset = 68
yeni_renk3.greenOffset = -255
yeni_renk3.blueOffset = 255
kopek.transform.colorTransform = yeni_renk3;
}

Kalıcı Bağlantı Yorum (yok) Yorum yaz!

Buton kullanarak resmi parçalama

Bu örneğin hazırlanması oldukça kolaydır. Önce kullanacağınız resmi hazırlayın.

1- Flash`ta yeni bir sayfa açın. File > Import komutu ile resmi flash içine alın. Resmi seçin ve CTRL+B tuşuna basarak sembol özelliğini kırın.

2- Line aracını ve vurgu rengi olarak arkaplan rengi olan beyazı seçin. Yukarıdan aşağıya ve soldan sağa doğru grafik üzerine iki çizgi çekin. Bu yöntemle grafi 4 parçaya ayrılmış olacaktır.

3- Ok aracı ile sağ-üst parçaya tıklayıp seçin, F8`e basarak film klibine çevirin. Diğer parçaları da film klibine çevirin.

4- Herbir klibi seçerek instance name ekleyelim. ( sag_ust, sag_alt, sol_ust, sol_alt )

5- Bir buton hazırlayalım. Her parçanın hareketi için sahneye 4 tane buton yerleştirelim.

6- Butonları sırası ile seçip properties panelinden şu isimleri atayalım:

solustbt , solaltbt , sagustbt , sagalttbt

7- Ana timeline 1.kareye şu kodları atayıp filmi test edin:

solustbt.addEventListener(MouseEvent.CLICK, git1);
function git1(event:MouseEvent):void {
sol_ust.x=100;
sol_ust.y=100;
}
solaltbt.addEventListener(MouseEvent.CLICK, git2);
function git2(event:MouseEvent):void {
sol_alt.x=50;
sol_alt.y=50;
}
sagustbt.addEventListener(MouseEvent.CLICK, git3);
function git3(event:MouseEvent):void {
sag_ust.x=150;
sag_ust.y=150;
}
sagaltbt.addEventListener(MouseEvent.CLICK, git4);
function git4(event:MouseEvent):void {
sag_alt.x=200;
sag_alt.y=200;
}

Kalıcı Bağlantı Yorum (yok) Yorum yaz!

Flashda göz kımıldatma

Bu örneğimizde biri kurukafa diğeri göz olmak üzere 2 movie klip ve göz klibine eklenen bir görünmez buton mev cuttur.

1- Önce Insert > New Symbol komutunu verelim ve davranış olarak movie clip`i seçelim. İmport komutu ile hazırlanmış olan anime gif`i flash içine alalım.

2- Göz klibini oluşturalım. Yeni bir klip sahnesi açarak oval aracı ve renk olarak radial gradient yardımıyla göz küresini oluşturalım. CTRL+G ile gruplayalım. Üstte yeni bir katman ekleyelim, yine oval aracı ile göz bebeğini hazırlayalım.
Bunu da seçip gruplayalım.

3- Birinci katmanda 3. kareyi seçip insert frame komutunu verelim. 4.kareye bir keyframe ekleyelim ve göz bebeğini yön tuşlarıyla sola alalım. 6.kareye insert frame komutunu verelim.

4- 7.kareye bir keyframe ekleyelim. Göz bebeğini 1.karedeki gibi ortaya alalım. 9.kareye tekrar insert frame komutunu verelim.

5- 10.kareye keyframe ekleyelim göz bebeğini sağa alalım, 13. kareye frame ekleyelim.

6- İkinci katmandaki 13.kareye de insert frame komutunu verelim.Timeline görüntüsü şöyle olacaktır.

7- Şimdi sahneye dönelim. Sahne henüz boştur. Kütüphaneden kurukafa filmimizi sahnede uygun bir yere yerleştirelim. Kütüphaneden göz filmimizi alıp kurukafanın göz boşluklarından birine yerleştirelim. Boyutu büyük gelirse scala ile ayarlayalım. CTRL tuşuna basılı tutarak göz klibini tutarak sürükleyelim. Bir göz örneğimiz daha oldu.(Klibi çoğaltmanın pratik bir yoludur)
Bunu da öbür göz boşluğuna yerleştirelim. Şimdi heriki gözü seçip F8`e basalım ve davranış olarak movie clip seçimi ni yapalım. Properties panelinden bu göz klibine gozler ismini atayalım.Bu şekilde davranmamızın nedeni göz klibinde heriki göz arasındaki mesafe ayarını tam yapabilmek içindir.

8- Kütüphaneden bu iki gözlü klibi açalım. Hazırlamış olduğumuz görünmez butonu( sadece hit alanında şekil içerir.) gözlerin üzerine yerleştirelim.Properties panelinden bu butona gozbuton ismini atayalım. Görünmez butonun kullanılmsındaki neden klip üzerine gelindiğinde el işaretinin çıkması içindir. Aslında bu işleme gerek kalmadan sadece kod ile el işaretini yapmak mümkün. Örnek7 de bu işleme ait kodu görebilirsiniz.

9-Anasahneye dönüp timeline üzerindeki tek kareyi seçip şu komutu atayalım:

// Gozler klibi içindeki gozbuton üzerine fare ile basıldığında cek fonksiyonu çalışır. gozler.gozbuton.addEventListener(MouseEvent.MOUSE_DOWN, cek);

// Gozler klibi içindeki gozbuton üzerinde fare tuşuna basmayı bırakınca birak fonksiyonu çalışır.
gozler.gozbuton.addEventListener(MouseEvent.MOUSE_UP, birak);

function cek(event:MouseEvent):void {
gozler.startDrag();
}
function birak(event:MouseEvent):void {
gozler.stopDrag();
}

10- Sahnedeki gözü kurukafadan ayrı bir yere alalım. Filmimizi test edelim.

Kalıcı Bağlantı Yorum (yok) Yorum yaz!