Portfolio SKM

SEMESTER 5
BBU30303

TEKNOLOGI
ANIMASI











UTHM - SMAPOnline https://smap.uthm.edu.my/exam/performance/201820191/assessment?co...

ASSESSMENT LIST
SEMESTER : 1

SESSION : 20182019

Name SITI FATIMAH BINTI MD YAZID

Matric No CB160071 IC/Passport 950715015046

Programme BBF - BACHELOR OF VOCATIONAL Faculty B - FACULTY OF TECHNICAL AND
EDUCATION (MULTIMEDIA CREATIVE) WITH VOCATIONAL EDUCATION
HONOURS

Course BBU30303 - ANIMATION TECHNOLOGY
Name

ASSESSMENT METHOD MARK FULLMARK PERCENTAGE TOTAL (%)
TUGASAN INDIVIDU ASSIGNMENT * 20 20 *
UJIAN 1 TEST * 40 10 *
UJIAN 2 TEST * 40 20 *
UJIAN 3 (TEORI) TEST * 60 20 *
PROJEK AKHIR PROJECT * 30 30 *
TOTAL 100 *

NOTE
• * Assesment marks are not displayed
• Total (%) = (Mark/Fullmark)*Percentage
• Total coursework marks are excluded final examination
• All marks and assessment details are subject to amendments

Printed date: Saturday 11th of September 2021 09:21:14 PM

1 of 1 11/9/2021, 9:21 pm

FAKULTI PENDIDIKAN TEKNIKAL & VOKASIONAL

TEKNOLOGI ANIMASI
(BBU30303)

TUGASAN INDIVIDU

Disediakan oleh

NAMA : SITI FATIMAH BINTI MD YAZID
NO MATRIK : CB160071
SEKSYEN :1
NAMA PENSYARAH : DR.NORHASYIMAH BINTI HAMZAH

PENGENALAN

Teknologi Animasi merupakan teknologi yang digunakan untuk menghasilkan animasi dengan
beberapa teknik dan prinsip animasi . Antara prinsip animasi ialah Squash & Stretch,
Anticipation, Staging, Straight ahead action & Pose to Pose, Follow Through & Overlapping
Action, Slow In & Slow Out, Arcs, Secondary Action , Timing, Exaggeration, Solid Drawing, dan
Appeal . Penggunaan teknologi animasi dapat mengurangkan bebanan masa yang terlalu
lama untuk menyiapkan animasi tersebut jika kene teknik dan prinsipnya. Melalui tugasan
induvidu bagi kursus Teknologi Animasi yang bertemakan nilai murni . saya telah menghasilkan
sebuah animasi mengenai kitar semula . Nilai murni yang telah diterapkan dalam animasi dapat
memberi pengetahuan kepada mereka yang tidak mengetahui fungsi kitar semula . Di dalam
pegisisan animasi tersebut saya telah meletakan beberapa prinsip animasi,teknik animasi
keyframe , teks,audio dan grafik. Ia bertujuan untuk memberi kesan supaya input dapat
disampaikan dengan jelas.. Proses penghasilan animasi tersebut mengambil masa selama 8
minggu dengan menggunakan aplikasi Adobe Flash,Adobe illustrator dan Adobe Phototoshop.

GANTT CHART

AKTIVITI M4 MINGGU
M5 M6 M7 M8 M9 M10 M11
1 Idea
2 Perancangan papan cerita (storyboard)
3 Pengumpulan maklumat dan penggunaan

perisisian
4 Pembangunan animasi
5 Laporan

SKRIP DAN PAPAN CERITA

Produk animasi yang dibangunkan ini meneceritakan mengenai fungsi tong kitar semula .
Walaupun kempen kitar semula telah dibuat namun terdapat juga individu yang tidak
mengetahui bagaimana hendak menggunakan tong kitar semula tersebut . Dalam animasi
tersebut , terdapat seorang lelaki yang memakai baju biru telah membuang samoah air kotak di
tepi jalan walupun tong kitar semula telah disediakan di tempat tersebut. Tindakan lelaki
tersebut dilihat oleh lelaki berbaju kuning. Lelaki tersebut telah mengutip sampah berkenan dan
menegur perbuatan lelaki berbaju biru. Setelah ditegur ternyata lelaki berbaju biru tidak
mengetahui fungsi tong kitar semula kerana berlainan warna. Kemudian, lelaki berbaju kuning
telah menerangkan kegunaan tong kitar semula iaitu tong kitar semula bewarna biru adalah
untuk sampah berbentu kertas atau kotak. Manakala tong kitar semula bewarna coklat untuk
sampah berbentuk aluminium seperti tin minuman. Kemudian,tong kitar semula bewarna jingga
untuk sampah berbentuk kaca seperti botol kaca. Setelah mendengar penerangan daripada
lelaki berbaju kuning, lelaki biru telah mengetahui sampah yang dibuangnya perlu dibuang ke
dalam tong kitar semula bewarna biru kerana samaph tersebut adaah air kotak .

