Proposal (Animation 3 Part 1)

Proposal (Animation 3 Part 1)

1.0 Introduction

This is a proposal for the campaign project for the Handheld Device Addiction. The researcher choose the issue of handheld device addiction or also known as smartphone addiction and the target audience is teenagers. The issues states that teenagers are spending way too much time facing their phones even when they are on an outing with friends or family (Heather Chen, 2015).

Design is a language that has no barrier, any race or religion can understand the design language. Design in other term is used as visual communication, which is communication through visual means. How the message is being sent though depends on the receiving end of the communication as each person has a different take on the certain visual image. However a good design will always send the correct message to whoever is looking at it. In this project, the design language will be to send the message to the audience without being too direct. Design in terms of theme or concept will help the target audience understand what they will be expecting from the project and also who is the project is for. Visual communication is important in every project as it is the only thing that help the designer talk to the target audience without him/her being there.

The idea is to create a movement called #shareaday on instagram and other social media websites that allows the teenagers to participate in an activity that uses both their phones and human interactivity. This proposal is to create an animation that supports the movement for the campaign by creating an advert type motion graphics that introduces and explain the campaign to the people. The main objective of the animation will be to tell people of the campaign, what is it about? How do they participate? What do they need to do? All of these question are to be answered in the motion graphics itself.

2.0 Aims and Objectives

Aim: To introduce the campaign to the target audience using advert motion graphics

Objectives:

1.      To research about handheld device addiction and animation technique

2.      To analyze handheld device addiction on teenagers and animation technique to use in this campaign

3.      To apply handheld device addiction on teenagers into animation to give people an awareness

3.0 Methods

3.1 Research

In order to make the animation, one have to understand the animation issue which is handheld device addiction. Therefore a research must be conducted on the keywords handheld devices and addiction.

What is Smartphone?

A smartphone is a cellular phone with a computer integrated within and have features that originally was not included in a cellphone such as an operating system, web browsing and the ability to run software applications on the cellphone (R. Margaret, 2007).

What is Addiction?

It is defined as having no control over the actions like doing, consuming or using to the point where it becomes harmful to you. Addiction can occur in many forms like alcohol, gambling even working and shopping. When not able to get the addicted subject a form of withdrawal syndrome on the addicted person making him feeling uneasy (NHS, 2015). Habits can turn into addiction without the person noticing as there is a slight difference between habit and addiction, habit is done by choice and can be stopped at any time if the person chooses to, and addiction on the other hand is consist of psychological and physical component, the person under the effect of addiction is unable to control their action towards the object of addiction (N. Christion, 2009).

Asia’s smartphone addiction

A writer in BBC by name of Heather Chen wrote on an article on Asia’s smartphone addiction. In about 1000 students in South Korea were tested in a survey, out of 72% of them were aged 11-12 and owns a smartphone. They spend an average of 5.4 hours on them daily and were considered to be addicted to the device. The study were said to be later revealed in 2016 and also stress is an important factor that increases the chance of one getting addicted (C. Heather, 2015)

Texting While Walking Accident (Video)

ABC News did a report in 2012 for people that are walking with their face or eyes on something else which results in accidents where people bump on each other or worst vehicles. It made a town in the US wanted to enforce a law that will fine people for walking on the streets with their phones in the hand under Jaywalking. A survey was testing by Western Washington University where they send a clown into the campus and only ¼ of the students walking noticed the clown (ABC News, 2012)

Look Up (Video)

A filmmaker by the name Gary Turk who launched a viral video called “Look Up”. In the video he show and state the issue that is going on but no one seems to notice which is how much we have become a loner with all the social networking and instant messaging. How we all think we have 450 friends on Facebook but not more than 30 have we actually met. How we stopped going out to play in the play with other kids but now stay home watching or playing an iPad, how even a family sits together in the living room but not one word is uttered among them. He showed the effect of handheld devices has done to us in a 4:59 video. In the end, he ask us to put down our phone and live life the right way. (T. Gary, 2014)

3.2 Experimentation

Before the selection on concepts and themes, I have to do an experimentation on animation techniques to use in the animation itself. These experimentation is to have a general idea on how to execute the techniques and see if it is applicable in the animation for the final project.

3.2.1 Cut Out experimentation

The first experimentation is using paper cut outs, however instead of using the traditional way I used a digital method of that technique. A famous animation uses this technique as well “South Park” 

Initial sketch of the cut out experiment of the character design, which then was scanned into digital form and cut into pieces using Adobe Photoshop. And import into Adobe After-Effect and animated from there.

