MEMBUAT ANIMASI BOUNCING BALL



Kali ini kita akan membuat animasi 20 buah bola kecil yang berjatuhan dari ketinggian tertentu. Bola tersebut ketika jatuh akan memantul kembali seperti bola karet… wah keren….

Sebenarnya tidak ada yang keren, hanya menambahkan sedikit script saja pada flash.

Okeh hayo kita mulai,,,

1. aktifkan flash buat sebuah dokumen baru….

2. klik frame 1, layer 1 tampilkan panel ActionScript dengan menekan F9.

3. tambahkan scrip berikut:

function fall( ) {
// Add acceleration due to gravity
// Menambah kecepatan seiring
this.speedY += GRAVITY;
this.speedY *= FRICTION;
this._y += this.speedY;
// movie clip “melompat” ke atas ketika jatuh ke lantai (garis batas)
if (this._y > 400) {
this._y = 400;
this.speedY = -this.speedY * ELASTICITY;
}
}
// Fungsi untuk men-drag movie clip bola
function drag( ) {
// Ketika movie clip bola di klik, buat agar dapat di drag
// dan berhenti menganimasikannya via onEnterFrame
this.startDrag( );
delete this.onEnterFrame;
this.onMouseMove = function( ) {
updateAfterEvent( );
};
}
// Fungsi menjatuhkan movie clip
function drop( ) {
this.speed.y = 0;
this.stopDrag( );
this.onEnterFrame = fall;
}
// KODE UTAMA
// Membuat dua puluh movie clip bola
for (var i = 0; i < 20; i++) {
var ball:MovieClip = this.createEmptyMovieClip(“ball” + i, i);
ball.lineStyle(6, 0x0, 100);
ball.moveTo(0, -3);
ball.lineTo(1, -3);
ball._x = Math.random( ) * 550;
ball._y = Math.random( ) * 200;
ball.speedY = 0;
ball.onEnterFrame = fall;
ball.onPress = drag;
ball.onRelease = ball.onReleaseOutside = drop;
}
// Inisialisasi nilai konstanta variabel
var GRAVITY:Number = 0.5;
var FRICTION:Number = 0.995;
var ELASTICITY:Number = 0.85;
// Menggambar garis batas
this.lineStyle(0, 0xDDDDDD, 100);
this.moveTo(0, 400);
this.lineTo(550, 400);
4. Tekan Ctrl+J untuk menampilkan panel Propertis, masukan nilai Frame rate : 32 lalu tekan OK, semakin tinggi nilai Frame Rate , animasinya akan semakin halus..
5.selesai. :)

Sumber https://flashpermanen.wordpress.com/e-trik/apa-macromedia-flash/trik-flash-animasi-bouncing-balls/

ANIMASI MEMBUAT LILIN

okeh langsung aja brow..
- Buka program flash, atur background menjadi warna gelap atau hitam!


klik frame 1 dan buatlah sebuah gambar batang dari lilin tersebut menggunakan rectangle tool (tekan R)


dan atur color background menjadi #CCCCCC (abu2) dan non aktifkan strok color.


kemudian ubah rectangle setting dengan radius 3. hal ini dilakukan agar pinggiran dari lilin menjadi halus dan tidak runcing.


selanjutnya buatlah batang llin tersebut pada layer 1. jadikan simbul movie clip dengan menekan F8.


masuk ke jendela edit in place dengan meng klik objek lilin sebanyak 2 kali.
selanjutnya buat satu buah layer yang berada di atas layer 1.


di layer 2 frame 1 kita akan membuat api dari lilin tersebut, dengan menggunakan Oval tool (O) serta mengatur warna menjadi kuning seperti gambar berikut.



buatlah cahaya lilin seperti gambar di samping.


dengan menggunakan selection tool (V),


klik ujung pada cahaya lilin kemudian tarik ke sebelah kiri.



Kemudian insert key frame pada frame 10 di layer 1 dan layer 2


pada layer 2 frame 10 rubah posisi cahaya lilin menjadi ke sebelah kanan


klik layer 2 frame 1, klik kanan dan copy frames,


selanjutnya pada frame 20 paste frames.


selanjutnya insert keyframes pada layer 1 frame 20.


pada layar 2 blok frame seperti gambar berikut.


pada panel propertis berikan tween dengan tipe shape


buat 2 layer baru dengan posisi di bawah layer 1 dan layer 2.


oke lanjut…:) pada layer 4 kita akan buat tali sebagai pangkal api untu menyala. klik frame 1 pada layer 4, dengan menggunakan brush tool serta atur besaran brush, buatlah pangkal lilin seperti gambar berikut.


oke kalau sudah, kita beralih ke layer 3 frame 1. dengan menggunakn oval tool kita akan membuat cahaya dari lilin tersebut. gunakan warna tipe radial merah dan hitam. serta buatlah cahaya tersebut di belakang cahaya lilin seperti gambar berikut.


pada layer 3 buat 3 buah keyframe yaitu pada frame 1, 10 dan 20.


