Ahsen+Rauf+Unit+4

Ahsen Rauf Unit 4 Animation Unit 4

**Name:**
Ahsen Rauf

**Unit question:**
= How can I use Animation to inform and educate others? =
 * Pre-Unit exercise (if any) **

= INVESTIGATION = 1. Ramp media type="file" key="Ahsen Rauf Unit 4 Investigation Ramp.swf" width="330" height="330" 2. My Name media type="file" key="Ahsen Rauf Unit 4 Investigation My name.swf" width="360" height="270" 3. Merging Pictures media type="file" key="Ahsen Rauf Unit 4 Investigation Merging pictures.swf" width="363" height="363" 4. Car crash media type="file" key="Ahsen Rauf Unit 4 Investigation Car Crash.swf" width="360" height="270"

The current situation/problem:
The problem is that I have to create an animation that will show Stickman is in school and he is going to make a bad decision and something will happen. It can be good or bad. These animations will be made using an animation program. At school i will use Flash MX 2004 and at home i will use Adobe flash Professional CS6. After we have all finished the create stage i will carry out the tests and one of my friends to see if the animation is clear. The animation is supposed to answer the unit question in one way or the other. The question is 'how can i use animation to inform and educate others'. The animations could range from playing football in the house to running on the edge of the pool. That is how i am supposed to answer the unit question.

The Design Brief
An animation about a stick man in our school environment making a good or bad decision.

The Design Specification
Must follow the story board Must have atleast 6 scenes Must be at least 150 frames long Must have some writing i.e. Must have different layers for the scene Must be attractive Must use Motion Tweens The animation must flow( No jumps and must have a fluent motion)

Tests

 * From || <span style="font-family: Arial,Helvetica,sans-serif;">Test || <span style="font-family: Arial,Helvetica,sans-serif;">YES || <span style="font-family: Arial,Helvetica,sans-serif;">NO ||
 * <span style="font-family: Arial,Helvetica,sans-serif;">Design Specifications || <span style="font-family: Arial,Helvetica,sans-serif;">Does it follow my story board? ||  ||   ||
 * || <span style="font-family: Arial,Helvetica,sans-serif;">Does it have <span class="GINGER_SOFATWARE_correct">atleast 6 scenes? ||  ||   ||
 * || <span style="font-family: Arial,Helvetica,sans-serif;">Is it at least 150 frames long? ||  ||   ||
 * || <span style="font-family: Arial,Helvetica,sans-serif;">Does it use some kind of text? ||  ||   ||
 * || <span style="font-family: Arial,Helvetica,sans-serif;">Does it have different layers in the scene? ||  ||   ||
 * || <span style="font-family: Arial,Helvetica,sans-serif;">Does it use motion tweens in the animation? ||  ||   ||
 * || <span style="font-family: Arial,Helvetica,sans-serif;">Does the animation look attractive ||  ||   ||
 * || <span style="font-family: Arial,Helvetica,sans-serif;">Does the animation flow ||  ||   ||

<span style="font-family: Arial,Helvetica,sans-serif;">What could be improved?

<span style="font-family: Arial,Helvetica,sans-serif; line-height: 1.5;">Did you understand the message easily and was it straightforward?

