Flashmax effect- iç içe Harika Daireler-”Resimli Anlatım”

Merhaba arkadaşlar el boşluğundan olsa gerek bugün size belkide hiçbir işe yaramayacak ama seyretmesi çok hoş olacak bir örnek sunacağım.
Dersimize başlamadan önce şunu belirtmeliyim ki bir miktar flash bilgisine ve bir flash programına sahip olmanız gerekiyor (Çünkü kopyala yapıştırı sadece word ve not pad de gören yeni yetme veletler -abi bir bu “insert” tuşunu bulamadık diye cevap döşendirmesinler )

Ön izlemeyi buradan yapabilirsiniz

DERS:

1. Öncelikle flash programımızı açalım ve yeni bir iş başlatalım(file–>new). as 2.0 iş yapacağız 3.0 da çalışmaz

2. Oluşan sahnenin özelliklerini açalım(properties) ve aşağıdaki ayarları uygulayalım
- Sahne boyutu 300X300
- Sahne rengi–> siyah
- Sahne hızı(frame rate)–> 30

properties

3. Bu ayarları yapdıktan sonra “tool” dan “oval tool” seçelim ve sahneye çerçevesiz bir daire çizelim bu dairenin rengi beyaz olmalıdır( çizim sırasında “shift” tuşuna basılırsa tam bir daire oluşur)

4. oluşturduğumuz bu direnin içine birkez tıklayalım ve ortaya hizalayalım “align”.

5. Bundan sonra sahnenin ortasındaki daireye birkere daha tıklayalım daire seçili durumdayken “F8″ tuşuna basalım ekrana gelen pencereden ayarları yapalım.
- Name –> Flashmax
- Type –> Movie clip
- Registration –> ortadaki kareyi işaretleyelim.
- “ok” diyerek bu pencereyi kapatalım
Durum: şimdi elimizde 300X300 ebatında, filim hızı 30 sn/kare olan siyah zemine sahip bir sahnede ismi flashmax olan beyaz bir movie clip oldu.
6. flashmax ismindeki movie clip e tekrar tıklayalım ve yine “F8″ yapalım aynı pencere tekrar gelir bu sefer ayarları şöyle yapalım.
- Name –> Flashmax_efx
- Type –> Movie clip
- Registration –> ortadaki kareyi işaretleyelim.
- “ok” diyerek bu pencereyi kapatalım.
O meşhur pencere

7. şimdi en üstteki “time line” penceresinden yeni bir “layer” oluşturalım. bu “layer” in 1. karesine bir kere tıklayalım ardından aşağıdan “actions” penceresini açalım(eğer aşağıda properties sekmesinde yoksa F9 yapın gelir) ve oraya şu kodları yapıştıralım.


// Tasarımı Yapan “ww.flashmax.org”
stop();
flashmax_efx._visible = false;
var dön:Number = 0;
var nokta_sayısı:Number = 0;
nokta_sayısı=3000;
for( 1; dön < nokta_sayısı; dön++ )
{
flashmax_efx.duplicateMovieClip(”nokta”+dön, dön);
this["nokta"+dön]._rotation = Math.floor(Math.random() * 360);
this["nokta"+dön].gotoAndPlay( Math.floor(Math.random() * flashmax_efx._totalframes) );
}