====

3.2.2 Flash 2D experimentation

The next experimentation is 2D animation using Flash program which is done frame by frame unlike the cut out experimentation where the parts are move post to post through time frames.

Fig.1

Fig.2

Fig.3

Design Sketch (Graphics Design 3 Part 1)

Design Sketch (Graphics Design 3 Part 1)

To provide a overview of the project, a design sketch of the website is needed to give an impression of how the final design is going to look like and also get feedback from the module leader and lecturers for fine tuning and improvements as the project gets carried on.

HOME PAGE

Home page consist of photos and videos that is most recently submitted by participants and also serves like a cover page of a proposal. From here the participants can move the photo in the middle like a roller and also their Instagram account is also listed below the photo for those who wants to follow him/her and make a friend. Also the tabs above allows them to move to other pages like Submit page, Gallery page, Contact Us page and About page.

SUBMIT PAGE

The submit page allows the participants to submit the final photo or video that they wanted to use for the day. They could use the # system of Instagram but they could use that and submit multiple photos or videos so in order to make sure that everyone gets the same chance they are only allowed to use 1 photo or video for the submission of the objective of the day. 

GALLERY PAGE

In the Gallery page they can view all the photos and videos that has been submitted to the campaign/objective of the day. Viewers will begin by looking at a grid formation of photos and thumbnails of videos they can have a closer look when they click on it.

When clicked the background is darken and the photo that is selected will be zoomed in and centered on screen with details of the submitter and a like button which can be clicked if the viewer likes the photo. There are no limitation to how many times a viewer can like but it is limited one like per photo or video. This way the project does not limit the freedom of the viewer to express their opinion. 

CONTACT US PAGE

The Contact Us page has a brief explanation about the person who organized the campaign project and a summary of the personal information like the background of education, name, age, and etc. Other than that is a list of links that will direct people to certain sites like Facebook, Twitter and such to contact the organizer about certain issues. 

ABOUT PAGE

In the About page, is where the explanation of the campaign project is. Here the viewers and participants can read about what this campaign is actually about and what is it trying to achieve. What is the purpose of the campaign and what is the main goal of the organizer, which is to make the teenagers the participant uses the time on the mobile phone more efficiently. The project also wishes more teenagers would accompany friends and family especially the parents more rather than they just look down on the phone all the time even during meet ups. 

This is a draft version, the colours, fonts and design is not final and would be changed in the final design this is just a guideline design.

2D Animation Flash Experiment - Rotoscoping (Animation 3 Part 1)

2D Animation Flash Experiment - Rotoscoping (Animation 3 Part 1)

The second experiment consist of using frames motion setting frame after frame by creating few key frames at the beginning

With the few frames done and I add in empty frames to build a estimated length of frames and work my way to the next frame/pose 

Using the same methods, I complete the whole thing frame after frame

And finally done I export into movie

Cut Out animation Results (Animation 3 Part 1)

Cut Out animation Results (Animation 3 Part 1)

After the parts are cut out using Photoshop they are extracted into After Effects to animated

Drag the parts one by one into the 5 secs composition and position them properly

Slowly drag the parts into position and move them by 0.2 seconds per frame

Little by little reached the end of the 5 second animation

This is the final result

Step 7 (Thesis) (RE-draft)

Step 7 (Thesis) (RE-draft)

In a discussion with the module leader, some part in Component 1 needed to be enhanced

This is the redraft version of the the Methodology

Cut Out animation (Animation 3 Part 1)

Cut Out animation (Animation 3 Part 1)

Beginning of the experimentation, I have to create the design for the experiment:

Fig.1: First Sketch for Cut Out experiment (Character Design from Year 1 Part 2)

After drawing and sketching the character design or the subject of experiment, the design is break up 

into parts for each part that moves. Some parts are duplication of the same part like the legs therefore there is only one leg drawing that will be duplicated into two legs to avoid different ratio is scale and size if both legs are hand drawn.

After done sketching, scanning is done and threw into Photoshop and cut part by part here are the results:

Fig.2: The Arm

Fig.3: The Body

Fig.4: The Feet

Fig.5: The Left Hand

Fig.6: The Right Hand

Fig.7: The Head Sideways

Fig.8: The Head Sideview

Fig.9: The Leg

Survey Questions (Draft) (Thesis)

Survey Questions (Draft) (Thesis)

A draft version of the questionnaire that will be given out to the targeted audience for data collection

This is the draft version for Smartphone/Handheld Device Usage Questionnaire