Mencari Tips dan Trick ?

Loading...

Animasi Efek Air Pada Photo

Cetak
PDF

Tags: animasi | Flash | Tutorial

Share

photo animasiTipsntrick.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 pada layer 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 = 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 :

Add comment


Security code
Refresh

MySpace Twitter Delicious Stumbleupon Google Bookmarks Kirim Berita