Yukarıdaki kodları tektek açıklamak istiyorum.
a. Bu satırı anlatmama gerek yok fakat başındaki “//” işareti flash AS e bu satırı dikkate alma demek olur. Yani bu satır sadece hatırlatma amaçlıdır.
b. Bu satır bütün sahneyi sadece 1. frame de tutmak içindir.
c. Daha önce oluşturduğumuz flashmax_efx movie clibini görülmez yapıyoruz.
d./ e./ f. Bu satırlarda dön ve nokta_sayısı adında iki değişken oluşturup bunları number cinsinden tanımlıyoruz. Daha sanrada nokta_sayısının değerini 3000 olarak belirliyoruz.(Bu sayı efektimizi daha iyi oluşmasını sağlar fakat abartmamanızı tavsiye ederim bilg cortlayabilir )
g. bu satırın tükçesi aynen şöyledir–> “1;” 1 den başlayarak, “dön < nokta_sayısı;” nokta_sayısı değişkeninde verilen değer kadar kendini tekrarla bu arada, “dön++” dön değişkenini her tekrarlama sırasında bir değer artır.
h. flashmax_efx movie clibini çoğalt adı ise “nokta+dön” olsun derinliği de dön değişkeniyle belirtilen değer olsun.(not; adı nokta1,nokta2,nokta3…. gb olacaktır derinliğide 1. basamak 2. basamak…. gb olacaktır.
ı. Yeni oluşturduğumuz movie clibi 360 derecenin 1 derecelik açısı kadar döndür( dikkat ederseniz bu döngü 360 kere tekrarlanınca bizim movie mevlana oluyor )
j. yeni oluşan movie clibi, yine bu movie clibin toplam frame ine bağlı olarak rast gele bir frame inden oynat.(cümleye bak Allahım. Al canımıda kurtulayım).

Durum: sahnemizde 2 adet frame var alltakinde flashmax_efx movi clibi var üsttekinde 7. bölümde yazdığımız as codlarının olduğu kare var.

8. şimdi ana sahnemizden flashmax_efx adlı movie cilibimizi seçiyoruz ve özellikler “properties” sekmesinden bu movie clibin “instance name” ini “flashmax_efx” yapıyoruz.

9. Buraya kadar herşey düzgün gittiyse az kaldığını bildirmeliyim. tebrikler.

10. şimdi “libray” penceresini açalım ve “flashmax_efx” mc(movie clip) ine çift tıklayalım ve mc in içine girelim burada “time line” penceresinden 100. frame gelerek sağ tıklayalım açılan popup menuden “insert frame” komutunu verelim. daha sonra oluşan freme lerden herhangi bir yere yine sağ tıklayalım ve en üstteki “create motion tween” komuyunu uygulayalım. bu durumda frame lerimiz noktalı buz mavisi bir renkte oldu. şimdi son olarak bu frame lerin en sonuna gelelim ve yine sağ tıklayarak “insert keyframe” komutunu verelim.

11. Tamam. şimdi 100. frame e tıklayıp oradaki “flashmax” (dikkat edin flashmax_efx değil) mc inin üzerine bir kere tıklıyalım. ve properties penceresinden x değerini 120 olarak belirleyelim.

12. şimdi “libray” penceresinden “flashmax” mc ine çift tıklayarak içine girelim ve ilk başta oluşturduğumuz daireye bir kere tıklayarak seçili duruma getirelim. ardından “w” ve “H” değerlerini 3 yapalım. Ve ardından bu küçülen daireyi seçip sahnede ortalayalım eğer ortalamazsak efekt tam oluşmaz.

bu boyut ayarını kesin yapın aksi taktirde bilgisayarınız kilitlenebilir.

13 şimdi çalıştıralım bakalım ne görüyorsunuz?
Evet merkezden çıkan noktalar dış çembere doğru ilerliyor. Fakat istediğimiz efekt oluşmuyor. bu efekti yapmanın zor olduğunu düşünüyorsanız yanılıyor sunun en zor kısmı atlattık. şimdi eğlenelim biraz. durmak yok yola devam (bi yerden hatırlayacağım ama).

14. Şimdi “library” den “flashmax_efx” mc ini çift tıklayın ve içine girin 100 karelik bir time line ımız var bunu parçalara ayıracağız ve efekt uygulayacağız. başlayalım.


- 1. karede “flashmax” mc imize “tint” uygulayalım ( “tint” properties penceresinden uygulanır.) ve renk değerini “mor” yapalım.
- 20. kareye bir keyframe ekleyelim ve burada “flashmax” mc ine sitah tint uygulayalım.
- 25. kareye bir keyframe ekleyelim ve burada “flashmax” mc ine kırmızı tint uygulayalım.
- 40. kareye bir keyframe ekleyelim ve burada “flashmax” mc ine sitah tint uygulayalım.
- 45. kareye bir keyframe ekleyelim ve burada “flashmax” mc ine mavi tint uygulayalım.
- 60. kareye bir keyframe ekleyelim ve burada “flashmax” mc ine sitah tint uygulayalım.
- 65. kareye bir keyframe ekleyelim ve burada “flashmax” mc ine sarı tint uygulayalım.
- 80. kareye bir keyframe ekleyelim ve burada “flashmax” mc ine sitah tint uygulayalım.
- 85. kareye bir keyframe ekleyelim ve burada “flashmax” mc ine pembe tint uygulayalım.
- 100. kareye bir keyframe ekleyelim ve burada “flashmax” mc ine sitah tint uygulayalım.

15 Tint değerini vermek için hangi keyframe de iş yapıyorsanız o sahnedeki flashmax mc ine birkez tıklayın paroperties penceresinden color açılır menusune gidin.

Şimdi çalıştıralım bakalım neler görüyoruz. Evet başardık. Basit bir iş ama zeka üstesinden geldi ve etkileyici bir görüntü ortaya çıktı. Tebrikler.

NOT: Bu ders r10.net için flashmax.org tarafından hazırlanmıştır. referans verilmeden başka bir sitede kullanılması emeğe saygısızlıktır.

FLA dosyasınıda buradan indirin tıkırt