2D Cut-Out Animation "Mat Tunangku".

2D CUT-OUT ANIMATION "MAT TUNANGKU"

NUR SAHIDAH BINTI BASHlER

UNIVERSITI TEKNIKAL MALAYSIA MELAKA

BORANG PENGESAHAN STATUS TESIS*

JUDUL: 2D CUT-OUT ANIMATION "MAT TUNANGKU"
SESI PENGAJIAN: 2 - 200812009
Saya NUR SAHIDAH BINTI BASHIER
mengaku membenarkan tesis (PSM) ini disimpan di Perpustakan Fakulti Teknologi
Maklumat dan Komunikasi dengan syaraeyarat kegunaan seperti berikut:
1.
2.
3.

4.

Tesis dan projek adalah hakrnilik UNIVERSITI TEKNIKAL
MALAYSIA, MELAKA.

Perpustakaan fakulti Teknologi Maklumat dan komunikasi dibenarkan
membuat salinan untuk tujuan pengajian sahaja.
Perpustakaan Fakulti Teknologi Maklumat dan Komunikasi dibenarkan
untuk membuat salinan tesis ini sebagai bahan pertukaran antara institusi
pengajian tinggi.
**Sila tandakan (I)
SULIT

(Mengandungi maklumat
yang berdarjah keselamatan
atau kepentingan Malaysia
seperti yang terrnaktub di
dalarn AKTA RAHSIA
RASMI 1972)
(Mengandungi maklumat
terhad yang telah di tentukan
oleh organisasi/badan di
mana penyelidikan
dijalankan)

./-I-ERHAD
TIDAK TERHAD

w/

Tandatangan %nulis:

Tandatangan Penyelia:
(Pn.Farah ~ a d i ainti Azmar)

Alamat Tetap: 108, Jalan Molek, Taman
Cantik, 8 1000 Kulaijaya, Johor.
Tarikh: I 3 / ; L / X ~ U

7

Tarikh: /3/

y/-t/

2D CUT-OUT ANIMATION 'MAT TUNANGKU"

NUR SAHIDAH BINTI BASHIER

This report is submitted in partial fulfillment of the requirement for the
Bachelor of Computer Science (Interactive Media)

FACULTY OF INFORMATION AND COMMUNICATION TECHNQZOGY
UNIVERSITI TEKNIKAL MALAYSIA MELAKA
2009

DECLARATION

I hereby declare that this project report entitled
2D CUT-OUT ANIMATION "MAT TUNANGKU"

is written by me and is my own effort and that no part has been plagiarized without
citations.

STUDENT

:

d&

QWJRSAHIDAH B

SUPERVISOR :

Date:
I BASHIER)
~

ate:
(PUAN FARAH NADIA BINTI AZMAN)

I?I+

DEDICATION

To my beloved parentsand my family, who have encouraged, guide and inspired
me throughout my journey of education. Also to my supervisor Mrs Farah Nadia Binti
&an

and all my friends who support and help in development of my PSM project.

ACKNOWLEDGEMENTS

First of all, Alhamdulillah and thanks to GOD for helping me complete this
report. I want to express my sincere gratitude towards my project supervisor, Mrs Farah
Nadia Binti Azman for her suggestions, feedback, and patience. Thanks a million to her
for all of her support and encouragement.
Special thanks to my panel, En Shahril Parumo for the evaluation and criticism
towards my PSM 1 and PSM 2.

To my parent and family, thanks a lot for your support and energy that you gave
to me. Thank you for thetrust and not let me down.
Also, thanks to all my friends.

ABSTRACT

The 2D cut-out animation entitled 'Mat Tunangku" is an animation that develop
by using cut-out technique. This animation is based on South Park and Blue's Clues
cartoon where the character are cu$out into pieces after being drawn. Besides that, it is
coloufilly decorated to make the character alive with the storyline.

ABSTRAK

Animasi 2D yang bertajuk "Mat Tunangku" adalahsebuah animasi yang
menggunakan teknik cutout. Animasi ini dibuat atau direka berdasarkan teknik daripada
kartun South Park dan Blue's Clues dimana watak dalarn kartun ini dipotongpotong
bahagiannya selepas dilukis. Selain itu, watakwatak ini dicorakkandengan warna yang
menarik untuk menghidupkan cerita.

