muratcdemirci
🏆Pro Tasarımcı🏆
Merhaba arkadaşlar.
Bu dersimizde Adobe Flash CS4 ve ActionScript 3.0 ile güzel bir şelale efekti yapımını öğreneceğiz.
ÖNİZLEME İÇİN TIKLAYINIZ
SwfCabin - Free Swf Upload & Swf Hosting - Viewing: şelale
1) Yeni bir ActionScript 3.0 dosyası açalım. (istediğiniz herhangi bir boyutta)
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.
Image1.png ve Image_2.png
Daha sonra Layer 1 üzerinde göründüğü için sayfadan iki resimide silelim.
3) Layer 1'in adını değiştirelim. bg olarak yazalım.
Sonra Image1 resmini kütüphaneden alarak Layer 1'in 1. frame'ine ekleyelim. Sayfaya ortalayalım.
Sahnede resim seçili iken F8 ile movie clip yapalım ve ismini bg_mc olarak düzenleyelim.
4) Yeni bir layer ekleyelim ve adını Şelale olarak düzenleyelim.
Kütüphaneden Image_2.pgn resmini 1. frame'ine ekleyelim ve sayfamıza ortalayalım ve F8 ile movie clip yapalım. İsmini selale_mc olarak düzenleyelim. Instance name kısmınıda selale olarak düzenleyelim.
5) Yeni bir layer ekleyelim ve adını Actions olarak belirleyelim.
Aşağıdaki vermiş olduğum kodları F9 Actions panelini açarak yapıştıralım.
01./** selale kod **/
02.var bn:BitmapData=new BitmapData(selale.width, selale.height);
03.var dp
isplacementMapFilter = new DisplacementMapFilter(bn,new Point(0,0),1,2,5,10);
04.
05.var p1
oint = new Point(0,0);
06.var p2
oint = new Point(0,0);
07.var selaleHız:Array = [p1, p1];
08.
09.addEventListener(Event.ENTER_FRAME, onFrame);
10.
11.function onFrame(evt:Event):void {
12.
13./*selale effect ayar */
14.selaleHız[0].y -=1;
15.selaleHız[1].x -=0.1;
16.
17.bn.perlinNoise(20,10,1,99,true,false, 7,false,selaleHız);
18.selale.filters=[dp]
19.
20.}
[/COLOR]
Not: kodların başındaki xx. değerlerini silelim.
6) ve dersimiz bitti.
Şimdi test zamanı. (Ctrl+Enter )
ÖNİZLEME İÇİN TIKLAYINIZ
SwfCabin - Free Swf Upload & Swf Hosting - Viewing: şelale
Bir sonraki derste görüşmek üzere.
Muhabbetle
Bu dersimizde Adobe Flash CS4 ve ActionScript 3.0 ile güzel bir şelale efekti yapımını öğreneceğiz.
ÖNİZLEME İÇİN TIKLAYINIZ
SwfCabin - Free Swf Upload & Swf Hosting - Viewing: şelale
1) Yeni bir ActionScript 3.0 dosyası açalım. (istediğiniz herhangi bir boyutta)
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.
Image1.png ve Image_2.png
![c364fad92689f20bcd82391d63039fab.jpg](https://www.hhresim.com/pictures/c364fad92689f20bcd82391d63039fab.jpg)
![501224d6382a34e7594b2d8198475515.jpg](https://www.hhresim.com/pictures/501224d6382a34e7594b2d8198475515.jpg)
![9958e629bb583edd91f83d863496a62a.jpg](https://www.hhresim.com/pictures/9958e629bb583edd91f83d863496a62a.jpg)
![6673a62be825ce347adc8a96655261a1.jpg](https://www.hhresim.com/pictures/6673a62be825ce347adc8a96655261a1.jpg)
Daha sonra Layer 1 üzerinde göründüğü için sayfadan iki resimide silelim.
![4d3d1589a1e261362ed304eb6b6c22f7.jpg](https://www.hhresim.com/pictures/4d3d1589a1e261362ed304eb6b6c22f7.jpg)
3) Layer 1'in adını değiştirelim. bg olarak yazalım.
Sonra Image1 resmini kütüphaneden alarak Layer 1'in 1. frame'ine ekleyelim. Sayfaya ortalayalım.
Sahnede resim seçili iken F8 ile movie clip yapalım ve ismini bg_mc olarak düzenleyelim.
![67c5f53818e75697cfb12ca8da854cba.jpg](https://www.hhresim.com/pictures/67c5f53818e75697cfb12ca8da854cba.jpg)
![5dbab899eef6bf1c07224a06559b74a6.jpg](https://www.hhresim.com/pictures/5dbab899eef6bf1c07224a06559b74a6.jpg)
![47f216614601a974925ed5b73b3a65a0.jpg](https://www.hhresim.com/pictures/47f216614601a974925ed5b73b3a65a0.jpg)
4) Yeni bir layer ekleyelim ve adını Şelale olarak düzenleyelim.
Kütüphaneden Image_2.pgn resmini 1. frame'ine ekleyelim ve sayfamıza ortalayalım ve F8 ile movie clip yapalım. İsmini selale_mc olarak düzenleyelim. Instance name kısmınıda selale olarak düzenleyelim.
![a9d8854125d36730a19d5270ceb51159.jpg](https://www.hhresim.com/pictures/a9d8854125d36730a19d5270ceb51159.jpg)
![9791f175730cafb1009c22e6b805c9f2.jpg](https://www.hhresim.com/pictures/9791f175730cafb1009c22e6b805c9f2.jpg)
![d0b07018a7f12eefa9fc15e4ad69a0bd.jpg](https://www.hhresim.com/pictures/d0b07018a7f12eefa9fc15e4ad69a0bd.jpg)
5) Yeni bir layer ekleyelim ve adını Actions olarak belirleyelim.
Aşağıdaki vermiş olduğum kodları F9 Actions panelini açarak yapıştıralım.
![e4edb57797dbd467c67c6b965eb815c1.jpg](https://www.hhresim.com/pictures/e4edb57797dbd467c67c6b965eb815c1.jpg)
![d5b6ec830b4467003046d6e31fabc551.jpg](https://www.hhresim.com/pictures/d5b6ec830b4467003046d6e31fabc551.jpg)
![032756a2c849af827c35a31b578af3b6.jpg](https://www.hhresim.com/pictures/032756a2c849af827c35a31b578af3b6.jpg)
01./** selale kod **/
02.var bn:BitmapData=new BitmapData(selale.width, selale.height);
03.var dp
04.
05.var p1
06.var p2
07.var selaleHız:Array = [p1, p1];
08.
09.addEventListener(Event.ENTER_FRAME, onFrame);
10.
11.function onFrame(evt:Event):void {
12.
13./*selale effect ayar */
14.selaleHız[0].y -=1;
15.selaleHız[1].x -=0.1;
16.
17.bn.perlinNoise(20,10,1,99,true,false, 7,false,selaleHız);
18.selale.filters=[dp]
19.
20.}
[/COLOR]
Not: kodların başındaki xx. değerlerini silelim.
6) ve dersimiz bitti.
Şimdi test zamanı. (Ctrl+Enter )
![487cc0651b918f1d9608e94db2479393.jpg](https://www.hhresim.com/pictures/487cc0651b918f1d9608e94db2479393.jpg)
ÖNİZLEME İÇİN TIKLAYINIZ
SwfCabin - Free Swf Upload & Swf Hosting - Viewing: şelale
Bir sonraki derste görüşmek üzere.
Muhabbetle