PRINSIP ANIMASI
Diantara prinsip animasi yang diterapkan dalam produk animasi ini ialah :

a) Staging

b) Starigh ahead
1.

Pose to pose
1.

2.
3.
4.
5

c) Secondary action
d) Slow in slow out
e) Exaggeration

f) Squash & Strech
1.

2.

MENGAPA PRINSIP ANIMASI DITERAPKAN
a) Straigh ahead & pose to pose
Prinsip ini digunakan untuk menghidupkan watak animasi dimana berlaku pergerakan
lurus secara berurutan pose to pose dan frame by frame dari awal hingga akhir .
Contohnya, animasi seorang lelaki yang berjalan . Pose to pose berfungsi untuk
menghidupkan adegan dengan merancang berapa pose diperlukan. Contohnya , lelaki
bebaju kuning mengambil sampah
b) Staging
Prinsip ini digunakan untuk menyampaikan adegan dengan jelas yang membantu
penonto memahami kandungan cerita . Contohnya lelaki berbaju biru memandang lelaki
berbaju kuning dengan wajah yang memandang antara satu sama lain
c) Secondary action
Prinsip ini merupakan gerakan tambahan untuk melengkapi gerakan utama . Contohnya
lelaki berbaju biru menggaru kepala ketika bercakap .
d) Slow in slow out
Prinsip ini merupakan gerakan yang lambat yang terjadi pada awal hingga akhir .
Contohnya pergerakan awan pada animasi menunjukkan awan yang sentiasa ada ketika
aminasi melakukan adegan
e) Exaggeration
Prinsip ini dapat menunjukkan gerakan atau ekspresi yang dilebihkan untuk dapatkan
kesan animasi yang meyakinkan. Contohnya karakter lelaki berbaju kuning yang terkejut
ketika melihat lelaki biru membuang sampah .
f) Squash& starch
Prinsip ini digunakan untuk menimbulkan kesan keamampatan objek . Dalam produk
animasi tersebut tong sampah kitar semula bewarna biru dilihat berubah bentuknya
ketika jatuh ke stage.

SOFTWARE

Perisian yang digunakan untuk membangunkan produk animasi ini ialah Adobe
illustrator. Perisian ini digunakan untuk membuang segala kesan lebihan yang tidak
diperlukan ketika membuat imej latar belakang dan grafik. Selain itu, perisian adobe
photoshop digunakan untuk mengubah saiz grafik kepada saiz yang bersusaian .
Kemudian , perisian Adobe Flash merupaka perisian utama yang digunkan untuk
membangunkan produk animasi ini

KESIMPULAN

Kesimpulanya, tugasan individu ini telah memberi input bahawa setiap pembangunan animasi
memerlukan teknik dan prinsip yang betul supaya animasi tersebut dapat dilihat dengan jelas
oleh penonton. Di sini saya telah terapkan 6 daripada 12 prinsip animasi iaitu, straight
ahead&pose to pose,staging,secondary action,slow in slow out,exaggeration dan squash and
stretch. Berdasarkan prinsip tersebut saya telah menggunakan teknik motion tween dan
keyframe. Akhir sekali , tugasan individu ini menunjukkan bahawa langkah-langkah
pembangunan animasi adalah penting







































UTHM
Universiti Tun Hussein Onn Malaysia

UNIVERSITI TUN HUSSEIN oNN MALA YSIA
SEMESTER 1 2018I 2019

REPORT TUGASAN KUMPULAN TEKNOLOGI ANIMASI

TAJUK: KEADAAN JIRM

KOD KURSUS BBU 30303
NAMA KURSUS
FAKULTI : TEKNOLOGI ANIMASI

PAKULTI PENDIDIKAN TEKNIKAL DAN

vOKASIONAL

NAMA AHLI KUMPULAN NO MATRIK

NAMA PELAJAR CB160071
CB160012
sITI FATIMAH BINTI MD YAZID
SITI HAWA SHAKIRAH BINTI MOHD PAUZI CB160064
NOR SYIFA BINTI MOHD NASIR
SITI NOOR ADILAH BINTI NOOR ARIFFIN CBI60121

SEKSYEN :01
NAMA PENSYARAH : DR NORHASYIMAH BINTI HAMZAH

PENGHARGAAN