TABLE OF CONTENTS

CHAPTER

SUBJECT

PAGE

DECLRATION

i.

DEDICATION

ii

ACKNOWLEDGEMENTS

iii

ABSTRACT

iv

ABSTRAK

CIFAPTER I

v

TABLE OF CONTENTS

vi

LIST OF TABLES

xi

LIST OF FIGURES

xii

LIST OF ABBREVIATIONS

xiv

INTRODUCTION

1.1

Project Background

1.2

Problem Statements

1.3

Objectives

1.4

Project Scope

1.5

Project Significance

1.6

Conclusion

vii
CHAPTER I1 LITERATURE REVIEW AND PROJECT
METHODOLOGY

2.1

Introduction

2.2

Domain

2.3

Existing System
2.3.1

Comparison Of Existing
System
2.3.1.1 South Park
2.3.1.2 Blue's Clues

2.4

Project Methodology
2.4.1

Pre-Production
2.4.1.1 Story Development
2.4.1.2 Storyboarding
2.4.1.3 Voice Recording

2.4.2 Production
2.4.2.1 Animation Technique
2.4.2.2 Animating
Background
2.4.2.3 Character
Development
2.4.2.4 Personalize the
Character
2.4.3 Post-Production
2.4.3.1 Editing
2.4.3.2 Special Effects and
Music
2.4.3.3 Mastering and
Delivering
2.5

Project Requirement
2.5.1

Software Requirement

2.5.2 Hardware Requirement

...

Vlll

2.6
CHAPTER

Conclusion

ANALYSIS

m
3.1

Current Scenario Analysis

3.2

Requirement Analysis
3.2.1 Project Requirement
3.2.1.1 Requirement
Gathering
3.2.1.2 Technique
3.2.2

Software Requirement

3.2.3 Hardware Requirement
3.2.4 Other Requirement

CHAPTER

3.3

Project Schedule and Milestone

3.4

Conclusion

DESIGN

Is'
4.1

Introduction

4.2

Scene Sequence Diagram

4.3

Preliminary Design

4.4

4.3.1

Storyboard Design

4.3.2

Plan

4.3.3

Script

4.3.4

Character Profile

Conclusion

CHAPTER V IMPLEMENTATION

5.1

Introduction

5.2

Media Creation
5.2.1

Production of Texts

5.2.2

Production of Graphics

5.3

5.2.3

Production of Audio

5.2.4

Production of Video

5.2.5

Production of Animation

Media Integration

5.4

Product Configuration Management

5.4.1

Configuration Environment
Setup
5.4.2 Version Control Procedure
5.4.2.1

Alpha Version

5.4.2.2

Beta Version

Control
Control

CHAPTER

5.4

Implementation Status

5.5

Conclusion

TESTING

VI
6.1

Introduction

6.2

Test Plan
6.2.1

Test User

6.2.2

Test Environment

6.2.3

Test Schedule

6.2.4

Test Strategy
6.2.4.1

Alpha Testing

6.2.4.2

Beta Testing

6.2.4.3

Acceptance

Testing
6.3

Test Implementation
6.3.1

Test Description

6.3.2

Test Data

6.3.3

Test Result and Analysis

CHAPTER

6.4

Analysis Testing

6.5

Conclusion

CONCLUSION

MI

7.1

Observation on Weaknesses and
Strengths

7.2

Propositions for Improvement

7.3

Contribution

7.4

Conclusion

REFERENCES
APPENDIX A: Storyboard
APPENDIX B: Gantt Chart
APPENDIX C: Questionnaire - Regular
Audience
APPENDIX D : Questionnaire - Expertise

LIST OF TABLES

TABLE TITLE

Scene Sequence Diagram
Configuration Environment Setup
Implementation Status based on Storyboard
Hardware Requirement for Testing Environment
Software Requirement for Testing Environment
Testing Schedule
Users Level of Satisfaction and Description
The Test Case and Explanation
The First Test Case
The Second Test Case
The Third Test Case
The Fourth Test Case
Result of Alpha Testing
Result of Beta Testing
Testing Results