Research
How can animation be used to inform and educate others <span style="font-family: Arial,Helvetica,sans-serif;">Animation is very useful, and can be used in many different ways, one of which is to educate people. Animation has been used for a long time, to educate different age groups about different and certain issues. It's fun to watch, but it also educates while it does so. It is quite an easy way to educate people, especially children. It also spares people from reading, but they can see it and interpret it for themselves. There are many different types of animation starting off with comic books. It doesn't show frame by frame animation but it is still a type of animation Children's animation is a special type of animation that is wired to only make sense and still be enjoyable to a child. In children's animations the message is always straight forward and clear because it uses special methods to attract the children. This can include many things such as bright colors, continuous solved questions, and they repeat the message or at least show it as very very obvious. Nowadays show <span class="GINGER_SOFATWARE_correct">are very interactive and get the children involved with what is happening by asking them easy questions like "Do you see the bridge (wait 3 seconds for an answer) Oh Yes <span class="GINGER_SOFATWARE_correct">i see the bridge". I think that the most famous ones are Barney, Winnie the Pooh, Dora the Explorer, Mickey MouseClubhouser and Lazytown (Source: Little sister {age 6} watches these shows always). Barney and Winnie the Pooh have been around for quite some time, and are pretty famous. Of course they are now edited and more colorful to keep the viewers interested. Dora the Explorer as well as Mickey Mouse Clubhouse and Lazytown are quite modern shows, but very popular nonetheless. Some shows leave gaps after the main character asks a question, or direct the question at the watchers to get them to think of the answer. This sort of thing excites the children, and they enjoy watching the episodes more. Animation is the simplest method of teaching and for kids who aren't traditional students it makes it a lot easier. Animation can probably help children's learning for almost each subject in school. For PE we could have animations of the most effective way of running. It could show step by step frames so that children can follow and improve their technique. This can also be used in all sports to improve technique. An example would be how to shoot the ball. It would show a step by step animation of the best part of the foot to shoot with. For basketball it could show the best dribbling techniques or the best lay up techniques. For Tennis it could show people who have trouble with their backhand how to use their backhand.
 * <span style="font-family: Arial,Helvetica,sans-serif;">Children's animation **
 * Educational animation**

In Science we already use many interactive animations. If there is something like our current Unit LIGHT AND SOUND, we watched how white light passes through a prism and it is broken into the spectrum of light showing "the colors of the rainbow" and then when it passes through another prism it is recombines. We can also see for example how a virus enters the body and how it infects a cell or how our body creates antibodies to kill bacteria that has entered the body or how light travels and how it is refracted. Animation in Math could be used to learn different formulae and how to solve questions. It would go through step by step instructions <span class="GINGER_SOFATWARE_correct">of how to finish the formula

[] [] [] [] [] [] [] = DESIGN =

Design 1
NEXT

**Plot:** The Stickman gets an F on his English essay. This makes him crazy and he throws down the paper. He kicks the trash cans in anger and the rubbish falls out. He has a moment of crazy and says "I am the king of the world". Then a teacher catches him and shouts. In hastiness he tries to make a run and trips over the trash can and dies. Then the message comes up talking about why you <span class="GINGER_SOFATWARE_correct">shouldnt misues property, Finally a man comes and says <span class="GINGER_SOFATWARE_correct">Dont misues equipment. **Length** There are 15 frames in each scene
 * Layers**: English essay paper, Trash can 1, Trash can 2, Trash can 3, Stickman, AAGH speech bubble, Muahahahahaha speech bubble, Trash, I'm the king of the world speech bubble, RUN speech bubble, Young man you're in <span class="GINGER_SOFATWARE_correct">big trouble speech bubble and blood drops