pada frame 10 besarkan cahaya sesuai komposisi yang anda anggap cukup.
dengan teknik tween safe insert tween safe pada layer 3. (catatan . kalau terjadi garis putus-putus pada layer 3, ubah objek sinar dengan break Apark (ctrl + b ) pada frame 1, 10, dan 20.)
hasil akhir yang benar pada layer adalah sebagai berikut.


Oke sudah, semoga bermanfaat ya, nah terus… dengan teknik yang sama silahkan buat animasi korek api seperti gambar berikut, saya yakin pasti bisa, kalau tidak bisa silahkan tanya ke sini!!! :)


ANIMASI SIKLUS HIDUP KUPU-KUPU

assalamu'alaikum wr.wb
sekarang kami akan memberikan tutuorial mengenai siklus hidup kupu-kupu, yo langsung saja check it out...

·   Buat empat layer pada Timeline masing-masing dengan nama Kupu-kupu, Telur, Ulat, dan Kepompong



·   Pada frame 1 layer Kupu-Kupu beri gambar kupu-kupu (Anda dapat mengimport atau membuat gambar sendiri)


·   Pada frame 1 layer Telur beri gambar telur
·   Pada frame 1 layer Ulat beri gambar ulat
·   Serta pada frame 1 layer Kepompong beri gambar kepompong. Kemudian atur agar posisi gambar sebagai berikut :


 ·   Buat layer baru di antara layer Kupu-Kupu dan layer Telur, dan beri nama Panah1. Pada frame 1 nya beri gambar panah seperti berikut :


·   Buat layer baru lagi di antara layer Telur dan layer Ulat, dan beri nama Panah2. Pada frame 1 nya beri gambar panah seperti berikut :


·   Buat layer baru lagi di antara layer Ulat dan layer Kepompong, dan beri nama Panah3. Pada frame 1 nya beri gambar panah seperti berikut :


·   Buat layer baru lagi di atas layer Kepompong, dan beri nama Panah4. Pada frame 1 nya beri gambar panah seperti berikut :


·   Kemudian atur agar semua gambar posisinya sebagai berikut :


·   Pastikan posisi urutan layer seperti gambar berikut :




·   Geser frame 1 pada layer Kupu-Kupu ke frame 5
·   Geser frame 1 pada layer Panah1 ke frame 10, dan pada frame 20 lakukan Insert Keyframe



·   Kemudian buat layer baru di atas layer Panah1, dengan nama Penutup1. Dan lakukan Insert Blank Keyframe pada frame 10



·   Klik pada frame 10 layer Penutup1, buat sebuah kotak di stage menggunakan Rectangle Tool () dengan ukuran menutupi gambar Panah1




·   Klik pada gambar kotak, kemudian pilih Modify > Convert to Symbol
·   Pada jendela dialog yang muncul, atur sebagai berikut :


·   Pilih OK
·   Klik pada frame 20 layer Penutup1, Insert Keyframe
·   Klik di frame 10 pada layer Penutup1, pilih Free Transform Tool (), kemudian klik pada gambar kotak dan geser lingkaran putih kecil yang di tengah kotak ke pojok kiri bawah kotak




·   Atur besarnya gambar kotak seperti berikut :


·   Klik di frame 20 pada layer Penutup1, pilih Free Transform Tool (), kemudian klik pada gambar kotak dan geser lingkaran putih kecil yang di tengah kotak ke pojok kiri bawah kotak


·   Klik pada frame 10 layer Penutup1, tekan tombol shift dan klik pada frame 20 layer Penutup1, lepas tombol shift


·   Pilih Insert > Timeline > Create Motion Tween


·   Klik kanan pada kotak kecil di layer Penutup1, pilih Mask


Maka posisi pada layer akan berubah seperti berikut :


·   Geser frame 1 pada layer Telur ke frame 21, kemudian klik pada gambar telur, pilih Modify > Convert to Symbol (atau tekan tombol F8). Pada jendela dialog yang muncul atur sebagai berikut :


·   Pilih OK
·   Klik kanan di frame 25 pada layer Telur, pilih Insert Keyframe


·   Klik di frame 21 pada layer Telur, kemudian klik gambar telur di stage. Pada jendela properties pilih Color pada posisi Alpha dengan 0%


·   Klik di frame 21 pada layer Telur, tekan tombol shift dan klik di frame 25 pada layer Telur, lepas tombol shift
·   Pilih Insert > Timeline > Create Motion Tween
·   Geser frame 1 pada layer Panah2 ke frame 26, dan pada frame 36 lakukan Insert Keyframe
·   Kemudian buat layer baru di atas layer Panah2, dengan nama Penutup2
·   Pada frame 26 Insert Blank Keyframe


·   Dari jendela Library pilih tutup1, klik dan geser hingga menutupi gambar Panah2 pada stage


·   Klik di frame 36 pada layer Penutup2, klik kanan Insert Keyframe
·   Klik di frame 26 pada layer Penutup2, pilih Free Transform Tool (), kemudian klik pada gambar kotak dan geser lingkaran putih kecil yang di tengah kotak ke pojok kiri atas kotak


·   Atur besarnya gambar kotak seperti berikut :

