Loading...
A+ R A-

Animasi Efek Air Pada Photo

E-mail Print PDF

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 :

Comments

Mas keren banget, aku coba pakai Flash CS 5 tidak jalan ya?

- MasGiant 2011-07-06 17:16 #4

kra2 efek2 yang lain bisa dbuat gag soalx buat animasix keren :D

- yusi mm1 2011-06-02 11:50 #3

hmm,, keren mas, tutornya mudah di mengerti

mas pd step 8 kn menggunakan Action Script ya.. minta penjabarannya pd masing2 fungsi scriptnya dung?

thanks.. diunggu responya ya mas..

- noe 2011-05-19 13:50 #2

Wah Sumpah KERENN !!

thx tutornya :-)

- Muhammad Nasir 2010-10-16 05:10 #1

Add comment


Security code Refresh

Ingin Tips gratis ?

Komentar terakhir

Statistik

Find us on Facebook
Follow Us