Design 2
NEXT Characters=Stickman, Punk, Police Officer, <span class="GINGER_SOFATWARE_correct">Dont do this dude Speech bubbles/Text= "What to try", "Sure", "I need the <span class="GINGER_SOFATWARE_noSuggestion GINGER_SOFATWARE_correct">loo ", This is fun", "Hey you stop right there", "Oh No", "You are Arrested", "NOOOOOO"," End message" and finally "<span class="GINGER_SOFATWARE_correct">Dont do this" Others= Spray can, road, Note everything inside the big dividers such as graffiti is a layer <span class="GINGER_SOFATWARE_correct">e.g Crazy, "What to try", "Sure", YARU are all layers on their own
 * Plot:** The animation starts <span class="GINGER_SOFATWARE_correct">of with a person<span class="GINGER_SOFATWARE_correct">( punk) writing graffiti on the walls. Then our <span class="GINGER_SOFATWARE_correct">stickman is passing when he sees the punk doing graffiti. The punk asks if <span class="GINGER_SOFATWARE_correct">stickman would want to try. Stickman agrees and starts with the graffiti. The punk makes an excuse that he needs to go to the toilet and leaves. Stickman continues to do the graffiti until he hears a police officer say "Hey you stop right there." he then drops the spray can and the police officer says" <span class="GINGER_SOFATWARE_correct">Youre Arrested". Then a message comes up about the consequences of <span class="GINGER_SOFATWARE_correct">misues of public property and another man comes up and says"<span class="GINGER_SOFATWARE_correct">Dont Do This"
 * Length** Scene 1= 20 frames Scene 2= 18 frames Scene 3=30 frames Scene 4=18 frames Scene 5= 30 frames Scene 6=30 Frames Scene 7= 30 frames and scene 8= 18 frames. TOTAL =194
 * Layers**= Graffiti=<span class="GINGER_SOFATWARE_correct">( "T0M WAS HERE", "Crazy", "Cool", "Dude", "WAT U LOOKING AT", "You A LOOSR",) all one layer, YARU<span class="GINGER_SOFATWARE_correct">. (All graffiti is expandable <span class="GINGER_SOFATWARE_correct">doesnt have to be these words

Design 3
NEXT Speech/Think bubbles/Text= "Oh no <span class="GINGER_SOFATWARE_correct">i 'll be late", "OK class <span class="GINGER_SOFATWARE_correct">i hope you <span class="GINGER_SOFATWARE_correct">prepared for your test", "Oh no <span class="GINGER_SOFATWARE_correct">i didnt revise", "I will cheat and use my phone", "Class 5 more minutes", "HA HA HA HA, I have all the answers", "<span class="GINGER_SOFATWARE_correct">Derp are you cheating", "N<span class="GINGER_SOFATWARE_correct">, N<span class="GINGER_SOFATWARE_correct">, NO", "<span class="GINGER_SOFATWARE_correct">Ill talk to you outside", "<span class="GINGER_SOFATWARE_correct">Derp you are suspended and you get an F on your test. Now go away", Message about misuse of equipment, "<span class="GINGER_SOFATWARE_correct">Dont Do this" Miscellaneous objects: Phone, Table, Chairs, Clock<span class="GINGER_SOFATWARE_correct">, Road and Grass 1. All of my designs follow this design specification because all of them have 8 scenes which is even better since it means that there is more detail and the story is more understandable 2. Design 2 and Design 3 follow this criteria but Design 1 doesn't. Design 3 has almost exactly 150 frames but Design 2 is better since it has more frames so the animation will be more detailed 3. All of the storyboards have writing on them. All of them have speech bubbles and text at the end to summarize the message. So all of the storyboards follow this specification 4. All of the layers are named for the storyboards and each object is on a different layer. I think that design 2 is better because <span class="GINGER_SOFATWARE_correct">i have all of the timings for each scene so <span class="GINGER_SOFATWARE_correct">i know that <span class="GINGER_SOFATWARE_correct">i can move a layer for -<span class="GINGER_SOFATWARE_correct">-- -amount of time 5. Design 1 and 2 are of good quality but <span class="GINGER_SOFATWARE_correct">i think design 3 is a little plain. I prefer Design 2 again because <span class="GINGER_SOFATWARE_correct">i can use pre-made graffiti to put on the wall which would look really cool. 6. Design 1 and design 2 follow this specification because the scene is very fluent and the background doesn't change frequently. Whereas is Design 3 the backgrounds change 3 times.
 * Plot: ** Stickman is late to school so he runs to class. There the teacher tells the class about the test and that they should have all revised. <span class="GINGER_SOFATWARE_correct">Stick knows that he didn't revise and he would fail. He takes out his phone and starts to cheat. When there are only 5 minutes left the teacher goes around the class to check the peoples work. She finds Derp on the phone and gets angry. <span class="GINGER_SOFATWARE_correct">Derp gets suspended, his phone is confiscated and he gets an F on his test. Finally a message <span class="GINGER_SOFATWARE_correct">pups up that says not to do this and a guy then says "Don't do this"
 * Length** Each scene is 19 frames
 * Layers=** People=Stickman, Student, teacher and the <span class="GINGER_SOFATWARE_correct">Dont Do this dude
 * FINAL JUSTIFICATION AND EVALUATION**
 * **<span style="font-family: Arial,sans-serif; font-size: 10pt;">Design Specifications ** || **<span style="font-family: Arial,sans-serif; font-size: 10pt;">Design 1 ** || **<span style="font-family: Arial,sans-serif; font-size: 10pt;">Design 2 ** || **<span style="font-family: Arial,sans-serif; font-size: 10pt;">Design 3 ** ||
 * **<span style="background-color: white; font-family: Arial,sans-serif; font-size: 10pt;">Must follow the story board ** || **<span style="font-family: Arial,sans-serif; font-size: 10pt;"> NA ** || **<span style="font-family: Arial,sans-serif; font-size: 10pt;"> NA ** || **<span style="font-family: Arial,sans-serif; font-size: 10pt;">NA ** ||
 * **<span style="background-color: white; font-family: Arial,sans-serif; font-size: 10pt;">1. Must have at least 6 scenes ** || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10pt;">YES ** || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10pt;"> YES ** || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10pt;">YES ** ||
 * **<span style="background-color: white; font-family: Arial,sans-serif; font-size: 10pt;">2. Must be at least 150 frames long ** || **<span style="color: red; font-family: Arial,sans-serif; font-size: 10pt;">NO ** || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10pt;"> YES ** || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10pt;">YES ** ||
 * **<span style="background-color: white; font-family: Arial,sans-serif; font-size: 10pt;">3. Must have some writing ** || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10pt;"> YES ** || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10pt;"> YES ** || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10pt;">YES ** ||
 * **<span style="background-color: white; font-family: Arial,sans-serif; font-size: 10pt;">4. Must have different layers for the scene ** || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10pt;"> YES ** || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10pt;"> YES ** || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10pt;">YES ** ||
 * **<span style="background-color: white; font-family: Arial,sans-serif; font-size: 10pt;">5. Must be of good Quality ** || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10pt;"> YES ** || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10pt;"> YES ** || ** NO ** ||
 * **<span style="background-color: white; font-family: Arial,sans-serif; font-size: 10pt;">Must use Motion **<span style="font-family: Arial,sans-serif;">**Tween** || **<span style="font-family: Arial,sans-serif; font-size: 10pt;"> NA ** || **<span style="font-family: Arial,sans-serif; font-size: 10pt;"> NA ** || **<span style="font-family: Arial,sans-serif; font-size: 10pt;">NA ** ||
 * **<span style="background-color: white; font-family: Arial,sans-serif; font-size: 10pt;">6. The animation must flow (No jumps and must have a fluent motion) ** || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10pt;">YES ** || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10pt;">YES ** || **<span style="color: red; font-family: Arial,sans-serif; font-size: 10pt;">NO ** ||

Finally <span class="GINGER_SOFATWARE_correct">i chose design 2 because it follows the design specification the most and <span class="GINGER_SOFATWARE_correct">i really like it because it is of the best quality and it is also expendable.

= PLAN = (2 min) || 6/5/2013 || Computer, Google chrome, internet access, Wikispaces || A computer required for basic functions like opening files. Internet access for actually having internet and Google chrome for accessing it. The Wikispaces website for going on <span class="GINGER_SOFATWARE_correct">to the wiki. || For Today i have done enough work and even a little more. So i have followed the plan and am on task. || (2 min) || 6/5/2013 || Computer, Google chrome, internet access, Wikispaces || A computer required for basic functions like opening files. Internet access for actually having internet and Google chrome for accessing it. The Wikispaces website for going on <span class="GINGER_SOFATWARE_correct">to the wiki. || For Today i have done enough work and even a little more. So i have followed the plan and am on task. || (2 min) || 6/5/2013 || Computer, Google chrome, internet access, Wikispaces || A computer required for basic functions like opening files. Internet access for actually having internet and Google chrome for accessing it. The Wikispaces website for going on <span class="GINGER_SOFATWARE_correct">to the wiki. || For Today i have done enough work and even a little more. So i have followed the plan and am on task. || (2 min) || 6/5/2013 || Computer, Google chrome, internet access, Wikispaces || A computer required for basic functions like opening files. Internet access for actually having internet and Google chrome for accessing it. The Wikispaces website for going on <span class="GINGER_SOFATWARE_correct">to the wiki. || For Today i have done enough work and even a little more. So i have followed the plan and am on task. || (2 min) || 6/5/2013 || Computer, Google chrome, internet access, Wikispaces || A computer required for basic functions like opening files. Internet access for actually having internet and Google chrome for accessing it. The Wikispaces website for going on <span class="GINGER_SOFATWARE_correct">to the wiki. || For Today i have done enough work and even a little more. So i have followed the plan and am on task. || (5 min) || 6/5/2013 || Computer, Adobe CS6 flash pro || A computer required for basic functions like opening files. Internet access for actually having internet and Google chrome for accessing it. The Wikispaces website for going on <span class="GINGER_SOFATWARE_correct">to the wiki. || For Today i have done enough work and even a little more. So i have followed the plan and am on task. || (2 <span class="GINGER_SOFATWARE_correct">sec ) || 6/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for <span class="GINGER_SOFATWARE_correct">Choosing paintbrush tool || For Today i have done enough work and even a little more. So i have followed the plan and am on task. || (2 <span class="GINGER_SOFATWARE_correct">sec ) || 6/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making a new layer || For Today i have done enough work and even a little more. So i have followed the plan and am on task. || (10 min) || 6/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for Drawing the punk || For Today i have done enough work and even a little more. So i have followed the plan and am on task. || (2 <span class="GINGER_SOFATWARE_correct">sec ) || 6/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making a new layer || For Today i have done enough work and even a little more. So i have followed the plan and am on task. || (10 min) || 6/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for Drawing the Stickman || For Today i have done enough work and even a little more. So i have followed the plan and am on task. || (2 <span class="GINGER_SOFATWARE_correct">sec ) || 6/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making a new layer || For Today i have done enough work and even a little more. So i have followed the plan and am on task. || (10 min) || 6/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for Drawing the officer || For Today i have done enough work and even a little more. So i have followed the plan and am on task. || (2 <span class="GINGER_SOFATWARE_correct">sec ) || 7/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making a new layer ||  || (10 min) || 7/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for Drawing the guy that shows up <span class="GINGER_SOFATWARE_correct">in the end ||  || (2 <span class="GINGER_SOFATWARE_correct">sec ) || 7/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for choosing the pencil tool ||  || (2 <span class="GINGER_SOFATWARE_correct">sec ) || 7/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making a new layer ||  || (15 min) || 7/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for Drawing the a spray can ||  || (2 <span class="GINGER_SOFATWARE_correct">sec ) || 7/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making a new layer ||  || 7 min) || 7/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for Drawing the road ||  || (2 <span class="GINGER_SOFATWARE_correct">sec ) || 7/5/2013 || Computer, Google Chrome, || A computer required for basic functions like opening files. Internet access for actually having internet and Google chrome for accessing it. ||   || (2 min) || 7/5/2013 || Computer, Google Chrome, Google Images || A computer required for basic functions like opening files. Internet access for actually having internet and Google chrome for accessing it. And Google images is where the pictures will come from ||   || (15 min) || 7/5/2013 || Computer, Google Chrome, Google Images || A computer required for basic functions like opening files. Internet access for actually having internet and Google chrome for accessing it. And Google images is where the pictures will come from ||   || (2 min) || 7/5/2013 || Computer, Google Chrome, Google Images, Brain! || A computer required for basic functions like opening files. Internet access for actually having internet and Google chrome for accessing it. And Google images is where the pictures will come from. Finally you need a brain to decide the 5 pictures ||  || (2 min) || 7/5/2013 || Computer, Google Chrome, Google Images || You need Google images to save the picture from Google chrome which will go to the computer ||  || (5 min) || 9/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro ||  || (2 <span class="GINGER_SOFATWARE_correct">sec ) || 9/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making a new layer ||  || (1 min) || 9/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for importing the picture to stage || I need only one Picture || (2 <span class="GINGER_SOFATWARE_correct">sec ) || 9/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making a new layer || I need only one Picture || (1 min) || 9/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for importing the picture to stage || I need only one Picture || (2 <span class="GINGER_SOFATWARE_correct">sec ) || 9/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making a new layer || I need only one Picture || (1 min) || 9/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for importing the picture to stage || I need only one Picture || (2 <span class="GINGER_SOFATWARE_correct">sec ) || 9/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making a new layer || I need only one Picture || (1 min) || 9/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for importing the picture to stage || I need only one Picture || (2 <span class="GINGER_SOFATWARE_correct">sec ) || 9/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making a new layer || I need only one Picture ||
 * ** TASK ** || **DATE** || **RESOURCES REQUIRED** || **<span class="GINGER_SOFATWARE_correct">Explained use of resources (Note: Computer all of the parts including monitor, keyboard, mouse, UPS <span class="GINGER_SOFATWARE_correct">etc …)** || **COMMENTS** ||
 * Open in Google chrome
 * Go to Wikispaces
 * Open your unit 4 <span class="GINGER_SOFATWARE_correct">page
 * Look at design Specification
 * Look at chosen design
 * Open CS6 flash pro
 * Chose paintbrush tool
 * Make a new layer
 * Draw the <span class="GINGER_SOFATWARE_correct">punk
 * Make a new layer
 * Draw Stickman
 * Make a new layer
 * Draw the officer
 * Make a new layer
 * Draw the guy that shows up <span class="GINGER_SOFATWARE_correct">in the end
 * Chose pencil tool
 * Make a new layer
 * Draw spray can
 * Make a new layer
 * Draw the road
 * Open Google Chrome
 * Open Google images
 * Search various graffiti
 * Chose 1 piece of graffiti
 * Save the <span class="GINGER_SOFATWARE_correct">picture
 * Go to CS6 flash pro
 * New layer
 * Click file, and import graffiti 1 to stage.
 * New layer
 * Click file, and import graffiti 2 to stage.
 * New layer
 * Click file, and import graffiti 3 to stage.
 * New layer
 * Click file, and import graffiti 4 to stage.
 * New layer
 * Click file, and import graffiti 5 to stage.

