BLOGGER TEMPLATES AND TWITTER BACKGROUNDS

Sunday, 16 October 2011

Week 4 - Frame by Frame Animation


Assignment 3

1. Untuk menghasilkan animasi frame by frame, kita perlu import segala material yang ingin digunakan ke dalam Library. File> Import> Import to Library.


2. Pilih kesemua material yang ingin digunakan dan buka di dalam Library.


3. Material yang telah di import disimpan di dalam Library.


4. Tarik (drag) imej pertama di dalam keyframe yang pertama ke atas stage.



5. Untuk memastikan setiap imej berada pada paksi yang statik, buka Prpoperties. Lihat pada bahagian position dan size. Pastikan imej berada pada paksi yang tepat setiap masa.


6. Untuk memasukkan imej pada keyframe yang kedua, right click pada keyframe yang kedua dan klik pada Insert Blank Keyframe.


7. Kita juga dapat memastikan setiap imej berada pada keadaan yang selaras melalui Onion Skin. Onion skin digunakan untuk melihat objek lebih dari satu frame dalam waktu yang sama. Ia amat berfungsi dan membantu dalam penghasilan animasi yang terdiri dari banyak keyframe. Icon Onion Skin terletak dibawah panel Timeline.



8. Onion Skin digunakan untuk melihat frame yang mempunyai lebih daripada satu paparan warna, manakala OnionSkin Outlines digunakan untuk melihat frame yang mempunyai lebih daripada satu dengan paparan garisan di tepi objek.






Motion Train

Assignment 2

1. Hasilkan setiap imej pada layer yang berbeza.


2. Convert setiap imej yang telah dihasilkan kepada Grafik.



3. Pergi ke ruangan Timeline. Pada Layer, klik di kotak kosong di bawah frame yang bertanda 80. Kemudian right klik dan pilih Insert Frame. Ini akan menghasilkan 80 frames. Kemudian anda akan dapati ruangan di antara frame 1 sehingga frame 80 akan bertukar warna dari warna putih kepada warna kelabu. Ini menandakan bahawa kita telah menanda kawasan masa untuk membuat tugasan animasi kita , di mana animasi tersebut akan melakukan pergerakan bermula dari frame 1 sehingga frame ke 80. 



4. Seterusnya, right klik di mana2 ruangan frame di antara frame 1-80. Saya memilih untuk right klik pada frame 40, kemudian pilih Create Motion Tween. Didapati pada Timeline warna layer 1 telah bertukar dari warna kelabu ke warna biru muda.   


5. Seterusnya kita akan melakukan pergerakan (animasi). Saya akan membuat satu pergerakkan di mana Train tersebut akan bergerak dari kanan ke penjuru kiri. Caranya ialah dengan right click pada frame 80, kemudian pilih Insert Keyframe>Position.

6. Anda akan dapati satu garisan bertitik-titik anda muncuk. Garisan tersebut di panggil garisan laluan, di mana ianya menunjukkan pergerakan yang berlaku dari frame 1 sehingga frame 80. 


 7. Sekarang animasi anda sudah siap. Untuk melihat pergerakkan animasi tersebut, tekan kekunci Enter atau CTRL+Enter pada keyboard anda.

Sunday, 9 October 2011

Week 3: Adobe Flash CS4

Type of Flash
1. Motion tween
2. Classic tween
3. Shape tween
4. Frame by frame animation


Membuat animasi Motion Tween menggunakan Adobe Flash CS4

1. Lancarkan aplikasi Adobe Flash CS4 anda. Pilih Action Script 2.



2. Dengan menggunakan Rectangle Tool, lukis bentuk segi empat di atas stage. Saiz dan warna mengikut kehendak anda.


3. Sekarang sila klik pada Selection Tool, kemudian klik pada objek yang telah anda lukiskan tadi.


4. Setelah double klik, anda akan dapati lukisan anda akan di isi dengan titik2 kelabu di keseluruhan  lukisan anda. Kemudian sila tekan kekunci F8 di keyboard anda.F8 ialah fungsi bagi menukar sifat objek anda. Apabila anda menekan kekunci F8, satu paparan akan keluar. Paparan tersebut dinamanakan sebagai Convert to Symbol. Kita perlu mengubah sifat objek tersebut ke dalam bentuk Simbol.



5. Pergi ke ruangan Timeline. Pada Layer 1, klik di kotak kosong di bawah frame yang bertanda 50. Kemudian right klik dan pilih Insert Frame. Ini akan menghasilkan 50 frames. Kemudian anda akan dapati ruangan di antara frame 1 sehingga frame 50 akan bertukar warna dari warna putih kepada warna kelabu. Ini menandakan bahawa kita telah menanda kawasan masa untuk membuat tugasan animasi kita , di mana animasi tersebut akan melakukan pergerakan bermula dari frame 1 sehingga frame ke 50. 


6. Seterusnya, right klik di mana2 ruangan frame di antara frame 1-50. Saya memilih untuk right klik pada frame 25, kemudian pilih Create Motion Tween. Didapati pada Timeline warna layer 1 telah bertukar dari warna kelabu ke warna biru muda.  






7. Seterusnya kita akan melakukan pergerakan (animasi). Saya akan membuat satu pergerakkan di mana Segi empat tersebut akan bergerak dari tengah ke penjuru bawah sebelah kanan. Caranya ialah dengan right click pada frame 25, kemudian pilih Insert Keyframe>Position. Saya memilih fungsi position kerana saya ingin mengubah posisi segi empat tersebut yang mana posisi asalnya ialah di tengah2 stage ke posisi lain.



