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. Tesis dan projek adalah hakrnilik UNIVERSITI TEKNIKAL MALAYSIA, MELAKA.

2. Perpustakaan fakulti Teknologi Maklumat dan komunikasi dibenarkan membuat salinan untuk tujuan pengajian sahaja.

3. Perpustakaan Fakulti Teknologi Maklumat dan Komunikasi dibenarkan untuk membuat salinan tesis ini sebagai bahan pertukaran antara institusi pengajian tinggi.

4. **Sila tandakan (I)

SULIT (Mengandungi maklumat yang berdarjah keselamatan atau kepentingan Malaysia seperti yang terrnaktub di dalarn AKTA RAHSIA

./ -I-ERHAD RASMI 1972) (Mengandungi maklumat terhad yang telah di tentukan oleh organisasi/badan di mana penyelidikan dij alankan)

TIDAK TERHAD

Tandatangan %nulis: w/

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

Alamat Tetap: 1 08, 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& Date: I?I++~ QWJR SAHIDAH B I ~ BASHIER)

SUPERVISOR : ate:

(PUAN FARAH NADIA BINTI AZMAN)

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

DECLRATION

DEDICATION

ACKNOWLEDGEMENTS

ABSTRACT

ABSTRAK

TABLE OF CONTENTS

LIST OF TABLES

LIST OF FIGURES

LIST OF ABBREVIATIONS

CIFAPTER I INTRODUCTION

1.1 Project Background

1.2 Problem Statements

1.3 Objectives

1.4 Project Scope

1.5 Project Significance

1.6 Conclusion

PAGE

i.

ii

iii

iv

v

vi

xi

xii

xiv

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

... Vll l

2.6 Conclusion

CHAPTER 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

3.3 Project Schedule and Milestone

3.4 Conclusion

CHAPTER DESIGN

Is' 4.1 Introduction

4.2 Scene Sequence Diagram

4.3 Preliminary Design

4.3.1 Storyboard Design

4.3.2 Plan

4.3.3 Script

4.3.4 Character Profile

4.4 Conclusion

CHAPTER V IMPLEMENTATION

5.1 Introduction

5.2 Media Creation

5.2.1 Production of Texts

5.2.2 Production of Graphics

5.2.3 Production of Audio

5.2.4 Production of Video

5.2.5 Production of Animation

5.3 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

Control

5.4.2.2 Beta Version

Control

5.4 Implementation Status

5.5 Conclusion

CHAPTER 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

6.4 Analysis Testing

6.5 Conclusion

CHAPTER 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 PAGE

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

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

.WAV

.swf

mc DAC

Hz

kHz

UTeM

Two Dimension

Wave format

Flash format

Analogue-Digital-Converter

Digital-Analogue-Converter

Hertz

kiloHertz

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