Sabtu, 12 Februari 2011

Animasi Efek Air Pada Photo

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 animasiLangkah 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 animasiLangkah 3
Agar photo letaknya pas pada posisi maka gunakan Align Tool , tekan menu Window > Align
photo animasiLangkah 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 pada layer langit
photo animasi
Langkah 6
Kembali ke layer air, convert layer menjadi symbol,
Modify > Convert to Symbol ,Name: water_mc
photo animasiLangkah 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 = new BitmapData(390,293,false,0);
pt = new Point(0,0);
mpoint = new Point(0,0);
myDispl = new DisplacementMapFilter(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 :

Tidak ada komentar:

Posting Komentar