(1 min) || 9/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for importing the picture to stage || I need only one Picture || (2 <span class="GINGER_SOFATWARE_correct">sec ) || 9/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making a new layer || I need only one Picture || (1 min) || 9/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for importing the picture to stage || I need only one Picture || (2 min) || 9/5/2013 || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making more frames ||  || (20 min) || 10/5/2013 (HW) || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making Stickman walk up to the <span class="GINGER_SOFATWARE_correct">punk in those 38 frames ||  || (5 min) || 10/5/2013 (HW) || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making the Punk say “Want to try” and Stickman say “Sure” ||  || (2 min) || 10/5/2013 (HW) || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making more frames ||  || (20 min) || 11/5/2013 (HW) || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making the <span class="GINGER_SOFATWARE_correct">punk put his hands on his hip and watch Stickman ||  || (5 min) || 11/5/2013 (HW) || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making the Stickman say “This is fun” ||  || (20 min) || 11/5/2013 (HW) || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making the punk leave ||  || (5 min) || 11/5/2013 (HW) || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making Stickman continue writing on the wall ||  || (20 min) || 12/5/2013 (HW) || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making the Stickman stop writing, drop the spray can and put his hands on his head when he hears the police officer say “ Hey you stop right there” ||  || (10 min) || 12/5/2013 (HW) || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making the police officer move into the scene and say you’re arrested. ||  || (2 min) || 13/5/2013 (HW) || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making the message pop up about why it is bad to <span class="GINGER_SOFATWARE_correct">vandalise public property ||   || (10 min) || 14/5/2013 (HW) || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making the guy that shows up <span class="GINGER_SOFATWARE_correct">in the end; shows up in the end ||  || Attempt at evaluating I think that this is a very good plan because it is very, very detailed and contains many, many steps. It also shows the detailed use of resources and time. I have gaps between most working days so if I fall behind in class for some reason such as if I am sick then I can do the work at home. I also have a comments bar so that <span class="GINGER_SOFATWARE_correct">i can put in some planning errors so that I can improve next time or maybe even something that was really good and I want to use it next time. Like all great plans there is always a flaw. This plan can easily fail if I get sick, if I get a sudden burden of assessments and other work that I <span class="GINGER_SOFATWARE_correct">fall way to <span class="GINGER_SOFATWARE_correct">back on my ICT and of course the most regular problem in Malawi very slow or no internet at all. = CREATE = media type="file" key="Ahsen Rauf Unit 4 Create stage Animation.swf" width="330" height="330" Modifications and justifications
 * New layer
 * Click file, and import graffiti 6 to stage.
 * Add 38 frames to each layer
 * Make Stickman walk up to the <span class="GINGER_SOFATWARE_correct">punk in those 38 frames
 * During those 38 frames also add the Punk saying “Want to try” and Stickman <span class="GINGER_SOFATWARE_correct">say “Sure” in their own separate layers
 * Add 30 more frames to each layer
 * Make the <span class="GINGER_SOFATWARE_correct">punk put his hands on his hip and watch Stickman
 * During these 30 frames make Stickman say “This is fun”
 * Make the punk leave in between the current 30 frames and the next 18
 * Make Stickman continue writing on the wall for the 18 frames
 * In the next 30 frames make Stickman stop writing, drop the spray can and put his hands on his head when he hears the police officer say “ Hey you stop right there”
 * In the next 30 <span class="GINGER_SOFATWARE_correct">frame In the police officer layer make the police officer move into the scene and say <span class="GINGER_SOFATWARE_correct">your arrested.
 * In these 30 frames make Stickman say “NOO” and make him get bigger and smaller continuously so that it looks like he is afraid. (15 min) || 13/5/2013 (HW) || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making the Stickman say “NOOOO” and make him get bigger and smaller continuously ||  ||
 * Make 30 more frames. (2 min) || 13/5/2013 (HW) || Computer, Adobe CS6 flash || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making more frames ||  ||
 * In the next 30 frames make a message pop up about why it is bad to <span class="GINGER_SOFATWARE_correct">vandalise public property.
 * Make 18 more frames for all layers. (2 min) ||  ||   || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making 18 more frames ||   ||
 * Finally for the last 18 frames make the guy that shows up <span class="GINGER_SOFATWARE_correct">in the end; shows up in the end
 * Also for these 18 frames add the “Don’t do this” text. (5 min) || 14/5/2013 (HW) || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for making the “Don’t do this” text <span class="GINGER_SOFATWARE_correct">appear ||  ||
 * Go back and recheck that everything is completed and that there are no errors. (30 min) || 15/5/2013 (HW) || Computer, Adobe CS6 flash pro || A computer required for opening adobe cs6 flash pro and cs6 flash pro for checking that the animation is in top notch ||  ||
 * 1) I changed the design by using one piece of big graffiti instead of 5-6 small pieces because i really liked this one and i couldn't find a way to make the wall look like a wall and so since this piece of graffiti is on the wall it looks much better
 * 2) I changed the background for the 7th scene to make it look more attractive
 * 3) I added the lightning striking the stick man and then the fire lighting effect on the guy that appears at the end to make the animation a little more fin and interesting
 * 4) I gave the police officer a hat so that you could distinguish him from the stick man and the punk
 * 5) I used circles instead of speech bubbles for speech because i wasn't able to successfully draw speech bubbles

