View source for Open Curricula Projects 2D Animation 9-Day Class

[[File:Open Curricula Projects logo.png|thumb|right|125px|Open Curricula Projects logo (coming soon).]]

[[File:Velma Meets the Original Velma - YouTube thumbnail.jpg|thumb|right|250px|[https://www.YouTube.com/playlist?list=PLvg8eyC7StzT4lmxk7-k3cYNOavc1rY-E '''◉ ANIMATION ◉''' YouTube playlist] compiled by [[User:JasonCarswell]].</br>
</br>
'''Noteworthy videos with analysis, insights, and instructions''' on acting, animation, arcs, arts, audio, budgets, character, character design, cinematography, classical animation, clients, commentary, communicating, composition, computer animation, craft, credits and titles, culture, design, dialogue, documentaries, editing, entertainment industry, filmmaking, how-to, industry animation, layout and design, lighting, making-of, marketing, media, music, pacing, pencil tests, performance, political influence, previsualization, rigging, screenwriting, social analysis, social media, staging, stop-motion, storyboarding, storytelling, structure, substance, subtext, technical animation, techniques, textures, video distribution, web animation, etc.</br>
</br>
There's also an [https://www.youtube.com/playlist?list=PLvg8eyC7StzQPQFiwAuzj5_zm90s1WKZ- '''◎ ANIMATION Unseen ◎''' YouTube playlist] with unseen content that may or may not be noteworthy.]]

: ''This page is a work in progress.  Feel free to '''[[How to join Projex.Wiki|join]]''' to help edit Projex.Wiki.  Check back for developments.''
: ''The references on this wiki-page are primarily to very limited Wikipedia articles.  Better references and sources may be found and inserted.''

This '''[[Open Curricula Projects 2D Animation 9-Day Class]]''' presents an '''introductory crash course on the fundamentals of animation''', traditional animation on paper (cels), traditional animation on computers, design-in-motion and design-over-time, compositing, editing, etc.  A particular focus will be on pragmatically preparing students for production and the job placements that may follow the 9-day class.  Therefore less emphasis will be on the theory, homework, and practice exercises necessary to build stronger skills.

A briefer summary of this 9-day class is on this wiki-page: '''[[Windsor Media Centre Animation Classes]]'''.


== Schedule ==

The '''[[Windsor Media Centre]]''''s first 2D animation classes start in September, 2023.

: '''9 days over 3 weeks''':
: Mondays, Tuesdays, Wednesdays
: 4,5,6 | 11,12,13 | 18,19,20 of September, 2023.
: Class size of ''ONLY'' 10-15 students.

=== Hours ===

* 3.5 hours morning (9am - 12:30pm)
* 0.5 hour lunch (12:30pm - 1pm) <span style="color:red; background-color: yellow">'''???'''</span>
* 3.5 hours afternoon (1pm - 4:30pm)
* after class hours <span style="color:red; background-color: yellow">'''???'''</span>
* off-class days <span style="color:red; background-color: yellow">'''???'''</span>

== Portfolio ==

Not a requirement, but it might be good if students could bring in examples of their illustration abilities and/or short clips of video work.  Not to worry if you have none to show or aren't prepared.


== 2D Animation on paper - Day 1/9 ==

Introduction to traditional 2D animation on paper, day 1 of 3.

=== 1/9-A 9:00-12:30 Morning ===

==== 1/9-A 09:00-10:00 Introductions.====

* A brief overview of the teacher, their experience, etc.
* Student introductions, portfolios, experience, ambitions, goals, objectives.
* Teacher gauges the general class levels.
* Run down the overview of what has been prepared for the class to be presented.
* Teacher may determine what lessons, if any, might be omitted.

'''Flexibility of options.'''

* Student may get out of the class what they wish to get from it.
* Students may be as passive or as active as they wish.
* Students may absorb the fundamentals class as prepared and presented.
* Students may take a vote to set aside portions of little interest to focus on other elements.
* Students may generally ignore the lessons to work on their own personal project for their demo reel, and ask for assistance when the teacher has a moment.
* Students may prefer to work on a collaborative class production.

As a flexible creative teacher, I will not only be ready to spontaneously adapt to other scenarios (ie. basic skill levels, advanced students, diverse mixture, diverse interests, etc.), I have several great creative concepts worthy of being fleshed out by the class, should they wish to explore my options.  (Or they could come up with new ideas.)  With luck and time available I may even outline these options on the side in preparation, on the chance they should be needed.

For clarity and simplicity, the remainder of this 9-day class outline will be traditionally prepared to be presented, without tangential "options".

==== 1/9-A 10:00-11:00 [[General animation production]] ====

'''Like any other industry, animation is a business.'''

* [[Animation business]]
* [[Animation producers]]
* [[Animation resources]]
* [[Grant writing]]
* [[Publishing and distribution]] 
** [[Copyrights and copylefts]]
* [[Screenwriting]]
* WP: [https://en.Wikipedia.org/wiki/Art_pipeline Art pipeline]
*: Like any other production, '''a good pipeline is necessary.'''
* WP: [https://en.Wikipedia.org/wiki/Project_management_triangle Project management triangle], aka The law of two thirds: '''quality''', '''speed''', or '''price'''.

'''[[What is (the magic of) animation?]]'''

* WP: [https://en.Wikipedia.org/wiki/Persistence_of_vision Persistence of vision]
** WP: [https://en.Wikipedia.org/wiki/Strobe_light Strobe light]
** WP: [https://en.Wikipedia.org/wiki/Flicker_fusion_threshold Flicker fusion threshold]
** WP: [https://en.Wikipedia.org/wiki/Zoetrope Zoetrope]
** WP: [https://en.Wikipedia.org/wiki/Praxinoscope Praxinoscope]
** WP: [https://en.Wikipedia.org/wiki/Electrotachyscope Electrotachyscope]
** WP: [https://en.Wikipedia.org/wiki/Flip_book Flip book]
** WP: [https://en.Wikipedia.org/wiki/Mutoscope Mutoscope]
** WP: [https://en.Wikipedia.org/wiki/Stop_motion Stop motion]
* WP: [https://en.Wikipedia.org/wiki/Filmmaking Filmmaking]
* WP: [https://en.Wikipedia.org/wiki/Animation Animation]
* WP: [https://en.Wikipedia.org/wiki/Art_pipeline Art pipeline]

Just because you can do anything with the magic of video, it doesn't mean you should.

A professional animator and/or filmmaker's craft must be commercially viable.

===== '''P'''.'''I'''.'''C'''.'''T'''.'''U'''.'''R'''.'''E'''. =====

* '''P'''hysics - must be obeyed, even [https://en.Wikipedia.org/wiki/Cartoon_physics cartoon physics], including audio, balance/weight, lighting, special effects, etc.
* '''I'''ntention - and purpose must apply to everything, all scripts, words, actions, motives, characters, props, sets, focus, tones.
* '''C'''larity - is paramount.
* '''T'''iming - is critical.
* '''U'''tilize limitations - embrace them to develop into your '''stylization'''.
* '''R'''espect the audience, their attention/focus, intelligence, time, etc.
* '''E'''motions in all things, animate or not.

[[File:Learn the rules like a pro, so you can break them like an artist.jpg|thumb|right|200px|It's unclear if Pablo Picasso actually said the truism, "'''Learn the rules like a pro, so you can break them like an artist.'''" (Follow the [https://en.wikiquote.org/wiki/Talk:Pablo_Picasso discussion on Wikiquote.org].)]]

It's unclear if Pablo Picasso actually said the truism, "'''Learn the rules like a pro, so you can break them like an artist.'''" (Follow the [https://en.wikiquote.org/wiki/Talk:Pablo_Picasso discussion on Wikiquote.org].)

Worth mentioning:

* WP: [https://en.Wikipedia.org/wiki/Chekhov's_gun Chekhov's gun]
* WP: [https://en.Wikipedia.org/wiki/Pathetic_fallacy Pathetic fallacy]
* WP: [https://en.Wikipedia.org/wiki/Anthropomorphism Anthropomorphism]
** WP: [https://en.Wikipedia.org/wiki/Anthropocentrism Anthropocentrism]
* WP: [https://en.Wikipedia.org/wiki/Photorealism Photorealism]
** WP: [https://en.Wikipedia.org/wiki/Realism_(arts) Realism (arts)]
*** WP: [https://en.Wikipedia.org/wiki/Trompe-l'œil Trompe-l'œil]
** WP: [https://en.Wikipedia.org/wiki/Hyperrealism_(visual_arts) Hyperrealism (visual arts)]
*** WP: [https://en.Wikipedia.org/wiki/Unbiased_rendering Unbiased rendering]
* WP: [https://en.Wikipedia.org/wiki/Uncanny_valley Uncanny valley]
** WP: [https://en.Wikipedia.org/wiki/Creepiness Creepiness]
** WP: [https://en.Wikipedia.org/wiki/Minimal_counterintuitiveness_effect Minimal counterintuitiveness effect]

==== 1/9-A 11:00-12:00 [[Filmmaking]] ====

Like any other motion picture, animation follows the '''[[Fundamentals of filmmaking]]'''.

* WP: [https://en.Wikipedia.org/wiki/Filmmaking Filmmaking]

: <span style="color:red; background-color: yellow">'''REFINE THIS SECTION'''</span>

* [[Art department]]
* WP: [https://en.Wikipedia.org/wiki/Art_pipeline Art pipeline]
* [[Characters]]
* [[Character arcs]]
* [[Character dynamics]]
* [[Editing]]
* [[Genres]]
* [[Layout and design]]
* [[Originality]]
* [[Pacing]]
* [[Performance]]
* [[Plot arcs]]
* [[Production design]]
* [[Reference]]
* [[Screenwriting]]
* [[Staging]]
* [[Stereotypes]]
* [[Storytelling]]
* [[Subtext]]
* [[Themes]]
* [[Tones]]
* [[Visual language]]

==== 1/9-A 12:00-12:30 [[Draw circles]] on paper ====

Introduction to the desk, paper, pencils, etc.

<span style="color:red; background-color: yellow">'''???'''</span> 
'''Homework''' assignment: '''[[Draw circles]]'''

[[File:21 Foundations of Animation, YouTube thumbnail.jpg|thumb|right|200px|Superior to the 12 principles:</br>
'''''[https://www.youtube.com/watch?v=8J39SslgJsQ 21 Foundations of Animation]''''' (9:41)</br>
01 Appeal</br>
02 Strong Design</br>
03 Staging</br>
04 Acting & Pantomime</br>
05 Keys & Breakdowns</br>
06 Straight Ahead & Pose to Pose</br>
07 Thumbnails</br>
08 Timing, Spacing & Easing</br>
09 Squash & Stretch</br>
10 Arcs</br>
11 Primary & Secondary Action</br>
12 Silhouette</br>
13 Line of Action & Reversals</br>
14 Anticipation, Overshoot & Settle</br>
15 Opposing Action</br>
16 Counterpose</br>
17 Leading Action</br>
18 Breaking Joints</br>
19 Overlap & Follow Through</br>
20 Accents</br>
21 Exaggeration</br>
clearly presented by Angry ANIMATOR, 2019-01-15.]]

[[File:Book the illusion of life.jpg|thumb|right|200px|Book cover of ''[https://en.Wikipedia.org/wiki/Disney_Animation:_The_Illusion_of_Life Disney Animation: The Illusion of Life]''.]]

[[File:Squash and Stretch.svg|thumb|right|200px|The squash and stretch principle:<br />rigid, non-dynamic movement of a ball is compared to a "squash" at impact and a "stretch" during the fall and after the bounce. Also, the ball moves less in the beginning and end (the "slow in and slow out" principle).]]

=== 1/9-B 1:00-4:30 Afternoon ===

==== 1/9-B 01:00-02:00 [[Fundamentals of classical animation]] on paper ====

* WP: [https://en.Wikipedia.org/wiki/Traditional_animation Traditional animation]

[https://en.Wikipedia.org/wiki/Twelve_basic_principles_of_animation Twelve basic principles of animation] were introduced by the [[Disney]] animators [[Ollie Johnston]] and [[Frank Thomas]] in their 1981 book ''Disney Animation: The Illusion of Life''.

: 01 WP: [https://en.Wikipedia.org/wiki/Twelve_basic_principles_of_animation#Squash_and_stretch Squash and stretch]
: 02 WP: [https://en.Wikipedia.org/wiki/Twelve_basic_principles_of_animation#Anticipation Anticipation]
: 03 WP: [https://en.Wikipedia.org/wiki/Twelve_basic_principles_of_animation#Staging Staging]</br>
: 04 WP: [https://en.Wikipedia.org/wiki/Twelve_basic_principles_of_animation#Straight_ahead_action_and_pose_to_pose Straight ahead action and pose to pose]
:: WP: [https://en.Wikipedia.org/wiki/Straight_ahead_animation Straight ahead animation]
:: WP: [https://en.Wikipedia.org/wiki/Pose_to_pose_animation Pose to pose animation]
::: WP: [https://en.Wikipedia.org/wiki/Key_frame Key frame]
::: WP: [https://en.Wikipedia.org/wiki/Inbetweening Inbetweening]
::: + Pushing through or bounce back.
: 05 WP: [https://en.Wikipedia.org/wiki/Twelve_basic_principles_of_animation#Follow_through_and_overlapping_action Follow through and overlapping action]
:: + Successive breaking of joints.
:: + Whip.
: 06 WP: [https://en.Wikipedia.org/wiki/Twelve_basic_principles_of_animation#Slow_in_and_slow_out Slow in and slow out]
: 07 WP: [https://en.Wikipedia.org/wiki/Twelve_basic_principles_of_animation#Arc Arc]
: 08 WP: [https://en.Wikipedia.org/wiki/Twelve_basic_principles_of_animation#Secondary_action Secondary action]
: 09 WP: [https://en.Wikipedia.org/wiki/Twelve_basic_principles_of_animation#Timing Timing]
: 10 WP: [https://en.Wikipedia.org/wiki/Twelve_basic_principles_of_animation#Exaggeration Exaggeration]
: 11 WP: [https://en.Wikipedia.org/wiki/Twelve_basic_principles_of_animation#Solid_drawing Solid drawing]
:: + Physics.
: 12 WP: [https://en.Wikipedia.org/wiki/Twelve_basic_principles_of_animation#Appeal Appeal].

Clearly presented and superior to the 12 principles, on YouTube: '''''[https://www.youtube.com/watch?v=8J39SslgJsQ 21 Foundations of Animation]''''' (9:41) ~ Angry ANIMATOR, 2019-01-15.

:: [https://www.AngryAnimator.com/word/2022/11/18/what-courses-to-watch/ AngryAnimator.com/word/2022/11/18/what-courses-to-watch]

: 01 Appeal
: 02 Strong Design
: 03 Staging
: 04 Acting & Pantomime
: 05 Keys & Breakdowns
: 06 Straight Ahead & Pose to Pose
: 07 Thumbnails
: 08 Timing, Spacing & Easing
: 09 Squash & Stretch
: 10 Arcs
: 11 Primary & Secondary Action
: 12 Silhouette
: 13 Line of Action & Reversals
: 14 Anticipation, Overshoot & Settle
: 15 Opposing Action
: 16 Counterpose
: 17 Leading Action
: 18 Breaking Joints
: 19 Overlap & Follow Through
: 20 Accents
: 21 Exaggeration

==== 1/9-B 02:00-03:00 [[Arcs, Keys, Tweens]] on paper ====

* [[Arcs]]
* [[Pendulum swing]]
* [[Key frames]]
* How to [[Flip animation]] pages.
*: Not to be confused with WP: [https://en.Wikipedia.org/wiki/Flip_book Flip book]
* [[Inbetweens]]

==== 1/9-B 03:00-04:00 [[Animate bouncing balls]] on paper ====

: ''Not to be confused with (follow the) WP: [https://en.Wikipedia.org/wiki/Bouncing_ball_(music) Bouncing ball (music)].''

* [[Drop ball bounce]]
* [[Heavy & bouncy balls]]
* [[Bounce off cube]]

<span style="color:red; background-color: yellow">'''???'''</span> 
'''Homework''' assignment: '''[[Animate bouncing balls]]'''

==== 1/9-B 04:00-04:30 [[Critical analysis]] ====

Review the '''''[https://www.youtube.com/watch?v=8J39SslgJsQ 21 Foundations of Animation]''''' (9:41) ~ Angry ANIMATOR, 2019-01-15.

: <span style="color:red; background-color: yellow">'''Find examples of bad animations on YouTube.'''</span>

Then play bad animations to quiz class on what's (obviously) wrong in the videos - according to the 21 foundations of animation.


== 2D Animation on paper - Day 2/9 ==

Introduction to traditional 2D animation on paper, day 2 of 3.

* [[Classical animation exercises]]

=== 2/9-A 9:00-12:30 Morning ===

==== 2/9-A 09:00-10:00 Grain-sacks and [[Pencil tests]] on paper ====

* [[Draw grain-sacks]] with emotions
* [[Animate grain-sacks]]
* [[Pencil tests]]
** WP redirected from Pencil test (animation): [https://en.Wikipedia.org/wiki/Traditional_animation#Animation Traditional animation#Animation]

==== 2/9-A 10:00-11:00 [[Animation departments]] and [[Figure drawing]] on paper ====

[[File:Merrie Melodies - Jungle Jitters (1938) - Door-to-Door Salesman - Character Model Sheet.jpg|thumb|right|200px|The character model sheet of a door-to-door salesman for the American traditional animated short film, [[Jungle Jitters]] (also known as the Fulla Bluff Salesman as the working title), part of the [[Merrie Melodies]] series, circa 1938.]]
[[File:Bridgman's Complete Guide To Drawing From Life, book cover.jpg|thumb|right|200px|Book cover of '''''[https://en.Wikipedia.org/wiki/George_Bridgman Bridgman]'s Complete Guide To Drawing From Life'''''.]]

: <span style="color:red; background-color: yellow">'''REFINE THIS SECTION'''</span>

* [[Character design]]
** WP: [https://en.wikipedia.org/wiki/Model_sheet Model sheet]
** WP: [https://en.Wikipedia.org/wiki/Off-model Off-model]
** WP: [https://en.Wikipedia.org/wiki/Character_animation Character animation]
* [[Illustration]]
* [[Storyboards]]
* [[Layout]]
* [[Backgrounds]]
* [[Animatics]]
* [[Key animation]]
** WP: [https://en.Wikipedia.org/wiki/Key_frame Key frame]
* [[Inbetweening]]
** WP: [https://en.Wikipedia.org/wiki/Inbetweening Inbetweening]
* [[Pencil tests]]
* [[Scanning]]
* [[Inking]]
* [[Painting]]

* Anatomical structure, body / figure drawing:
** WP: [https://en.Wikipedia.org/wiki/Figure_drawing Figure drawing]
** WP: [https://en.Wikipedia.org/wiki/George_Bridgman George Bridgman] (1864-1943)
** WP: [https://en.Wikipedia.org/wiki/Body_proportions Body proportions]
** WP: [https://en.Wikipedia.org/wiki/Body_shape Body shape]
** WP: [https://en.Wikipedia.org/wiki/Physical_attractiveness Physical attractiveness]

==== 2/9-A 11:00-12:00 [[Walk cycle fundamentals]] ====

[[File:Muybridge race horse animated.gif|thumb|right|200px|Follow through and overlapping action: the galloping race horse's mane and tail follow the body. Sequence of photos taken by [https://en.Wikipedia.org/wiki/Eadweard_Muybridge Eadweard Muybridge].]]

* Walk cycles
** WP: [https://en.Wikipedia.org/wiki/Walk_cycle Walk cycle]
** Side
** Front
** Three-quarters
* Double-bounce
* Sneak
* Proud
* Run cycles
* WP: [https://en.Wikipedia.org/wiki/Eadweard_Muybridge Eadweard Muybridge]

==== 2/9-A 12:00-12:30 [[Animate stick figure walk]] on paper ====

<span style="color:red; background-color: yellow">'''???'''</span> 
'''Homework''' assignment: '''[[Animate stick figure walk]]'''

=== 2/9-B 1:00-4:30 Afternoon ===

==== 2/9-B 01:00-02:00 [[Storyboarding]], [[Animate pitch and swing]] on paper ====

[[File:Baseball pitching motion 2004.jpg|thumb|right|200px|Anticipation: a baseball player making a pitch prepares for the action by winding his arm back.]]

[[Storyboarding]] overview.

* WP: [https://en.Wikipedia.org/wiki/Storyboard Storyboard]

[[Baseball pitch]], fundamentals of animation and physics exemplified in an exercise.

[[Baseball swing]], fundamentals of animation and physics exemplified in an exercise.

==== 2/9-B 02:00-03:00 [[Animatic]] / [[Board-o-matic]] ====

[[Animatic]] / [[Board-o-matic]], scanned sequential images compiled into a crude previsualization video for reference to refine staging, editing, pacing, timing, etc.

* WP: [https://en.Wikipedia.org/wiki/Storyboard#Animatics Storyboard#Animatics]
* WP: [https://en.Wikipedia.org/wiki/Previsualization Previsualization]

==== 2/9-B 03:00-04:00 [[Animate whip]] on paper ====

[[Whip exercise]], fundamentals of animation and physics exemplified in an exercise.

==== 2/9-B 04:00-04:30 Homework ====

<span style="color:red; background-color: yellow">'''???'''</span> 
'''Homework''' assignment: '''[[Animate pitch and swing]]'''

<span style="color:red; background-color: yellow">'''???'''</span> 
'''Homework''' assignment: '''[[Animate whip]]'''


== 2D Animation on paper - Day 3/9 ==

Introduction to traditional 2D animation on paper, day 3 of 3.

* WP: [https://en.Wikipedia.org/wiki/Computer_facial_animation Computer facial animation]

=== 3/9-A 9:00-12:30 Morning ===

==== 3/9-A 09:00-10:00 [[Character design]] and [[Model sheets]] on paper ====

: <span style="color:red; background-color: yellow">'''REFINE THIS SECTION'''</span>

* Character design
** WP: [https://en.wikipedia.org/wiki/Model_sheet Model sheet]

==== 3/9-A 10:00-11:00 [[Face design]] on paper ====

[[File:Bridgman's Complete Guide To Drawing From Life, book cover.jpg|thumb|right|200px|Book cover of '''''[https://en.Wikipedia.org/wiki/George_Bridgman Bridgman]'s Complete Guide To Drawing From Life'''''.]]

: <span style="color:red; background-color: yellow">'''REFINE THIS SECTION'''</span>

* Anatomical structure, body / figure drawing:
** WP: [https://en.Wikipedia.org/wiki/Figure_drawing Figure drawing]
** WP: [https://en.Wikipedia.org/wiki/George_Bridgman George Bridgman] (1864-1943)
** WP: [https://en.Wikipedia.org/wiki/Body_proportions Body proportions]
** WP: [https://en.Wikipedia.org/wiki/Body_shape Body shape]
** WP: [https://en.Wikipedia.org/wiki/Physical_attractiveness Physical attractiveness]
** WP: [https://en.Wikipedia.org/wiki/Perspective_(graphical) Perspective (graphical)]
** WP: [https://en.Wikipedia.org/wiki/Perspective_distortion Perspective distortion]
* Anatomical structure, face:
** WP: [https://en.Wikipedia.org/wiki/Face Face]
** WP: [https://en.Wikipedia.org/wiki/Facial_symmetry Facial symmetry]
** WP: [https://en.Wikipedia.org/wiki/Portrait Portrait]
* Anatomical structure, character:
** WP: [https://en.Wikipedia.org/wiki/Physiognomy]
** WP: [https://en.Wikipedia.org/wiki/Caricature Caricature]
** WP: [https://en.Wikipedia.org/wiki/Anthropomorphism]
** WP: [https://en.Wikipedia.org/wiki/Character_(arts) Character (arts)]

==== 3/9-A 11:00-12:00 [[Facial expressions]] and [[Visemes]] ====

[[File:Mouth Shape Chart.png|thumb|right|200px|Mouth shape chart featuring common phonemes and visemes.]]
[[File:Preston Blair Dialogue.gif|thumb|right|200px|A page from '''''Cartoon Animation''''' (1994) by Preston Blair, the best book for animation students.]]

: <span style="color:red; background-color: yellow">'''REFINE THIS SECTION'''</span>

* Facial expressions
* WP: [https://en.Wikipedia.org/wiki/Facial_expression Facial expression]
* WP: [https://en.Wikipedia.org/wiki/Lip_reading#Phonemes_and_visemes Phonemes and visemes]
* WP: [https://en.Wikipedia.org/wiki/Viseme Viseme]

==== 3/9-A 12:00-12:30 Study pencil tests on paper ====

Study [[Pencil tests]] on YouTube.

<span style="color:red; background-color: yellow">'''???'''</span> 
'''Homework''' assignment: '''[[Design model sheets]]''', full body and facial

=== 3/9-B 1:00-4:30 Afternoon ===

==== 3/9-B 01:00-02:00 [[Animate meow]] on paper ====

[[File:LipSyncRecording.jpg|thumb|right|200px|Lip sync recording.]]

<span style="color:red; background-color: yellow">'''???'''</span> 
'''Homework''' assignment: '''[[Animate meow]]'''

* [[Animate meow]]
* [[Lip sync]]
** WP: [https://en.Wikipedia.org/wiki/Lip_sync Lip sync]
* [[Dialogue emphasis]]
* [[Dialogue arcs]]

==== 3/9-B 02:00-03:00 [[Click track]] and [[Exposure sheet]] ====

: <span style="color:red; background-color: yellow">'''REFINE THIS SECTION'''</span>

* WP: [https://en.Wikipedia.org/wiki/Click_track Click track]

* Dope sheets / exposure sheets
** WP: [https://en.Wikipedia.org/wiki/Exposure_sheet Exposure sheet]

==== 3/9-B 03:00-04:00 [[Layout and design]] ====

: <span style="color:red; background-color: yellow">'''REFINE THIS SECTION'''</span>

* Layout and design

==== 3/9-B 04:00-04:30 [[First week questions]] ====

* [[First week questions]]
* Review homework exercises.

== Long Weekend 1 ==

4 days to do homework and study the [https://www.YouTube.com/playlist?list=PLvg8eyC7StzT4lmxk7-k3cYNOavc1rY-E '''◉ ANIMATION ◉''' YouTube playlist] compiled by [[Jason Carswell]], featuring '''noteworthy videos with analysis, insights, and instructions''' on acting, animation, arcs, arts, audio, budgets, character, character design, cinematography, classical animation, clients, commentary, communicating, composition, computer animation, craft, credits and titles, culture, design, dialogue, documentaries, editing, entertainment industry, filmmaking, how-to, industry animation, layout and design, lighting, making-of, marketing, media, music, pacing, pencil tests, performance, political influence, previsualization, rigging, screenwriting, social analysis, social media, staging, stop-motion, storyboarding, storytelling, structure, substance, subtext, technical animation, techniques, textures, video distribution, web animation, etc.  (There's also an [https://www.youtube.com/playlist?list=PLvg8eyC7StzQPQFiwAuzj5_zm90s1WKZ- '''◎ ANIMATION Unseen ◎''' YouTube playlist] with unseen content that may or may not be noteworthy enough to include in the primary playlist.)  Jason has also compiled a [https://www.YouTube.com/playlist?list=PLvg8eyC7StzQYPsL3uQkWCvYfqbUxVI7O '''◉ FILMMAKING ◉''' YouTube playlist].


== 2D Animation on computers - Day 4/9 ==

Introduction to 2D animation on computers, day 1 of 3.

=== 4/9-A 9:00-12:30 Morning ===

==== 4/9-A 09:00-10:00 Overview of history, techniques, and styles ====

A brief overview of [[Animation research]] - history, techniques, and styles.

==== 4/9-A 10:00-11:00 Overview of [[Visual language]] for animation ====

A brief overview of [[Visual language]] for animation.

==== 4/9-A 11:00-12:00 Overview of [[Computer basics]] ====

A brief overview of [[Computer basics]].

* Fundamentals
* GUI
* Interface
* File management
* File formats

Introduction to

* WP: [https://en.Wikipedia.org/wiki/Adobe_Photoshop Adobe Photoshop]
* WP: [https://en.Wikipedia.org/wiki/GIMP GIMP]

==== 4/9-A 12:00-12:30 [[Scanning and registration]] on computer ====

[[Scanning and registration]].

* WP: [https://en.Wikipedia.org/wiki/Image_scanner Image scanner]
* WP: [https://en.Wikipedia.org/wiki/Image_registration Image registration]

<span style="color:red; background-color: yellow">'''???'''</span> 
'''Homework''' assignment: '''[[Scan images]]'''

=== 4/9-B 1:00-4:30 Afternoon ===

==== 4/9-B 01:00-02:00 [[Image layers]] on computer ====

A brief overview on [[Image layers]].

==== 4/9-B 02:00-03:00 [[Onion skinning]] on computer ====

A brief overview on [[Onion skinning]].

* WP: [https://en.Wikipedia.org/wiki/Onion_skinning Onion skinning]
** WP: [https://en.Wikipedia.org/wiki/Onionskin Onionskin]

==== 4/9-B 03:00-04:00 [[Image file animation]] on computer ====

A brief overview on [[Image file animation]].

* WP: [https://en.Wikipedia.org/wiki/GIF GIF]
* WP: [https://en.Wikipedia.org/wiki/APNG APNG] - Animated Portable Network Graphics (APNG) is a (2004+) file format which extends the Portable Network Graphics (PNG) specification to permit animated images that work similarly to animated GIF files, while supporting 24-bit images and 8-bit transparency not available for GIFs. It also retains backward compatibility with non-animated PNG files.
* WP: [https://en.Wikipedia.org/wiki/Multiple-image_Network_Graphics Multiple-image_Network_Graphics] - MNG is closely related to the PNG image format (1995+).  Multiple-image Network Graphics (MNG) is a graphics file format, published in 2001, for animated images.
* WP: [https://en.Wikipedia.org/wiki/WebM WebM] = '''''Google evil'''''
* WP: [https://en.Wikipedia.org/wiki/WebP WebP] = '''''Google evil'''''
* WP: [https://en.Wikipedia.org/wiki/Comparison_of_graphics_file_formats Comparison of graphics file formats]

==== 4/9-B 04:00-04:30 [[Animate bouncing balls]] on computer ====

<span style="color:red; background-color: yellow">'''???'''</span> 
'''Homework''' assignment: '''[[Animate bouncing balls]]''', this time on the computer

== 2D Animation on computers - Day 5/9 ==

Introduction to 2D animation on computers, day 2 of 3.

=== 5/9-A 9:00-12:30 Morning ===

==== 5/9-A 09:00-10:00 [[Animate figure walk]] on computer ====

<span style="color:red; background-color: yellow">'''???'''</span> 
'''Homework''' assignment: '''[[Animate figure walk]]''', this time on the computer

==== 5/9-A 10:00-11:00 ... ====

Continued...

==== 5/9-A 11:00-12:00 ... ====

Continued...

==== 5/9-A 12:00-12:30 FILL THIS SECTION ====

: <span style="color:red; background-color: yellow">'''FILL THIS SECTION'''</span>

=== 5/9-B 1:00-4:30 Afternoon ===

==== 5/9-B 01:00-02:00 [[Animate pitch and swing]] on computer ====

<span style="color:red; background-color: yellow">'''???'''</span> 
'''Homework''' assignment: '''[[Animate pitch and swing]]''', this time on the computer

==== 5/9-B 02:00-03:00 ... ====

Continued...

==== 5/9-B 03:00-04:00 ... ====

Continued...

==== 5/9-B 04:00-04:30 Find a good sound bite ====

<span style="color:red; background-color: yellow">'''???'''</span> 
'''Homework''' assignment: '''Find a good [https://en.Wikipedia.org/wiki/Sound_bite Sound bite] to lip sync animate for tomorrow.'''


== 2D Animation on computers - Day 6/9 ==

Introduction to 2D animation on computers, day 3 of 3.

=== 6/9-A 9:00-12:30 Morning ===

==== 6/9-A 09:00-10:00 [[Animate whip]] on computer ====

<span style="color:red; background-color: yellow">'''???'''</span> 
'''Homework''' assignment: '''[[Animate whip]]''', this time on the computer

==== 6/9-A 10:00-11:00 ... ====

Continued...

==== 6/9-A 11:00-12:00 [[Animate meow]] on computer ====

<span style="color:red; background-color: yellow">'''???'''</span> 
'''Homework''' assignment: '''[[Animate meow]]''', this time on the computer

==== 6/9-A 12:00-12:30 FILL THIS SECTION ====

: <span style="color:red; background-color: yellow">'''FILL THIS SECTION'''</span>

=== 6/9-B 1:00-4:30 Afternoon ===

==== 6/9-B 01:00-02:00 [[Animate lip sync]] on computer ====

<span style="color:red; background-color: yellow">'''???'''</span> 
'''Homework''' assignment: '''[[Animate lip sync]]''', this time on the computer

==== 6/9-B 02:00-03:00 ... ====

Continued...

==== 6/9-B 03:00-04:00 ... ====

Continued...

==== 6/9-B 04:00-04:30 [[Second week questions]] ====

* [[Second week questions]]
* Review homework exercises.

Also:

<span style="color:red; background-color: yellow">'''???'''</span> 
'''Homework''' assignment: '''Develop a 10-second short concept to do post production on.'''


== Long Weekend 2 ==

4 days to do homework and study the [https://www.YouTube.com/playlist?list=PLvg8eyC7StzT4lmxk7-k3cYNOavc1rY-E '''◉ ANIMATION ◉''' YouTube playlist] compiled by [[Jason Carswell]], featuring '''noteworthy videos with analysis, insights, and instructions''' on acting, animation, arcs, arts, audio, budgets, character, character design, cinematography, classical animation, clients, commentary, communicating, composition, computer animation, craft, credits and titles, culture, design, dialogue, documentaries, editing, entertainment industry, filmmaking, how-to, industry animation, layout and design, lighting, making-of, marketing, media, music, pacing, pencil tests, performance, political influence, previsualization, rigging, screenwriting, social analysis, social media, staging, stop-motion, storyboarding, storytelling, structure, substance, subtext, technical animation, techniques, textures, video distribution, web animation, etc.  (There's also an [https://www.youtube.com/playlist?list=PLvg8eyC7StzQPQFiwAuzj5_zm90s1WKZ- '''◎ ANIMATION Unseen ◎''' YouTube playlist] with unseen content that may or may not be noteworthy enough to include in the primary playlist.)  Jason has also compiled a [https://www.YouTube.com/playlist?list=PLvg8eyC7StzQYPsL3uQkWCvYfqbUxVI7O '''◉ FILMMAKING ◉''' YouTube playlist].


== 2D Animation post production - Day 7/9 ==

Introduction to 2D post production on computers, day 1 of 3.

=== 7/9-A 9:00-12:30 Morning ===

==== 7/9-A 09:00-10:00 Overview of [[Audio production]] ====

: <span style="color:red; background-color: yellow">'''REFINE THIS SECTION'''</span>

A brief overview of [[Audio production]].

* [[Audio engineering]]
* [[Audio performances]]
* [[Sound editing]]
* [[Sound effects]]
* [[Sound engineering]]
* [[Sound foley]]
* [[Sound recording]]

==== 7/9-A 10:00-11:00 Overview of [[3D computer animation production]] ====

: <span style="color:red; background-color: yellow">'''REFINE THIS SECTION'''</span>

A brief overview of [[3D computer animation production]].

* A brief [[Introduction to 3D computer animation]]
* WP: [https://en.Wikipedia.org/wiki/Computer_animation Computer animation]
* [[Fundamentals of 3D computer animation]]
* 3D animation production is incrementally built in stages, often compartmentalized into [[CGI departments]]
*# [[Storyboards]]
*# [[Modelling]]
*# [[Rigging]]
*# [[Staging]]
*# [[Previsualization]]
*# [[Animation]]
*# [[Dynamic simulations]]
*# [[Textures]]
*# [[Lighting]]
*# [[Rendering]]
*# [[Post production]] (see below)
** See also, WP: [https://en.Wikipedia.org/wiki/Art_pipeline Art pipeline]

==== 7/9-A 11:00-12:00 Overview of [[Post production]] ====

: <span style="color:red; background-color: yellow">'''REFINE THIS SECTION'''</span>

A brief overview of [[Post production]].

* [[Colour timing]]
* [[Compositing]]
* [[Compositing 2D]]
* [[Compositing 3D]]
* [[Editing]]
* [[Graphic design]]
* [[Video editing]]
* [[Visual effects]]

==== 7/9-A 12:00-12:30 ====

=== 7/9-B 1:00-4:30 Afternoon ===

==== 7/9-B 01:00-02:00 ====

: <span style="color:red; background-color: yellow">'''REFINE THIS SECTION'''</span>

A brief overview of [https://en.wikipedia.org/wiki/Adobe_After_Effects Adobe After Effects].

==== 7/9-B 02:00-03:00 ====
==== 7/9-B 03:00-04:00 ====
==== 7/9-B 04:00-04:30 ====


== 2D Animation post production - Day 8/9 ==

Introduction to 2D post production on computers, day 2 of 3.

=== 8/9-A 9:00-12:30 Morning ===
==== 8/9-A 09:00-10:00 ====
==== 8/9-A 10:00-11:00 ====
==== 8/9-A 11:00-12:00 ====
==== 8/9-A 12:00-12:30 ====

=== 8/9-B 1:00-4:30 Afternoon ===
==== 8/9-B 01:00-02:00 ====
==== 8/9-B 02:00-03:00 ====
==== 8/9-B 03:00-04:00 ====
==== 8/9-B 04:00-04:30 ====


== 2D Animation post production - Day 9/9 ==

Introduction to 2D post production on computers, day 3 of 3.

=== 9/9-A 9:00-12:30 Morning ===
==== 9/9-A 09:00-10:00 ====
==== 9/9-A 10:00-11:00 ====
==== 9/9-A 11:00-12:00 ====
==== 9/9-A 12:00-12:30 ====

=== 9/9-B 1:00-4:30 Afternoon ===
==== 9/9-B 01:00-02:00 ====
==== 9/9-B 02:00-03:00 ====
==== 9/9-B 03:00-04:00 ====

==== 9/9-B 04:00-04:30 [[Third week questions]] ====

* [[Third week questions]]
* Review homework exercises.

: Plan something for Saturday, October 28  <span style="color:red; background-color: yellow">'''???'''</span>
:* WP: [https://en.Wikipedia.org/wiki/International_Animation_Day International Animation Day] '''October 28''', the International Animation Day (IAD) was an international observance proclaimed in 2002 by the ASIFA as the main global event to celebrate the art of animation.


== 2D Animation - End Of Crash Course ==

Fin.


== 2D Animation - Job Placement ==

=== Potential video production fields ===

* 2D production
* 3D production
* Character animation
* Commercials (and public service announcements)
* Documentaries
* Event videos (festivals, protests, weddings, etc.)
* Feature films
* Imagery
** Photography
* Industrial videos
* Memes
* Music videos
** Audio engineering
** Audio production
* Podcasts (audio/radio/video)
* Shorts
* Visual poetry (art films)
* Web ads
* Web design
* Web site clients

=== Potential placement places that may be interested ===

* [[Animation studios]]
** [[BeeVision]], Toronto
** [[Digital Alchemy]], Vancouver
** [[DKP]], Toronto (active?)
** [[Gamma]], Toronto (active?)
** [[Guru Animation Studio]], Toronto
** [[Mad Dog]], Toronto (active?)
** [[Nelvana]], Toronto (active?)
** [[Spin]], Toronto (active?)
** [[Topix]], Toronto (active?)
** [[Toronto animation studios]]
** [[Toronto production studios]]
** [[Vancouver animation studios]]
** [[Vancouver production studios]]
* [[Audio production]]
** [[Audio Den Studios]], Windsor?
** --- Audio (WMC board member), Windsor
* [[Corporate media]]
** [[CBC]]
** [[CTV]]
** [[Detroit Free Press]]
** [[Detroit Metro Times]]
** [[Global]]
** [https://LocalWiki.org/detroit/List_of_Detroit_Newspapers List of Detroit Newspapers] on [https://LocalWiki.org LocalWiki.org]
** [[The Windsor Star]]
** [[TVO]]
* [[Global production studios]]
** [[Glossed And Profound]] Creative Studios
* Windsor [[Facebookers]], [[Podcasts]], and [[YouTubers]]
** [[Bad Boy D]]
** [[Free Flow With Coco]]
** [[Freedom For Journalists]]
** [[Gary White]]
** [[PlugNPlay Productions]]
** [[The Truth Trumpet]]
* [[Windsor production studios]]
** [[Clear Rock Studios]]
** [[Gavin Michael Booth]]
** [[Giraffe Ideas]] Creative Studios
** [[Riggi Media International]] ([[Walter Riggi]])
* [[Windsor productions]]
** ''[[Bittersweet Seeds]]''
** ''[[Deerhurst]]''
** ''[[LeverMind]]''
** ''[[Long Black Veil]]''
** ''[[The Rendezvous]]''
** ''[[Wistful in Windsor]]''


== 2D Animation - FAQ ==

Frequently Asked Questions


== 2D Animation - Notes ==

=== Questions for Amanda ===

<span style="color:red; background-color: yellow">'''???'''</span>

# Did Amanda look at my invoice?
#* Did she understand it was based on the December numbers?
#* Did it make sense to her?
#:
# Class hours are 9:00am - 4:30pm.
#* May teachers and students come early and stay later to use the equipment (ie. homework, projects, testing, practice, etc.), seek answers, and/or socialize? <span style="color:red; background-color: yellow">'''???'''</span>
#* May students take home portable animation desks? <span style="color:red; background-color: yellow">'''???'''</span>
#:
# Lunch?
#* Is there a lunch break, and for how long? <span style="color:red; background-color: yellow">'''???'''</span>
#* Can we work through lunch on occasion?
#* Can we organize a potluck?
#* Can we coordinate lunch orders?
#:
# Classes take place Mondays, Tuesdays, Wednesdays.
#* <span style="color:red; background-color: yellow">'''???'''</span> May teachers assign homework evenings and/or over the two 4-day weekends? <span style="color:red; background-color: yellow">'''???'''</span>
#:
# Job placements may follow the 9-day class.
#* What are the criteria that must be met, and by when? <span style="color:red; background-color: yellow">'''???'''</span>
#* May we start compiling lists of folks to cold call to see if they're interested?
#:
# White board? <span style="color:red; background-color: yellow">'''???'''</span>
#:
# How many video cameras will we have to record the classes?
#* Will we have decent lighting and sound recording?
#* Will someone be available to edit the footage under my supervision?
#*: We'd likely cut to minimize length and repetition.
#*: We'd likely also cut in example clips found online.
#* Can we share the videos online?
#* For free? (This is the best way to market the next class.)
#:
# Will I get a teacher's assistant?
#:
# Will there be grades and/or a certificate of some sort?
#:
# Plan something for Saturday, October 28?
#: WP: [https://en.Wikipedia.org/wiki/International_Animation_Day International Animation Day] '''October 28''', the International Animation Day (IAD) was an international observance proclaimed in 2002 by the ASIFA as the main global event to celebrate the art of animation.


== See also ==

* [[Animation]]
** [[Animation equipment]] (desks, gear, supplies, tools)
** [[Animation research]] (history, techniques, styles, genres, screenings, studios, animators)
** [[Animation resources]]
*** [[Animation books]]
*** [[Animation sites]]
*** [[Animation related subSaidIts on SaidIt.net]]
** [https://www.YouTube.com/playlist?list=PLvg8eyC7StzT4lmxk7-k3cYNOavc1rY-E '''◉ ANIMATION ◉''' YouTube playlist]
* [[:Category:Animation]]
* [[:Category:Windsor media]]
* [[Filmmaking]]
** [[Filmmaking production elements]]
*** [[Audio production]]
*** [[Classical animation production]]
*** [[Computer animation production]]
*** [[Commercial production]]
*** [[Documentary production]]
*** [[Event video production]]
*** [[Feature film movie production]]
*** [[General animation production]]
*** [[Industrial video production]]
*** [[Music video production]]
*** [[Podcast production]]
*** [[Post production]]
*** [[Short video production]]
** [[Filmmaking related subSaidIts on SaidIt.net]]
** [https://www.YouTube.com/playlist?list=PLvg8eyC7StzQYPsL3uQkWCvYfqbUxVI7O '''◉ FILMMAKING ◉''' YouTube playlist]
* [[Open Curricula Projects]]
** [[Open Curricula Projects Animation]]
*** [[Open Curricula Projects 2D Animation 9-Day Class]]
* [[Windsor and Essex County arts and media]]
** [[Windsor and Essex County independent media projects]]
* [[Windsor Media Centre]]
** [[Windsor Media Centre Animation Classes]]
*** [[Animation class startup shopping list]]


[[Category:Animation]]
[[Category:Animation elements]]
[[Category:Animation production]]
[[Category:Animation research]]
[[Category:Filmmaking]]
[[Category:Filmmaking elements]]
[[Category:Filmmaking production]]
[[Category:Media]]
[[Category:Production]]
[[Category:Production elements]]
[[Category:Research]]
[[Category:Windsor Media]]
[[Category:Windsor Media Centre]]