?> Şelale Efekti Flash CS4 AS3.0 - photoders
Site » ActionScript 3.0

Şelale Efekti Flash CS4 AS3.0

[ 08 Tem 2009 | 22 Yorum ]

photodersFlash çalışmamızda akan şelale yapacağız çalışmada actionscript 3.0 kod uygulayacağız. Çalışmamızda kullandığım resim eklendi resim üzerinde akan suyun olduğu kısmı çıkartmanız gerekecek bu işlemi photoshop ile yapabilirsiniz uğraşmak istemem derseniz sizin için hazırladığım resmi ekledim. Yeni bir çalışma sayfası açalım.

 


1-Flash CS4 Create New Document ActionScript 3.0 yeni çalışma sayfası açalım.
photoders
2-İlk olarak photoshop ile resim üzerinden akan su kısmını laso tool aracı ile seçip çıkartıp png olarak kayıt edelim hazırladığımız resimleri import edelim. İmage1 ve İmage_2.png
photoders
Resim üzerinden çıkartıp PNG olarak düzenlediğim resim. İmage_2.png
photoders
3-Layer1 adını değişelim bg olarak yazalım image1 resmi kütüphaneden alarak 1.frameye ekleyelim Aling panelden sahneye ortalayalım sahnede resim seçili F8 movie clip yapalım name bg_mc olsun.
photoders
4-Yeni layer ekleyelim layer adı şelale olsun kütüphaneden İmage_2.png resmi 1.frameye ekleyelim aling panelden ortalayalım F8 movie clip yapalım name selale_mc olarak yazalım. Alt bg resme göre ortalayalım instance name olarak selale yazalım.
photoders
5-Yeni layer ekleyelim layer adı action olsun actions paneli açalım ekli kodları ekleyelim.

/** selale kod **/
var bn:BitmapData=new BitmapData(selale.width, selale.height);
var dp:DisplacementMapFilter = new DisplacementMapFilter(bn,new Point(0,0),1,2,5,10);

var p1:Point = new Point(0,0);
var p2:Point = new Point(0,0);
var selaleHız:Array = [p1, p1];

addEventListener(Event.ENTER_FRAME, onFrame);

function onFrame(evt:Event):void {

/*selale effect ayar */
selaleHız[0].y -=1;
selaleHız[1].x -=0.1;

bn.perlinNoise(20,10,1,99,true,false, 7,false,selaleHız);
selale.filters=[dp]

}

Çalışmayı test edelim Ctrl+Enter

FlA İndir

Etiket: , , ,