PAGE

xii

LIST OF FIGURES

Figure

TITLE

Example of Cut-out
Usop Sontorian Cartoon
Imuda with Mat Gelap
Upin dan Zpin Cartoon
Example of Toon Boom Software
South Park Cartoon
Blue's Clues Cartoon
Animation Production Methodology Model
Example of Storyboard
Example of Facial Expression
Mat Character
Maisarah Character
Mak Character
Pak Cik Character
Bos Character
Pengemis Character
Kawan Characters
Comic Sans MS

PAGE

Scanned Image
Colored Image
Editing Process of Audio in Adobe Audition 1.5
The Result of Motion Tweening
Analysis of Opinion about The Interesting of This
2D Cut-out Animation
Analysis of Background Design And Color
Analysis of Audio and Dialog
Analysis of Character Design and Color
Analysis of Animation Story
Analysis of Opinion about The Interesting of This
2D Cut-out Animation
Analysis of Design and Audio

xiv

LIST OF ABBREVIATIONS

Figure

TITLE

2D

Two Dimension

.WAV

Wave format

.swf

Flash format

mc

Analogue-Digital-Converter

DAC

Digital-Analogue-Converter

Hz

Hertz

kHz

kiloHertz

UTeM

Universiti Teknikal Malaysia

CHAPTER 1

INTRODUCTION

1.1

Project Background
The project is built as a requirement for PSM (Projek Sarjana Muda). The title of

this project is 'Mat Tunangku', which is developed by using cut-out animation
technique.
2D animation is one of the most popular techniques used by many designers or

animators to make cartoons, 2D short story and many more. The creation and
presentation of 2D animation is not a new thing in multimedia industry. 2D animation is
a 2 dimensional measurement of X and Y scale on a flat plane. It is also the creation of
moving pictures in a two-dimensional environment, such as through "traditional" cel
animation or in computerized animation software. Although nowadays, 3D animation is
the new type of animation in industry, yet there are more advantages in using 2D
animation. One of it is the process to create and manipulate the objects are easier.
Besides that, 2D animation cartoons are more simple and funny look.
In multimedia scope, there are many ways or elements can be used to deliver or
give message to audience whether by short stories, movies or songs. Animation is one of

it. In this project entitled 'Mat Tunangku', it is developed as a 2D short story animation.
This story revolves around a man named Mat. He is a kind-hearted, helpful, likeable
fellow and loves his fiancee so much. Despite all his good characteristics, he has one
short coming, which is procrastinating jobs. Because of this, he is often scolded by his
boss, mother and friends. Nevertheless, there is one thing that he will not procrastinate,
which is his marriage. Come rain or shine, he will not let anything disrupt this important
event of his 1ife.This story will be told through the eyes of his fiancde, Maisarah. The
story here is a depiction of typical scenarios in Malay society.

1.2

Problem Statement
Nowadays, there are many interesting and funny 2D animation story in market

with

additional of moral values. But, some of the products did not match the users'

requirements. In this new modern technology, users want something of new technique or
concept from 2D animation products. Moreover, most of the 2D animation stories now
are developed specially for kids. Therefore, this new 2D short story animation is
developed by using cut-out technique.
This cut-out technique is created by using papers and photos. It is the world's
earliest known animated feature film. It is a popular technique to use because it saves
production time and leads to smaller file sizes. Thus, this product can be more
appropriate from current 2D animation story that available in market. Furthermore, it
gives variation of 2D animation story for general audiences.
Besides that, this story is also to show the scenario that happens in our society
especially Malay society where it teases them that they will not procrastinate or
postpone in their marriage no matter how busy they are.

1.3

Objectives
Every project should have some objectives to test whether the project is success

or not. Besides, it plays an important role for developers as a reference to make this
project succeed. There are some objectives in this project:
To develop 2D animation short story
This 2D animation entitled 'Mat Tunangku' is developed by using
Macromedia Flash MX. Besides that, other software also being used as
additional software such as Adobe Audition 1.5, Adobe Premier 2.0, Adobe
Photoshop CS2, and Adobe Illustrator CS3 to complete the making of this
project.
To apply cut-out animation technique.
The cut-out techniques are developed by using papers and photos to make the
characters and some of background and other elements. It is greatto create an
animation that looks fluid without spending hours adjusting individual key
fiames and producing artwork.
To test user acceptance

