2D CUT-OUT ANIMATION "MAT TUNANGKU"

Transcription

1 2D CUT-OUT ANIMATION "MAT TUNANGKU" NUR SAHIDAH BINTI BASHlER UNIVERSITI TEKNIKAL MALAYSIA MELAKA

2 BORANG PENGESAHAN STATUS TESIS* JUDUL: 2D CUT-OUT ANIMATION "MAT TUNANGKU" SESI PENGAJIAN: 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./ -I-ERHAD TIDAK TERHAD (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 dij alankan) Tandatangan %nulis: Alamat Tetap: 108, Jalan Molek, Taman Cantik, Kulaijaya, Johor. Tarikh: I 3 /;L/X~U w/ Tandatangan Penyelia: (Pn.Farah ~ adia inti Azmar) 7 Tarikh: /3/ y/-t/

3 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

4 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. d& STUDENT : Date: QWJR SAHIDAH B I BASHIER) ~ I?I+ SUPERVISOR : ate: (PUAN FARAH NADIA BINTI AZMAN)

5 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.

6 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.

7 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.

8 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.

9 TABLE OF CONTENTS CHAPTER SUBJECT PAGE DECLRATION DEDICATION ACKNOWLEDGEMENTS ABSTRACT ABSTRAK TABLE OF CONTENTS LIST OF TABLES LIST OF FIGURES LIST OF ABBREVIATIONS i. ii iii iv v vi xi xii xiv 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

10 vii CHAPTER I1 LITERATURE REVIEW AND PROJECT METHODOLOGY 2.1 Introduction 2.2 Domain 2.3 Existing System Comparison Of Existing System South Park Blue's Clues 2.4 Project Methodology Pre-Production Story Development Storyboarding Voice Recording Production Animation Technique Animating Background Character Development Personalize the Character Post-Production Editing Special Effects and Music Mastering and Delivering 2.5 Project Requirement Software Requirement Hardware Requirement

11 ... Vlll CHAPTER m 2.6 Conclusion ANALYSIS 3.1 Current Scenario Analysis 3.2 Requirement Analysis Project Requirement Requirement Gathering Technique Software Requirement Hardware Requirement Other Requirement 3.3 Project Schedule and Milestone 3.4 Conclusion CHAPTER Is' DESIGN 4.1 Introduction 4.2 Scene Sequence Diagram 4.3 Preliminary Design Storyboard Design Plan Script Character Profile 4.4 Conclusion CHAPTER V IMPLEMENTATION 5.1 Introduction 5.2 Media Creation Production of Texts Production of Graphics

12 5.2.3 Production of Audio Production of Video Production of Animation 5.3 Media Integration 5.4 Product Configuration Management Configuration Environment Setup Version Control Procedure Alpha Version Control Beta Version Control 5.4 Implementation Status 5.5 Conclusion CHAPTER VI TESTING 6.1 Introduction 6.2 Test Plan Test User Test Environment Test Schedule Test Strategy Alpha Testing Beta Testing Acceptance Testing 6.3 Test Implementation Test Description Test Data Test Result and Analysis

13 6.4 Analysis Testing 6.5 Conclusion CHAPTER MI CONCLUSION 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

14 LIST OF TABLES TABLE TITLE PAGE 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

15 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

16 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

17 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

18 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

19 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.

20 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.

21 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.

22 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.

23 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

24 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