by Donna Trianty

Apr 8, 2011

Animasi Efek Air Pada Photo


Tipsntrick.net - Membuat photo 2D tampak seperti nyata ( movie ),mungkin nggak ya? Jawabnya pasti bisa. Tinggal menggabungkan photo dengan tambahan sedikit animasi akan tampak terlihat seperti nyata. Berikut ini tutorial membuat efek animasi pada photo dalam hal ini animasi air danau.
photo animasi
Langkah 1
Buat dokumen baru kemudian
dimensi Document Properties.
Modify > Document
Size: 350 x 218,Frame Rate: 30
Buat layer pada dokumen seperti
dengan nama layer : action,langit
dan air terlihat pada gambar disamping.
photo animasi
Langkah 2
Buka koleksi photo dengan tekan
menu File > Import > Import to Stage.
untuk photo usakan view di
sungai/pantai,atau anda bisa gunakan
photo berikut untuk mencobanya.
Letakkan pada "layer air"
photo animasi


Langkah 3
Agar photo letaknya pas pada posisi
maka gunakan Align Tool ,
tekan menu Window > Align
photo animasi


Langkah 4
Pada layer  air, yang berupa photo,
lakukan "Break Apart" pada photo,
klik pada photo dengan klik kanan
mouse.
photo animasi
photo animasi


Langkah 5
Masih pada layer yang sama
(layer air),gunakan Lasso Tool 
untuk seleksi bagian tertentu,
dimana menyeleksi bagian
daratan dan langit saja,seperti
terihat pada gambar disamping
Bagian darat dan langit yang telah
diseleksi tersebut di copy lalu
paste padalayer langit 
photo animasi
Langkah 6
Kembali ke layer air, convert layer
menjadi symbol,
Modify > Convert to Symbol ,
Name:water_mc
photo animasi
Langkah 7
Beri nama untuk symbol sebagai penanda,
bisa dilihat pada properties pojok kiri
bawah, lihat gambar samping. 

Langkah 8
Paste script dibawah pada layer action:
import flash.display.*;
import flash.geom.*;

import flash.filters.*;

myBitmap = newBitmapData(390,293,false,0);
pt = new Point(0,0);
mpoint = new Point(0,0);
myDispl = newDisplacementMapFilter(myBitmap, mpoint,1,2,10,50);
water_mc.myList = new Array();
water_mc.myList.push(myDispl);
water_mc.filters = water_mc.myList;
i = 1;
this.onEnterFrame = function()

{

filterList = water_mc.filters;
offset = new Array();
offset[1] = new Object();
offset[1].x = i;
offset[1].y = i/8;
myBitmap.perlinNoise(45,5,3,50,true,false,7,true,offset);
filterList.mapBitmap = myBitmap;
water_mc.filters = filterList;
i++;
}
Untuk mencoba tekan Ctrl + Enter ,
hasil akan terlihat seperti berikut :

No comments:

Post a Comment

be ur self