Principles of Animation Unit - Animation Course

•

Activities - 20%

- Activity 1 - Exploration of Animation and The Tools

- Activity 2 - Principles of Animation part 1 (first 4 principles)

- Principles of Animation part 2 (next 4 principles)

- Principles of Animation part 3 (last 4 principles)

Behance Unit Portfolio Project:

Cover:
-Reflect theme of Course
-Art Cover image 404 X 316
-Text "Principles of Animation Unit"

Settings:
Creative Fields:
-Apply 3 project theme-related "Creative Fields"

Tags:
- 15 theme generated tags (use key concepts)

Project Description:
- "this is my animation portfolio"

Extra Information:
-Brand: Animation and SislerIDM
-Agency: Winnipeg School Division
-School: Sisler High School

Credits:
-Add the cast and crew with roles

Tools Used:
-Identify all tools used in this unit: Adobe Flash CS6, Adobe Audition CS6, Behance, paper, pencils, light-table

Content:
-Embed all Unit components

-Title each activity
-Use the portfolio Text styles appropriately

Activity 1 - Exploration of Animation & THE TOOLS

IN this activity, students will learn ...

- about frame rate & how to manipulate frame rate (fps)

- how to animate on the ones, twos and threes

- the differences between frames, key-frames and between (tween) frames

- create an animation which works as an optical illusion

- how to setup an animation

- how to work with layers in an animation

- use basic animation drawing tools

- how to export an animated short

Key-terms:

-Key-Frame, Frame, Between Frame

-Vector vs raster

-Stroke snd Fill

-Stage, Properties and Toolbar Panels

-Layers & Onion Skin

-Paint Brush Tool and option

-FPS and Frame Rate

-.fla, swf and mov (export options)

Download this file: https://drive.google.com/open?id=0B1acrQvByFWzY24tYVg2YnptSXM

Part 1 - Storyboard

1. Examine the provided file. theme: student choice of theme, but animation must

- use all provided layers

- must start and end with the same key frame (do not tweak keyframe on 1 and 71)

- fill in the story

2. Students are to plan their digital flip-book by creating a storyboard: 10-15 frames (1 picture for every 3 frames in flip-book)

3. Take photos of your storyboard and post to Behance.

Part 2 - Digital Flip-Book Ani Jam:

Students will create a digital flip-book using their storyboard as a template or as reference. This animation must only be a line animation, that means no fills!

1 Open up the downloaded file and rename: firstlastname_activity1.fla in a Unit 1 Folder (create folder structure in class)

2 Keep dimensions the same and animation @ 24 fps

3 Use pose to pose approach and map out your animated storyboard

4 Rename all layers appropriately

5 Keep all non-working layers locked

6 animation must be 72 frames

7 Always remember to keep each object should be on a different layer

8 Each action must be on a keyframe

9 Save as: firstlastname_U1_A1d.fla

10 Export as: firstlastname_U1_A1d.mov and firstlastname_U1_A1d.swf

11. Upload Storyboard and animation (MOV) to Behance Portfolio (under an Activity 1 title).

Work )

Assessment:

Storyboard /2

Layers/art: /2
animation flow/theme: /2
optical illusion: /3
Title slide: /1
total: /10

Activity 2 - The 12 Principles of Animation

Attention Students!

Please Read this article before we begin today's class: https://ohmy.disney.com/movies/2016/07/20/twelve-principles-animation-disney/

The 12 basic principles of animation were developed by the 'old men' of Walt Disney Studios, amongst them Frank Thomas and Ollie Johnston, during the 1930s. Of course they weren't old men at the time, but young men who were at the forefront of exciting discoveries that were contributing to the development of a new art form. These principles came as a result of reflection about their practice and through Disney's desire to use animation to express character and personality. This movie is a take on those principles, applied to simple shapes. Like a cube.

The 12 Principles of Animation

Squash and Stretch
Anticipation
Staging
Straight Ahead Action and Pose to Pose
Follow Through and Overlapping Action
Slow In and Slow Out
Arc
Secondary Action
Timing
Exaggeration
Solid drawing
Appeal

Resource site: http://www.alanbecker.net/portfolio/12-principles-of-animation/

Pat 1:

Students are to study, explore, understand and document the 12 Principles of Animation under an Activity 2 title on their BeHance Unit project. Find (and site) a comprehensive definition (with citation) and a list the 12 principles of animation. Post text of all 12 Principles of Animation on Behance project under the appropriate title.

Part 2:

Students:

- are to make 3 separate animations. Each animation will be created using Scenes (5 per animation file) of 3-5 seconds each.

