Minggu, 27 Desember 2015

Prak 15 – Animasi menggunakan Programming

Prak 15 – Animasi menggunakan Programming


1. Tujuan

Mengenal bentuk lain pembuatan animasi. Yaitu pembuatan animasi menggunakan programming.

2. Alat

Adobe Flash Professional CS6

3. Bahan


Flint Particle Engine
Download file tersebut kemudian extract. Ambil file “Flint2d_4.0.1.swc”

4. Dasar Teori

Membuat animasi bisa dilakukan dengan berbagai cara. Salah satunya dengan menggunakan programming. Salah satu bentuk programming untuk membuat animasi adalah Particle System.

5. Tugas Praktikum


  1. Lakukan petunjuk praktikum yang diberikan
  2. Ubah posisi dari animasi tersebut
  3. Ubah warna dari animasi tersebut
  4. Ubah radius dari animasi tersebut
  5. Ubah posisi animasi tersebut setiap kali muncul

6. Petunjuk Praktikum

1. Buat project ActionScript 3
new_as3_project

2. Buka action window dengan menekan tombol “actions” pada panel di sebelah kanan


3. Salin kode berikut pada “actions” window

import org.flintparticles.common.actions.*;
import org.flintparticles.common.counters.*;
import org.flintparticles.common.displayObjects.Dot;
import org.flintparticles.common.easing.Quadratic;
import org.flintparticles.common.events.EmitterEvent;
import org.flintparticles.common.initializers.*;
import org.flintparticles.twoD.actions.*;
import org.flintparticles.twoD.emitters.Emitter2D;
import org.flintparticles.twoD.initializers.*;
import org.flintparticles.twoD.renderers.*;
import org.flintparticles.twoD.zones.*;

var emitter:Emitter2D = new Emitter2D();

emitter.counter = new Blast( 700 );

emitter.addInitializer( new SharedImage( new Dot( 2 ) ) );
emitter.addInitializer( new ColorInit( 0xFFFFFF00, 0xFFFF6600 ) );
emitter.addInitializer( new Velocity( new DiscZone( new Point( 0, 0 ), 200, 120 ) ) );
emitter.addInitializer( new Lifetime( 5 ) );

emitter.addAction( new Age( Quadratic.easeIn ) );
emitter.addAction( new Move() );
emitter.addAction( new Fade() );
emitter.addAction( new Accelerate( 0, 50 ) );
emitter.addAction( new LinearDrag( 0.5 ) );

emitter.addEventListener( EmitterEvent.EMITTER_EMPTY, restart, false, 0, true );

var renderer:BitmapRenderer = new BitmapRenderer( new Rectangle( 0, 0, 500, 400 ) );
renderer.addFilter( new BlurFilter( 2, 2, 1 ) );
renderer.addFilter( new ColorMatrixFilter( [ 1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,0.95,0 ] ) );
renderer.addEmitter( emitter );
addChild( renderer );

emitter.x = 250;
emitter.y = 150;
emitter.start();

function restart( ev:EmitterEvent ):void
{
  Emitter2D( ev.target ).start();
}




1. Sehingga “actions” window berisi kode seperti berikut





2. Buka “ActionScript Setting”



3. Pilih tab “Library Path” klik icon “Browse to SWC”



4. Pilih file swc “Flint2d_4.0.1.swc”



5. Pastikan file swc tersebut muncul pada daftar



6. Tekan “OK” kemudian jalankan movie-nya (Test Movie, Ctrl + Enter)


7. Hasil Praktikum

  1. Lakukan petunjuk praktikum yang diberikan
  2. Ubah posisi dari animasi tersebut
  3. Ubah warna dari animasi tersebut
  4. Ubah radius dari animasi tersebut
  5. Ubah posisi animasi tersebut setiap kali muncul

8. Kesimpulan

9. Referensi


  1. Create Fireworks animation using Flint Particle Engine
Diposting oleh di Tidak ada komentar:

PRAK 10 – REMAKE “ONE LITTLE FINGER” BY SUPER SIMPLE SONG (PART 4)


1. Tujuan


Mempercepat penguasaan Adobe Flash Professional melalui kegiatan remake.

2. Alat


Adobe Flash Professional CS3+

3. Bahan


One little finger by super simple song

4. Dasar Teori


A. Classic Motion Tween
B. Graphic Symbol
C. Movie Clip Symbol and Filters

5. Tugas Praktikum


Buatlah tiruan dari video “One Little Finger”
semakin mirip semakin bagus

6. Petunjuk Praktikum


Mulailah dari bentuk animasi yang sederhana seperti gerakan title opening dan gerakan awan.

7. Hasil Praktikum


8. Kesimpulan

Pada praktikum Remake part satu ini saya berhasil membuat title dari mulai awal video sampai dengan tittlem mengecil dan berpindah posisi ke pojok kiri bawah.

9. Referensi

http://www.mohhasbias.com/prak-7-remake-one-little-finger-by-super-simple-song-part-1/
Diposting oleh di Tidak ada komentar:

PRAK 9 – REMAKE “ONE LITTLE FINGER” BY SUPER SIMPLE SONG (PART 3)

1. Tujuan


Mempercepat penguasaan Adobe Flash Professional melalui kegiatan remake.

2. Alat


Adobe Flash Professional CS3+

3. Bahan


One little finger by super simple song

4. Dasar Teori