<span style="color: #00ff00; font-family: 'Comic Sans MS',cursive; font-size: 130%;">PROOF OF DESIGN SPECIFICATION = EVALUATE = This is a table that shows the views of 3 people on the final product. These people include me, David and Ashnee. Almost all of the tests have been given a YES by 3 people except the last one. I understand this and i know that i could have made the stick man move a little more realistically. This could be done by an idea Mr. Mutasa gave my that would really look good. It was that i have a moving background so that it looks like the stickman is moving. This emphasizes the movement of the stickman and it looks awesome. I think that my product meets all of the tests and other people agreed with me. I think my create was a successful. I have questions in my tests so that i know where i could improve and if the message was clear or not. David= A little more color and sound would be really cool Ashnee= The people need to move more fluently Me=I think that i could have added sound or a moving background also i could have tried to draw the road to make it much more realistic <span style="font-family: Arial,Helvetica,sans-serif;">David=I think it was pretty straight forward <span style="font-family: Arial,Helvetica,sans-serif;">Ashnee= Easy to understand <span style="font-family: Arial,Helvetica,sans-serif;">Me=I think the message was very clear Investigate=I think that i should have spent less time on the pre unit exercises so that i could have elaborated on my research Design=I think i should have made the designs more colorfull and also separated the evaluation against the design specification and the evaluation against other designs Plan= I think i should have put my use of resources in a separate table so that i can add more detail and get a higher grade Create= I should have made my create a earlier so that i can look back and make it better
 * Test || YES || NO ||
 * Does it follow my story board? || 3 ||  ||
 * Does it have atleast 6 scenes? || 3 ||  ||
 * Is it at least 150 frames long? || 3 ||  ||
 * Does it use some kind of text? || 3 ||  ||
 * Does it have different layers in the scene? || 3 ||  ||
 * Does it use motion tweens in the animation? || 3 ||  ||
 * Does the animation look attractive || 3 ||  ||
 * Does the animation flow || 2 || 1 ||
 * <span style="font-family: Arial,Helvetica,sans-serif;">What could be improved? **
 * <span style="font-family: Arial,Helvetica,sans-serif;">Did you understand the message easily and was it straightforward? **
 * **<span style="font-family: Arial,sans-serif; font-size: 10pt;">Design Specifications ** || **<span style="font-family: Arial,sans-serif; font-size: 10pt;">Final Product ** ||
 * **<span style="background-color: white; font-family: Arial,sans-serif; font-size: 10pt;">Must follow the story board ** || ** YES my final product does follow the storyboard almost perfectly. The only difference is the special lightning and fire effect at the end ** ||
 * **<span style="background-color: white; font-family: Arial,sans-serif; font-size: 10pt;">Must have at least 6 scenes ** || **<span style="color: #00ff00; font-family: Arial,sans-serif;">My design specification says that i need at least 6 scenes but i have 8 which is even better ** ||
 * **<span style="background-color: white; font-family: Arial,sans-serif; font-size: 10pt;">Must be at least 150 frames long ** || ** YES my design specification states that i need at least 150 frames but i have even more (700+) which is better because it means there is more detail in the animation ** ||
 * **<span style="background-color: white; font-family: Arial,sans-serif; font-size: 10pt;">Must have some writing ** || **<span style="color: #00ff00; font-family: Arial,sans-serif;">YES my animation does have writing. There are three forms of writing. The first one comes as speech bubbles that appear very often through the animation. The second form of writing is the graffiti on the wall which is basically the background for most of the animation. The last form of writing is the message that appears at the end about how vandalism is bad ** ||
 * **<span style="background-color: white; font-family: Arial,sans-serif; font-size: 10pt;">Must have different layers for the scene ** || **<span style="color: #00ff00; font-family: Arial,sans-serif;">YES all of the different objects are in different layers and i have almost 14 layers ** ||
 * **<span style="background-color: white; font-family: Arial,sans-serif; font-size: 10pt;">Must be of good Quality ** || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10pt;">YES the product is of good quality because it uses color and i used the deco tool in FLASH PRO CS6 which helped me make the product better ** ||
 * **<span style="background-color: white; font-family: Arial,sans-serif; font-size: 10pt;">Must use Motion **<span style="font-family: Arial,sans-serif;">**Tween** || ** YES the product does use lots of motion tween's. One example would really be the stick man because the bone tool basically adds nodes all over the stick-mans body so it creates a sort of tween that you can add different poses to make it move from one pose to another during one point of time ** ||
 * **<span style="background-color: white; font-family: Arial,sans-serif; font-size: 10pt;">The animation must flow (No jumps and must have a fluent motion) ** || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10pt;">YES the animation has a very fluent motion and there are no sudden jumps when characters are moving ** ||
 * Changes in the way i worked on the design cycle**


 * ==Stage== || ==Grade== || ==Reason For Level .== || ==How to improve next time .== ||
 * ==INVESTIGATE== ||  ||   || Use tests that dont include YES/No Answers ||
 * ==**DESIGN**== ||  ||   ||   ||
 * ==**PLAN**== ||  ||   || Separate table for detailed use of resources ||
 * ==**CREATE**== ||  ||   ||   ||
 * ==**EVALUATE**== ||  ||   ||   ||
 * ==**ATTITUDES IN**==

**TECHNOLOGY**
||  ||   ||   ||