- each animation will be created using Actionscript 3, with a stage of 1080 pixels by 720 pixels at 24 fps,

- each animation must identify (using text tool) the principles in the animation, and begin with a 3 second title slide followed: The Principles of Animation (list the four principles) by your name, month and year"

- are to create a Principles of Animation 1 depicting (led by teacher):

- Arc,

- Squash & Stretch,

- Straight Ahead Action and Pose to Pose

- Slow In and Slow Out

- are to create a Principles of Animation 2 depicting (led by teacher):

- Timing
- Exaggeration

- Anticipation
- Staging

- are to create a Principles of Animation 3 depicting (no teacher lead):

- Follow Through

- Solid Drawing

- Appeal

- Secondary Action

ALL ANIMATIONS MUST ONLY USE A STROKE ANIMATION TECHNIQUE WITH NO FILL!

-Save as: firstlastname_PrinciplesofAnimation1.fla, irstlastname_PrinciplesofAnimation2.fla, & irstlastname_PrinciplesofAnimation3.fla,
-Export movie as: firstlastname_PrinciplesofAnimation1.swf and firstlastname__PrinciplesofAnimation1 .mov (same applies for animations 2 & 3)

-Upload firstlastname__PrinciplesofAnimation.mov under the Activity 2 Title on BeHance.

- Provide a description for each of your principles of animation under each posted animation

Assessment:
3 MARKS - Principles of Animation identified
1 MARK - Saving Procedures

2 MARKS - Organization of scenes
12 MARKS - Supporting Animations
2 MARKS - Title slide
total: /20

Take a look at what other students did last semester:

The Entire Collection: https://www.behance.net/collection/113172909/01-Animation-Sem-1

ExemplarS:

https://www.behance.net/gallery/43259351/Principles-of-Animation-Unit

https://www.behance.net/gallery/42803669/Principles-of-Animation-Unit

https://www.behance.net/gallery/43260333/Principles-Of-Animation-Unit-1

Teacher Tutorials

Activity 3 - ANIMATING A LOGO

Intent:

Doodle 4 Google Canada is a national contest inviting students from Kindergarten to Grade 12 to redesign the logo for the Google.ca homepage for a day.*

As Canada blows out a whole lot of candles for its 150th birthday this year, what better way to celebrate than by asking students to imagine what the next 150 years will look like? Google believes our youth hold the key to a bright future for Canada, and can't wait to see what their optimism, creativity and imagination give rise to.

The winning doodle will be featured on the Google Canada homepage for 24 hours. The winning student will also receive a $10,000 university scholarship, a Google Chromebook, and a $10,000 technology award for their current school along with a trip to the final event on June 13, 2017.

Criteria:

Submit a doodle now!

We're excited to see some amazing doodles this year. Students can work with any materials they want, but all doodles must be entered using the entry form. Parents, legal guardians and teachers can submit a doodle online as a .png, or .jpg. or mail us the completed entry form.

The contest is open for entries until May 2nd, 2017, 11:59pm EST, so here's some information to help you get started:

Here's how to get started:

1) Download or print the entry form
2) Doodle! Have artists create their doodle around the theme "What I see for Canada's future is...". Artists can draw their doodle by hand, computer or with any materials they want. For further inspiration and to code a doodle, check out our special Doodle 4 Google brainstorming activities.
3) Fill out the information on the entry form in full
4) If the doodle wasn't created directly on the entry form, take a digital photo or scan of the doodle and include it with the entry form. If you're submitting a digital entry, save the completed entry form as a .png, or .jpg.
5) Enter the contest online by submitting below or by mail

All submissions should be entered using the official doodle entry form, available below, and signed by a parent or legal guardian.

Multiple applications may be submitted by teachers who are making submissions on behalf of an entire class.

To submit an entry, upload your doodle below. Please ensure the file format for the attachment is .png or .jpg. If the submission is a photograph, the image should be at least 300 dpi.

Alternatively, entries may be mailed to the following address. Please be sure to include the completed entry form.

Doodle 4 Google Canada
PO Box 550, Toronto Adelaide Retail
31 Adelaide St E
Toronto, ON
M5C 2J6

Upload your doodle: https://doodles.google.ca/d4g/submit.html

Task:

Students are to

- Brainstorm "What I See For Canada’s Future Is..." Connect to Canada 150th birthday and the Google logo.

- Storyboard your animation.

- upload to Behance

- create a 3-5 second animated Google logo meeting the criteria of the Google Doodle outline above.

- export as firstlastname_logo activity.mov and upload to Behance