·   Klik di frame 36 pada layer Penutup2, pilih Free Transform Tool (), kemudian klik pada gambar kotak dan geser lingkaran putih kecil yang di tengah kotak ke pojok kiri atas kotak
·   Klik pada frame 26 layer Penutup2, tekan tombol shift dan klik pada frame 36 layer Penutup2, lepas tombol shift
·   Pilih Insert > Timeline > Create Motion Tween
·   Klik kanan pada kotak kecil di layer Penutup2, pilih Mask
·   Geser frame 1 pada layer Ulat ke frame 37, kemudian klik pada gambar ulat, pilih Modify > Convert to Symbol (atau tekan tombol F8). Pada jendela dialog yang muncul atur sebagai berikut :


·   Pilih OK
·   Klik kanan di frame 41 pada layer Ulat, pilih Insert Keyframe
·   Klik di frame 37 pada layer Ulat, kemudian klik gambar ulat di stage. Pada jendela properties pilih Color pada posisi Alpha dengan 0%


·   Klik di frame 37 pada layer Ulat, tekan tombol shift dan klik di frame 41 pada layer Ulat, lepas tombol shift
·   Pilih Insert > Timeline > Create Motion Tween
·   Geser frame 1 pada layer Panah3 ke frame 42, dan pada frame 52 lakukan Insert Keyframe
·   Kemudian buat layer baru di atas layer Panah3, dengan nama Penutup3
·   Pada frame 42 Insert Blank Keyframe


·   Dari jendela Library pilih tutup1, klik dan geser hingga menutupi gambar Panah3 pada stage


·   Klik di frame 52 pada layer Penutup3, klik kanan Insert Keyframe
·   Klik di frame 42 pada layer Penutup3, pilih Free Transform Tool (), kemudian klik pada gambar kotak dan geser lingkaran putih kecil yang di tengah kotak ke pojok kanan atas kotak


·   Atur besarnya gambar kotak seperti berikut :


·   Klik di frame 52 pada layer Penutup3, pilih Free Transform Tool (), kemudian klik pada gambar kotak dan geser lingkaran putih kecil yang di tengah kotak ke pojok kanan atas kotak
·   Klik pada frame 42 layer Penutup3, tekan tombol shift dan klik pada frame 52 layer Penutup3, lepas tombol shift
·   Pilih Insert > Timeline > Create Motion Tween
·   Klik kanan pada kotak kecil di layer Penutup3, pilih Mask
·   Geser frame 1 pada layer Kepompong ke frame 53, kemudian klik pada gambar kepompong, pilih Modify > Convert to Symbol (atau tekan tombol F8). Pada jendela dialog yang muncul atur sebagai berikut :


·   Pilih OK
·   Klik kanan di frame 57 pada layer Kepompong, pilih Insert Keyframe
·   Klik di frame 53 pada layer Kepompong, kemudian klik gambar kepompong di stage. Pada jendela properties pilih Color pada posisi Alpha dengan 0%


·   Klik di frame 53 pada layer Kepompong, tekan tombol shift dan klik di frame 57 pada layer Kepompong, lepas tombol shift
·   Pilih Insert > Timeline > Create Motion Tween
·   Geser frame 1 pada layer Panah4 ke frame 58, dan pada frame 68 lakukan Insert Keyframe
·   Kemudian buat layer baru di atas layer Panah4, dengan nama Penutup4
·   Pada frame 58 Insert Blank Keyframe


·   Dari jendela Library pilih tutup1, klik dan geser hingga menutupi gambar Panah4 pada stage


·   Klik di frame 68 pada layer Penutup4, klik kanan Insert Keyframe
·   Klik di frame 58 pada layer Penutup4, pilih Free Transform Tool (), kemudian klik pada gambar kotak dan geser lingkaran putih kecil yang di tengah kotak ke pojok kanan bawah kotak


·   Atur besarnya gambar kotak seperti berikut :


·   Klik di frame 68 pada layer Penutup4, pilih Free Transform Tool (), kemudian klik pada gambar kotak dan geser lingkaran putih kecil yang di tengah kotak ke pojok kanan bawah kotak
·   Klik pada frame 58 layer Penutup4, tekan tombol shift dan klik pada frame 68 layer Penutup4, lepas tombol shift
·   Pilih Insert > Timeline > Create Motion Tween
·   Klik kanan pada kotak kecil di layer Penutup4, pilih Mask
·   Terakhir, klik di frame 75 pada layer Kupu-Kupu, tekan tombol shift dan tahan, kemudian klik di frame 75 pada layer Penutup4, lepaskan tombol shift, klik kanan pilih Insert Frame


·   Selesai, coba jalankan animasi dengan menekan tombol Ctrl+Enter

Diberdayakan oleh Blogger.

About Us

Kelompok mata kulaih internet dan multimedia - [23131012] Muhammad messa - [23131015] Deny Apriyana - [23131026] Yusuf Sofyan - [23131027] Nurhasanah - [23131030] Risfiyanisa Fasha

Popular Posts

Copyright © / This is our blog

Template by : Urang-kurai / powered by :blogger