A. Classic Motion Tween
B. Graphic Symbol
C. Movie Clip Symbol and Filters

5. Tugas Praktikum


Buatlah tiruan dari video “One Little Finger”
semakin mirip semakin bagus

6. Petunjuk Praktikum


Mulailah dari bentuk animasi yang sederhana seperti gerakan title opening dan gerakan awan.

7. Hasil Praktikum





8. Kesimpulan

Pada praktikum Remake part satu ini saya berhasil membuat title dari mulai awal video sampai dengan tittlem mengecil dan berpindah posisi ke pojok kiri bawah.

9. Referensi

http://www.mohhasbias.com/prak-7-remake-one-little-finger-by-super-simple-song-part-1/
Diposting oleh di Tidak ada komentar:

Prak 8 – Remake “One Little Finger” by Super Simple Song (Part 2)


1. Tujuan


Mempercepat penguasaan Adobe Flash Professional melalui kegiatan remake.

2. Alat


Adobe Flash Professional CS3+

3. Bahan


One little finger by super simple song

4. Dasar Teori


A. Classic Motion Tween
B. Graphic Symbol
C. Movie Clip Symbol and Filters

5. Tugas Praktikum


Buatlah tiruan dari video “One Little Finger”
semakin mirip semakin bagus

6. Petunjuk Praktikum


Mulailah dari bentuk animasi yang sederhana seperti gerakan title opening dan gerakan awan.

7. Hasil Praktikum



8. Kesimpulan


Dari praktikum kali ini, saya mendapatkan banyak pelajaran dalam pengerjaan project animasi ini. Ketelitian dan ketelatenan dibutuhkan untuk mengerjakan animasi. Dalam pengerjaan animasi ini juga tidak hanya berpedoman pada satu teori flash saja. Namun dibutuhkan banyak teori yang dibutuhkan untuk membuat animasi ini.

9. Referensi

http://www.mohhasbias.com/prak-7-remake-one-little-finger-by-super-simple-song-part-1/

Diposting oleh di Tidak ada komentar:

PRAK 7 – REMAKE “ONE LITTLE FINGER” BY SUPER SIMPLE SONG (PART 1)

PRAK 7 – REMAKE “ONE LITTLE FINGER” BY SUPER SIMPLE SONG (PART 1)

1. Tujuan


Mempercepat penguasaan Adobe Flash Professional melalui kegiatan remake.

2. Alat


Adobe Flash Professional CS3+

3. Bahan


One little finger by super simple song

4. Dasar Teori


A. Classic Motion Tween
B. Graphic Symbol
C. Movie Clip Symbol and Filters

5. Tugas Praktikum


Buatlah tiruan dari video “One Little Finger”
semakin mirip semakin bagus

6. Petunjuk Praktikum


Mulailah dari bentuk animasi yang sederhana seperti gerakan title opening dan gerakan awan.

7. Hasil Praktikum


8. Kesimpulan

Pada praktikum Remake part satu ini saya berhasil membuat title dari mulai awal video sampai dengan tittlem mengecil dan berpindah posisi ke pojok kiri bawah.

9. Referensi

http://www.mohhasbias.com/prak-7-remake-one-little-finger-by-super-simple-song-part-1/
Diposting oleh di Tidak ada komentar:

PRAK 5 – POPULAR CHARACTER WALK CYCLE

1. Tujuan

Menerapkan konsep walk cycle pada sebuah karakter yang populer

2.  Alat


Adobe Flash Professional CS.6

3. Bahan 

     Naruto Sheet Refrence

4. Dasar Teori

     Secara teori, sebuah walk cycle dari sembarang karakter dapat dilakukan dengan 4 prinsip yang sudah saya sebutkan pada postingan sebelumnya. Hanya saja, karakter yang mulanya stickman diganti dengan karakter populer seperti Naruto.

5. Hasil Praktikum

Pada praktikum kali ini, hasil yang saya dapatkan adalah karakter dengan 3 layer yang berbeda dimana satu untuk kaki kanan, satu untuk kaki kiri, dan satu lagi untuk badan dan kepala. Kemudian pembagian posisi up, down, dan passing.

6. Kesimpulan

Pada Praktikum kali ini, dibutuhkan waktu yang cukup banyak untuk menyelesaikan karena karakter yang dijalankan sudah tidak hanya sebuah garis (stickman). dan jam terbang yang tinggi itu tetap menjadi salah satu faktor yang menentukan kecepatan dan ketepatan pekerjaan kita.
Diposting oleh di Tidak ada komentar:

Kamis, 19 November 2015

Prak 11 – Mask

Prak 11 – Mask

1. Tujuan

Mengetahui, menguasai, dan mengaplikasikan fitur mask pada Adobe Flash CS 5.5

2. Alat

Adobe Flash Professional CS 5.5

3. Bahan

Contoh pengaplikasian mask pada beberapa logo seperti pada Blue fish

4. Dasar Teori

A. Classic Tween
B. Mask

5. Tugas Praktikum

Buatlah pengaplikasian fitur masking pada bendera berkibar dan logo Bluefish

6. Petunjuk Praktikum

Mulailah dari membuat warna bendera.

7. Hasil Praktikum




8. Kesimpulan

Pada praktikum kali ini saya dapat mengetahui, menguasai dan mengaplikasikan penggunaan fitur masking yang ada pada Adobe Flash CS 5.5

9. Referensi

http://www.mohhasbias.com/
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)