22 Yorum »

  • ebru diyor'ki:
    09 Tem 2009 saat 02:00

    emeğinize sağlık! çok güzel bir paylaşım olmuş…sizden ricam, flash’da video eklemeyle ilgilli bir ders paylaşır mısınız bizlerle? çok faydalı bilgiler bulamadım…hatta birkaç video yu birlikte oynatmayla ilgili bir ders, çalma listesi gibi bir video player da gösterme…

  • admin (author) diyor'ki:
    09 Tem 2009 saat 11:32

    Kısa sürede isteğinizi ders olarak ekleyeceğim.

  • mahmut diyor'ki:
    12 Tem 2009 saat 14:32

    hocam emeğinize sağlık çok güzel olmuş. size bi soru sormak istiyorum acaba hazır flash temalar ile web sitesi nasıl hazırlanır bununla ilgili bi video dersi hazırlasanız çok çok güzel olur o kadar araşrırdım ama bi türlü bulamadım tek çare sizde :) ) şimdiden Allah razı olsun hocam saygılar…

  • admin (author) diyor'ki:
    12 Tem 2009 saat 15:18

    Sorunuzda hazır flash temalardan site oluşturma için bulduğunuz hazır templateyi kendinize göre editlemeniz gerekir bunun dışında çok fazla anlatılacak bir şey yok adı üzerinde hazır flash template

  • mahmut diyor'ki:
    12 Tem 2009 saat 19:02

    hocam orası öyle de yani bunu yaparken programla mı yapmak gerekir yoksa ftp üzerinden mi ya da siz gelirmiş bi web sitesi yapımını anlatamaz mısınız …

  • admin (author) diyor'ki:
    12 Tem 2009 saat 22:09

    Kısa bilgi vereyim dediğiniz flash sitesi için ilk olarak Fla dosyasını kendinize göre düzenleyin düzenlemeyi (Flash Programı) gerekli editlemeyi yaptıktan sonra domain ve sitenizi barındırmak için hosting firmasından alan satın alacaksınız hazırladığınız dosyaları size ait ftp dizinine atacaksınız.
    Siz bu dediklerimi hazırlayın bunlar için ders gerekmez hazırlıklarınız bitince size takıldığınız yerde destek olurum.

  • mahmut diyor'ki:
    13 Tem 2009 saat 13:42

    çok sağolun hocam ben hemen başlıyorum bana cesaret verdiniz :)  artık takıldığım yerde sizden yardım isterim :) meşguliyet verdiğim için de kusura bakmayın saygılar iyi çalışmalar…

  • ebru diyor'ki:
    21 Tem 2009 saat 03:00

    video çalma listesini ne zaman paylaşırsınız bizimle?. sabırsızlıkla bekliyorum!..lütfen! çok ihtiyaç duyduğumuz bir ders…teşekkürler!..

  • admin (author) diyor'ki:
    23 Tem 2009 saat 02:03

    sayın, ebru kısa zamanda şu sırada Flash web sayfası hazırlıyorum hazırladığım derslerden birini anlatacağım sizin dediğiniz aklımda

  • GünRo diyor'ki:
    29 Tem 2009 saat 01:17

    Hocam çalışmanız güzel elinize sağlık ama burada yazılı olan kodalr hatalı örnek .fla yı indiripte içinden kodları aldığımız zaman sorunsuz haberiniz olsun.Çalışmalarınızın devamını bekliyoruz.Kolay gelsin..

  • admin (author) diyor'ki:
    29 Tem 2009 saat 01:47

    Olmaması lazım kontrol ettim kopyalama yaparken kodların olduğu kısımdaki kaynağı göster icona tıklar ordan kopya yaparsanız sorun olmaz sanırım hata oradan geldi ama olsun FLA indirip işinizi gördüyseniz sorun yok demektir. Kolay gelsin

  • engin diyor'ki:
    29 Tem 2009 saat 15:53

    Hocam cs4 te ben ufak bir reklam yabım framlerle 4 tane kategori halinde olusturdum.YAni elektronik-kozmetik-giyim-mobilya die.bunları framlerle mesela 10 saniye arayla geçiş yabdım ama tepeye 1-2-3-4 die kare içine numara yazdım çalışmamda normalde frameleri uzatarak zamanla geçiş yabdırıorum ama ben o numaralara tıkladıgımda örneğin ikiye tıkladıgımda kozmetige 3 e tıkladıgımda mobilyaya 4e tıklladıgımda giyime gecemesini istiorum ama bütün buldugum kodlar hata verio !! eger anlatamadıysam msnimi eklein size atim calısmayı anlarsınız. Şimdiden teşekkür ederim

  • admin (author) diyor'ki:
    29 Tem 2009 saat 17:08

    Yaptığın çalışmayı tam göremeden net bir şey diyemiyeceğim siz dosya.tc yükleyin linkini buraya eklerseniz ben incelerim

  • admin (author) diyor'ki:
    30 Tem 2009 saat 12:39

    Framelerde geçiş yapmışsın fakat bir özeliği yok standart olarak motion  vermişsin AS-3 kodlama biraz farklı oluyor basit bir uygulama olduğu için daha basit bir uygulama yapalım AS-2 olarak basit işini görebilecek bir çalışmayı ekledim incelersen üzerinde çalışabilirsin unutmayalım AS-3 Kod AS-2 kodlardan farklı oluyor örnek vermem gerekirse button üzerine kod ekleyemiyorsun buttona instance name verererek action layere ekliyorsun.
    buradan indir

  • mücahit diyor'ki:
    22 Ara 2009 saat 14:33

    hocam bu şelale efektini cs3 de yapabilirmiyim bide bu şelale kotları cs3 de geçerlimi

  • admin (author) diyor'ki:
    22 Ara 2009 saat 14:44

    Ekli kodlar ile yapamazsınız

  • mücahit diyor'ki:
    22 Ara 2009 saat 17:57

    bide hocam son bişe daha dicem bana iş için çok lazım biraz uzun olcak ama şimdi biyer düşünelim o yerin fotoğrafını çekip oraya şelale çizcem o çizimi yapa bilceğim bi proğram varmı aklınızda yardımcı olursanız sevinirim hocam şimdiden teşekkür ettim

  • admin (author) diyor'ki:
    23 Ara 2009 saat 03:06

    photoshop ile deneybilirsiniz.

  • mücahit diyor'ki:
    23 Ara 2009 saat 13:20

    hocam çok teşekkür ederim bu yardımlarınız için

  • ömer diyor'ki:
    21 Nis 2010 saat 17:26

    gecısler arasında efekt eklemek ıstıyorum bana kım yardımcı olablır..msn adresım maytamber61@hotmail.com tesekkur ederım

  • admin (author) diyor'ki:
    22 Nis 2010 saat 00:36

    Geçişler derken buradaki ders içinde geçiş yok. Yapmak isteğinizi tam olarak anlatırsanız iyi olur.

  • serap diyor'ki:
    26 Nis 2011 saat 15:32

    çok süper teşekkürler

Yorum Yazın

Konuyla ilgili yorumlarınızı aşağıya yazabilir diğer okuyucularla paylaşabilirsiniz, yazıdan alıntı yapacak olursanız geribildirim yapmayı unutmayın.. Yazıdaki yorumları RSS olarak takip etmek için tıklayınız .

Yorum yazarken dikkat etmeniz gereken hususlar;

  • Spam ve reklam içerikli yorumlar silinecektir.
  • Yorumlar onay gerektirdiğinden birden fazla kez aynı yorumu yazmayınız.
  • Yorumlarınızın konu ile alakalı olmasına özen gösteriniz.
  • Küfür, hakaret etmenizin kimseye faydası olmadığını unutmayın.
  • Yorum yapmanız, onaylanacağı anlamına gelmemektedir. Buradaki hususlara dikkat etmeniz, onaylanma şansını artıracaktır.

    • Güvenlik Kodunun Resmi
    *

    Kapat
    E-posta ile paylaş