BLOGGER TEMPLATES AND TWITTER BACKGROUNDS

Sunday, 11 December 2011

Week 8 - Lip Sync Animation

Assignment 6

1. Untuk menghasilkan animasi LipSync,  langkah pertama yang perlu dilakukan adalah merakam suara. Pelbagai kaedah yang boleh dilakukan bagi merakam suara. Antara yang paling mudah adalah dengan menggunakan Adobe Soundbooth CS4.


2. Langkah pertama setelah membuka halaman Adobe Soundbooth CS4 adalah Press File + New + Empty Audio File.


3. Setelah itu, akan terpapar sebuah table iaitu New Audio File. Press OK.


4. Untuk memulakan rakaman anda perlu menekan butang Open Record Dialog yang berwarna merah.


5. Table Record akan dipaparkan. Press butang Record dan mula merakam suara anda.


6. Setelah rakaman suara selesai, press Stop. Setelah itu press File + Adobe Sound Document Setting.


7. Table Adobe Sound Document Setting akan dipaparkan. Klik pada butang Flash Compatible + OK.


8. Selepas itu ,save file audio seperti biasa dalam format MP3.



9. Import rakaman MP3 ke dalam library sebelum dimasukkan ke dalam layer Audio.


10. Buat satu layer iaitu layer Audio dan masukkan rakaman suara kedalam layer ini.


11. Pastikan pergerakan mulut sepadan dengan rakaman yang telah dibuat. Gunakan tool Onion Skin sebagai panduan.





Tuesday, 29 November 2011

Week 7 - Motion Guide Animation

Assignment 5

1. Untuk menghasilkan Motion Guide Animation, imej perlu dihasilkan pada layer pertama. Namakan layer itu sebagai 'Cars'.


2. Convertkan imej yang telah anda hasilkan sebagai grafik.


3. Pada layer 'Cars', pergi ke time line 50 dan tekan F6 ataupun Right Click - Insert Keyframe.




4. Pada layer 'Cars', Right Click - klik Add Classic Motion Guide.



5. Ia akan menghasilkan satu layer baru iaitu Guide : Cars.


6. Aktifkan layer Guide : Cars dan gunakan tools pencil untuk menghasilkan garisan yang akan menjadi laluan bagi simbol grafik yang telah dihasilkan.



7. Lukis garisan laluan pada timeline pertama layer 'Cars' dan gerakkan simbol grafik pada permulaan garisan pencil. Ulang langkah ini pada timeline ke 50 dan gerakkan simbol grafik pada penghujung garisan pencil.






8. Right click pada layer 'Cars'. Pilih 'Create Classic Tween' dari menu context untuk mencipta animasi.


9. Animasi siap untuk dipersembahkan. Tekan Ctrl+Enter.



10. Untuk memberikan impak realistik pada animasi, anda boleh menambah latar belakang (background).




Sunday, 13 November 2011

Week 6 - Mid Term Exam


EXAM WEEK

MID TERM EXAM

Wish Me Luck:)

Saturday, 12 November 2011

Week 5 - Frame by Frame Animation

Assignment 4 - Motion Skate

1. Motion skate juga termasuk dalam animasi Frame by Frame. Untuk menghasilkan animasi motion skate, pada layer pertama perlu menghasilkan landasan (track) dari timeline 1 hingga 60. Namakan layer sebagai 'Track'.


2.  Convert landasan (track) sebagai movie clip.



3. Pada layer Track, insert Create Classic Tween.


4. Insert layer baru dan namakan sebagai 'Skate'.



5. Cipta imej skateboard.


6. Insert keyframe di setiap timeline pada layer 'Skate' dan gerakan imej skateboard sedikit demi sedikit.


7. Gunakan onion skin bagi memudahkan proses menggerakkan skateboard.


8. Setelah selesai, press Ctrl + Enter untuk memainkan animasi.


9. Untuk menunjukkan hasil yang lebih realistik, anda boleh menambah imej orang di atas imej skateboard. Anda perlu menambah layer baru dan dinamakan sebagai 'Hero".


10. Ulang proses yang sama seperti yang telah ditunjukkan pada langkah ke- 6.






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