8. Kemudian klik pada segi empat anda dan drag segi empat tersebut ke posisi baru (penjuru bawah sebelah kanan). Anda akan dapati satu garisan bertitik-titik akan muncul. Garisan tersebut di panggil garisan laluan, di mana ianya menunjukkan pergerakan yang berlaku dari frame 1 sehingga frame 50.


9. Sekarang animasi anda sudah siap. Untuk melihat pergerakkan animasi tersebut, tekan kekunci Enter atau CTRL+Enter pada keyboard anda.


Classic Tween


1. Penghasilan animasi menggunakan Classic Tween adalah tidak banyak berbeza dengan menggunakan Motion Tween. Pada layer Classic Tween, klik kanan frame 1, pilih Create Classic Tween. 



2. Kemudian pada frame 50, tekan F6 (Insert -> Timeline -> Keyframe).


3. Tarik (Drag) kotak Classic Tween ke sebelah bawah kanan.



 4. Anda lihat tiada garis putus-putus. Inilah perbezaan antara Classic Tween dan Motion Tween.




Perbezaan antara Motion Tween dan Classic Tween


Friday, 7 October 2011

Week 2 - Drawing Using Toolbar

Melukis di Flash CS4 memerlukan ketelitian yang tinggi. Penggunaan toolbar adalah penting bagi menghasilkan lukisan yang baik. Ketelitian yang tinggi juga amat diperlukan bagi menghasilkan lukisan yang baik.

Assignment 1

Wednesday, 5 October 2011

The Toolbar


Toolbar adalah tempat yang paling penting dalam Flash kerana kita akan sentiasa menggunakannya apabila membuat sesuatu animasi. Antara toolbar yang selalu anda guna ialah seperti text tool, pen tool, eraser tool, brush tool dan macam-macam lagi.


Fungsi-fungsi Toolbar

A. Selection Tool (V)
Tool ini adalah tool yang sering digunakan kerana berfungsi untuk memindahkan objek yang telah
dihasilkan. Tool ini juga berfungsi untuk mengubah bentuk objek yang telah dibuat dengan mendrag garis
line object (jika line tidak terselect none).

B. Subselection Tool(A)Tool ini digunakan untuk mengubah bentuk luar (line) dari object yang telah dibuat dengan mengubah putaran dari titik yang telah dibentuk.

C. Free Transform Tool (Q)

Tool ini berfungsi untuk merubah size objek, selain itu juga dapat mengubah putaran objek. Kita dapat mengubah objek dari arah  horizontal ataupun vertical.


D. Gradient Transform Tool(F)
Digunakan untuk mengubah arah dan ukuran warna.


E. Line Tool (N)
Line berfungsi untuk membuat garis, garis yang sudah dibuat dapat dibengkokkan mahupun dipanjang kan
dengan menggunakan Selection Tool.


F. Lasso Tool(L)
Digunakan untuk memilih sebagian ataupun bahagian tertentu dari objek gambar.


G. Pen Tool(P)
Berfungsi untuk menggambar garis lurus dan lengkung.


H. Text Tool(T)
Berfungsi untuk memasukkan teks.


K. Pencil Tool
Memnggambar object dengan pensil flash.


L. Brush Tool
Menggambar object dengan menggunakan brush. Brush disertakan berbagai bentuk serta size agar memudahkan kamu dalam membuat object.


M. Ink Bottle Tool
Digunakan untuk memberi warna dan menambah atau mengubah tepian objek.


N. Paint Bucket Tool
Digunakan untuk memberi dan menambah atau mengubah warna suatu objek.


O. Eyedropper Tool
Berfungsi untuk mengambil contoh warna dari suatu bidang. Sering digunakan bagi memastikan warna objek sama dengan yang lainnya.


P. Eraser Tool
Digunakan untuk memadam bagian objek yang tidak dikehendaki. Eraser dapat menghapus hanya line saja atau fillnya saja, ataupun semuanya, sehingga praktis untuk digunakan.


Q. Hand Tool
Digunakan untuk memilih dan memindahkan area (stage) yang akan dilihat.

R. Zoom Tool
Digunakan untuk membesarkan dan mengecilkan penglihatan.
 Berfungsi untuk menambah huruf teks kedalam stage.


I. Oval Tool
Digunakan untuk membuat objek lingkaran.


J. Retangle/Polygon Tool
Sama fungsinya dengan Oval Tool, tool ini berfungsi untuk membuat object kotak atau bentuk polygon.

Getting Started to Adobe Flash CS4

1. Welcome Screen


Welcome screen iaitu skrin yang mula-mula sekali anda lihat selepas membuka Flash CS4. Dalam page welcome screen, anda boleh memilih beberapa option antaranya "open a recent file", "create new" dan "create from template".
Pada kebiasaannya, di bahagian 'Create New' kita memilih file 'Flash File ActionScript 2.0)'. Hal ini kerana, fail ini lebih mudah untuk digunakan.



Interface bagi Adobe Flash CS4

Tuesday, 4 October 2011

Week 1 - Introduction of Adobe Flash CS4

Untuk minggu pertama, Puan Salina telah menerangkan sedikit sebanyak tentang topik-topik serta sub topik yang bakal dipelajari. Selain itu Miss Salina juga telah menerangkan tentang pemarkahan bagi subjek 2D Animation.

Pemarkahan Subjek 2D Animation:
Mid Term + Outcome = 60%
Final Exam = 40%
Total Mark = 100%