Alhamdulillah hirrabbil’alamin, kami melafazkan sepenuh kesyukuran kehadrat ilahi
dengan limpah dan kurnianya, dapat kami menyelesaikan tugasan kerja kumpulan teknologi
animasi ini dengan penuh jayanya. Kami menjulang sepenuh penghargaan kepada Dr
NorHasyimah binti Hamzah, Pensyarah Mata pelajaran Teknologi Animasi (BBD30303),
di atas kesudian beliau memberi tugasan ini kepada kami. Beliau juga telah banyak
membantu kami sepanjang proses pembentukan tugasan ini berlaku. Kami juga
mengucapkan ribuan terima kasih kepada rakan-rakan yang banyak membantu kami secara
langsung atau tidak langsung sepanjang proses merealisasikan tugasan ini berjalan.
Pelbagai ilmu yang dapat kami rungkai sepanjang kami menyiapkan tugasan ini. Sejajar
dengan anjakan paradigma dalam era globalisasi ini, begitulah dominannya peranan
mahasiswa khususnya bakal pendidik di negara ini untuk merungkai pelbagai ilmu animasi
di muka bumi ini untuk diaplikasikan ke dalam bidang pendidikan. Pada dewasa kini,
pelbagai pembangunan dari segenap sudut begitu pesat terbina, begitulah juga
pembangunan dalam bidang animasi. Justeru itu haruslah mahasiswa ini tergolong dalam
orang yang sentiasa menyaingi peradaban zaman yang begitu hebat.

ISI KANDUNGAN
1.0 Pengenalan Projek
2.0 Carta GanttSoftware ( Perisian)
3.0 Meeting Doodles ( Minit Mesyuarat )
4.0 Skrip dan Storyboard
5.0 Teori yang terdapat dalam Koswer
6.0 Refleksi Semasa Pembangunan dan Proses Animasi

1.0 Pengenalan Projek

Subjek Teknologi Animasi BBU 30303 menugaskan kami untuk menghasilkan satu
simulasi berkaitan sukatan pelajaran di kalangan pelajar sekolah menengah ataupun rendah
dalam bentuk animasi yang berdurasi diantara 10 minit. Fail animasi yang dibangunkan perlu
menggunakan perisian adobe flash sebagai platform.

Kumpulan kami yang terdiri daripada empat (4) orang ahli sebulat suara telah
mengambil keputusan untuk menghasilkan satu simulasi berkaitan sukatan pelajaran yang
bertajuk “Keadaan Jirim”. Simulasi berkaitan dengan sukatan pelajaran ini berkaitan dengan
proses peleburan,proses pendidihan,proses pembekuan, proses penyejatan, proses kondensasi,
dan proses terbentuknya air hujan.

Selain itu, menerusi cerita animasi pendek kami, dapat ditonjolkan bagaimana proses-
proses yang berkaitan dengan tajuk kami terhasil. Kami membuat penceritaan sebegini adalah
lebih mudah untuk pelajar sekolah memahami konsep proses pendidihan, peleburan,
pembekuan, kondensasi, penyejatan dan kitaran air hujan.

2.0 Carta Gantt

Aktiviti Minggu
M6 M7 M8 M9 M10 M11 M12 M13 M14
M4 M5

1. Pembentukan kumpulan seramaiempat
orang

2. Pemgumpulan Idea

3. Perancangan Pembinaan Papan Cerita

4. Perancangan Untuk Kaitan dengan Software

5. Pemgumpulan Data Untuk Pembangunan
Animasi

6. Pembangunan Animasi

7. Penyediaan Laporan

8. Penghantaran Laporan

3.0 Softtware (Perisian)
Perisian yang digunakan untuk membangunkan projek animasi ini kami mengunakan

pelbagai perisian dalam proses produksi. Antaranya adalah:-
Adobe Illustrator
Dalam perisian ini pula kami juga menggunakan untuk bahagian editing dan
membangunkan karekter dan latar belakang babak yang ada.Perisian ini
digunakan untuk membuang segala kesan lebihan yang tidak diperlukan ketika
membuat imej latar belakang dan grafik.

Adobe Photoshop
Digunakan untuk mengubah saiz grafik kepada saiz yang bersusaian .
Kemudian , perisian Adobe Flash merupakan perisian utama yang digunkan
untuk membangunkan produk animasi ini.

Adobe Flash
Kami menggunakan sepenuhnya perisian flash dalam proses pembangunan
projek animasi ini. Watak yang telah disunting daripada adobe photoshop dan
adobe illustrator akan dimasukkan ke dalam flash untuk menjadikan animasi
dan menjadikan suatu jalan cerita yang sebenar.

4.0 Meeting Doodles (Minit Mesyuarat)
Sepanjang tempoh perlaksanaan tugasan video animasi ini, kami telah mengadakan

sebanyak empat kali perjumpaan untuk membincangkan perihal tugasan video animasi ini.
Setiap kali perjumpaan dilakukan, kami telah sertakan dengan minit mesyuarat.