In this project, the questionnaire will be used to test the user acceptance.
From the result, we will know either it achieve the goals of this project or
not. Besides that, it will show whether the user requirements are fulfilled and
also this new concept or technique are accepted bj all the users in multimedia
industry or market.

1.4 Scope
The target users for this 2D short story animation are general audience. The
moral values in this animation can help to encourage the target users to learn a lesson
and the main aspect is the developers want to show the technique that being
implemented which is cut-out technique and the funny parts in animation itself. This
story will be present on CD.
The main platform of this 2D animation software is Adobe Flash CS3. All
characters, some background and elements are developed by using cut-out technique and
others are using 2 dimensional animations. Besides that, there are other software such as
Adobe Photoshop CS2, Adobe Illustrator CS3, Adobe Audition 1.5 and Adobe Premiere

2.0 as additional software.
The duration time for this project is between 5 to 10 minutes. It will be used
Malay language.

1.5 Project Significance
This 2D animation project is built in cut-out animation technique so that there are
varieties of 2D animation story in market. Thus, users can have view on new concept or
technique in animation. Besides that, in this story 'Mat Tunangku', it will give some
moral values and advices to the audience on the consequences of procrastinate or
postponed our works. Moreover, the story is also produced to tease people especially
Malay people as it is a depiction of scenario in Malay society.

1.6 Conclusion
In this chapter, we learn the journey in developing the project which are the
objectives, problem statements, scope, and the significanceof project and how important
to achieve it. Thus, we hope the project will achieve the goals that had being set. In the
following chapter, we will discuss on literature review that would help in developing
and improve the project proposed. We would also discuss on methodologies that being
used along the development of this project as it help to complete the project with
schedules the project progress and requirements needed.

CHAPTER I1

LITERATURE REVIEW AND PROJECT METHODOLOGY

2.1

Introduction

A literature review is a summary and interpretation of research findings reported
in the literature.[l] It include and refer to searching, discovering ,synthesizing
,identifying ,analyzing and understanding the issues or topics that the researcher are
studying. According to Cooper (1988), a literature review uses as its database reports of
primary or original scholarship, and does not report new primary scholarship itself. The
primary reports used in the literature may be vehal, but in the vast majority of cases
reports are written documents. The types of scholarship may be empirical, theoretical,
criticalkmalytic, or methodological in nature. Second, a literature review seeks to
describe, summarize, evaluate, clarifL and or integrate the content of primary reports

Research can help the researcher to know whether all the information gathered
are relevant or suited in the case study. But, research itself does not produce the
solutions. Thus, the literature review is crucial as it firstly shows that it is relevant to
develop 2D animation project. Then, it helps the development of the project where

through study the developer could make hypothesis about users' expectation of this 2D
animation story and applied with all good characteristics in animation. In developing the
project, a lot of information and sources are needed. Therefore it is best to search it on
Internet and makes relevant references from books, journals, CD-ROMs and other
sources. This review will help the developer to design the methodology used in this
project.

Project methodology refers to the proper procedures or steps involve in
developing project as a method to solve the problems. Thus, from the starting point in
developing the animation, it must follow the steps in order to produce good products
including the resources, costs and schedule that have been listed. In other words, it is to
measure the possibility of project whether it success or not in future.

2.2

Domain

Most commonly, 2D cartoons are created using the cell animation
technique. It means that all the characters have to be re-drawn for every frame of the
animation. But, cut-out animation avoids some of these re-drawing characters. Cutout
animation is a technique for producing animation using flat characters, props and
backgrounds cut from materials such as paper, card board, stiff fabric or even photos.
The world's first surviving animated feature was produced using a form of cutout
animation.[2] Nowadays, there are many 2D animation story in market with different
concept including local and foreign products. Besides, all the techniques now are
developed using computers including the characters, backgrounds and other elements.
The computer has pervaded all forms of animation and cut-out animation is no