5.1 Introduction

In the previous chapter, the design phase, scene sequence diagram, storyboard,
shot list, running sheet, script, type of shot and other multimedia element used in the
development of this project had been explained and produced.

While, in this chapter the production of media creation, media integration,
product configuration management and status of implementation will be explained.
According to, implementation involves the
construction of the actual project result. Designers are involved in graphic material
development. During this phase, the project can be view by outsider, to whom it may
appear that the project just started. In other words, implementation is the doing phase.
The expected output produce after this phase is an animation that has been produced
has achieved the objectives.


5.2 Media Creation

To develop the animation, all multimedia element was used. The multimedia
element was used to produce an animation that will satisfy the users. The list of
multimedia elements used in developing this project is below:

• Production of Texts

The development of animation used various type of text was used to make the
animation more interesting and appealing. There are so many styles, font and color in
the animation make the project more interesting to be watched and listened. According
to, a text can be in any form or any kind of writing. There are
many different types of texts such as letters, adverts, user-guides, emails, postcards,
notes, and magazine article.

This project contains instructive texts and informative texts. As for the font,
Roboto, Times New Roman, and was used in this project. The font was chosen because
it is sans serif. San serif font is more suitable to use in this project because it does not
have extending features at the end of the stroke. It is suitable as it can be seen from
far. Sans-serif have a cleaner look and the simplicity of Sans Serif font make the fonts
more legible and easier to read on the screen (, n.d.).

Text formatting use in this project is header, row and column heading, and
body. There is so many type of text formats, each of it do a different job. There is text
format to makes table more readable, emphasize specific task or even to make a single
text stand out than others.


• Production of Graphics

Graphics are most important elements in this animation project. According to (n.d), there is a different type of graphics file formats. Each of them
stores the data of the graphic in a different way. The most common use formats are
bitmap and vector. Bitmap or raster image are stored as a series of dots called pixels.
Each pixel is a small square that is assigned with a colour and then arranged to form
an image. The square can be seen if we zoom in the graphics. As for vector, instead of
using pixels, it uses a mathematical formula to draw lines and curves that can be
combined to form an image such as a circle. Vector graphics tend to be smaller than a
bitmap graphics. This happens because bitmap needs to store each color in each pixel
to form an image. While vector just needs to store the mathematical formula.

This project mainly uses vector graphic to convey the contents of this
animation project. The main character for this project is made from scratch and edited
by using Adobe Photoshop CS6 Extended. The character is made by a few techniques
such as vectorization and combining shape. Vector images is selected because the
graphics are not easily jag. one of the graphics created is used as the main character of
the animation.


Figure 5.1: Vector graphic

• Production of Audio

Digital audio is a technology used to edit audio by recording, store,
manipulating, generating and reproducing sounds using audio signals (Techopedia,
n.d). The audio is used to formulate and to enhances the presentation of animation to
the end user. It can helps improving the participation of user. The audio production is
integrated after the production of text and graphics. The background music and sound
effects need to be harmonized with the other multimedia elements. The audio format
used in this project is mp3.


The production of audio for this project is done with Audacity a free source
software for sound editing, Adobe Premiere, and Adobe Character Animator. The
recording of voice over were amplify by using Audacity. In Premiere and Character
Animator, the audio was placed on a certain layer. All the animation voice over were
recorded by a sound recorder on the smartphones. The recording is done in quiet room
to reduce the noise. Script was produce before the recording is done. To record the
voice over, just to make sure distance between mouth and the phone mic is not too far
and not too close. After recording session finished, all the audio is edited by using
Audacity. The sound effect used in this project are downloaded from

Figure 5.2: Audio file in Audacity

Figure 5.3: Audio file in Premiere


Figure 5.4: Audio file in Character Animator

• Production of Video

Video production is one of the important part is developing this animation
project. All the video rendered by Media Encoder is combined by using Adobe
Premiere. Each of the raw footage is cut and arranged according to the storyboard. The
introduction and outro video in this project are created by using After Effect. The
graphics are arranged on the timeline and some animation is done on the timeline.

Figure 5.5: Graphic in After Effect


Figure 5.6: Footage on the timeline of Premiere

• Production of Animation

Animation is the main content for this project as the domain for this project is
2D animation. The topic earth as a sphere can be more fun and interesting if they were
learned in animated video. There will be 4 learning objective that need to be conveyed
by using animation. All the animation was developed by using Adobe Character
Animator. The character used in the software was design by using Adobe Photoshop.
The file .psd were imported into Character Animator as puppet. The puppet will be rig
on part the body. The hand movement in the animation is triggered by using mouse.
While, the face movement was triggered by plugin from the software.


Figure 5.7: Rigging in Character Animator

5.3 Media Integration

The integration of animation is made in a few software such as After Effect is
used to create the intro and outro animation, Character Animator is used to create the
whole animation scene, Premiere is used to combine all the raw footage and Audacity
is used to edit the voice over recording.


5.4 Implementation Status

Table 5.1: Implementation status
Component Description Duration to
complete Status
Planning Find a current problem
Create a project’s
objective 1 weeks 11/2/2018 On time
Create a project’s title
Design Create storyline
Create storyboard
Write a script
Design character 4 weeks 16/3/2018 Delayed
Discuss with supervisor
Refine script and
Re-design the character
Development List all the scene
Create a scene 8 weeks 16/5/2018 On time
Record voice over
Discuss with supervisor
Rough edit
Find background music
Final editing


5.5 Conclusion

In the nutshell, implementation contains all the steps done to develop the
animation. This chapter is important because it explains about the process involved in
developing this project.