Thursday, April 2, 2009

Day 7 (animation) - Goals and Understandings (discussions)

(Note: This is the final class for the KCAI Northland Spring Animation.  I would expect students to continue 'posting' to this blog with updates regarding questions or progess.  Additional information may be garnered through email via: 

Wrapping it all up:
"Are we planning for visitors before class ends tonight?" (Review the 'final questions' posting)
"Do you have ALL of your elements for tonight's finalizing of animations?" (at 8pm we will begin the process of 'uploading' our Quicktime movies to
*After this review (above) - have students open this blog for visitors:

1) Creating a sense of depth: What does it take?
2) Speak on 'timing' and 'sequencing'.  Add: Sound files (.wav or .mp3)
3) Rendering your file to a movie (discuss file types). Upload ALL movies tonight - we CAN'T edit our compositions without the software of Flash or After Effects.  You can, however - continue to view your 'movies'.

Tonight's Goals:
1) Bring it together / watch your time / plan effectively (2 hrs. of lab tonight)
2) Adding 'sound' to your animations (rendering to GarageBand to 'cut' to 'fit')

Animations (finals) from students.  Posted to YouTube as mp4s (smaller file sizes):

Kara's "Rainy Bird" - click here or (copy/paste)

Jack's "DigiData" - click here or (copy/paste)

Morgan's "Underwater purple rocks" - click here or (copy/paste)

Heather's "Worm Bling" - click here or (copy/paste)

Tuesday, March 24, 2009

Day 6 (animation) - Goals and Understandings (discussions)

(Note: this is a 'draft' created on Tuesday and may be 'updated' prior to class)
(for the instructor) 
A) Prior to class, understand the various rendering types (H.264 vs. mp4) and 'compression' aspects.  4:3 ratio on Youtube - smaller file, but don't need compression of proportions.
B) "Letterbox to 'preserve' ratio" / resolution of the mp4 movie - appears a little bitmapped


Storyboards and planning your work:
"Why are storyboards effective for us as animators?" (Write keywords on the board as students react to this question)
(answers include: planning, timeframes, angles for character drawings, sound and music files, 'transitions'/fade ins/outs/timing is key to effective animation - 'credibility')

*After this review (above) - have students open this blog for further discussion/review (below):

1) Establishing shot (with title) / *download or create a background image (saving to your folder) - Organization - the 'key' to effective animation (labeling, folders, storing/restoring)

2) Compositions (software) vs. Footage (files inside of folders that must 'travel') - Keeping it all together.
Example: Use Kara's file of the bird in flight to review/discuss 'compositions' inside of compositions (wings flapping 'looping' file)

3) Character movement using 'A' and 'B' keyframes (apply sound effect here if possible/GarageBand is a good source)
Example: "Is your 'movement' believable?" / Heather's worms are moving too fast, but look at the 'depth' we were able to achieve.
Example: Scanning image files last week - we need to consider our various angles / resolution / 'props' - including background images, other objects and their 'roles' using a storyboard.

4) Rendering your file to a movie (discuss file types). Figure out why Jack's file did not render completely and why we need to 'shorten' the render's on other animations for preview on YouTube.

Discussions (demonstrations) for tonight:
Tonight's Goals:
1) Bring it together / watch your time / plan effectively (2 hrs. of lab tonight / 2 hrs. next week)
2) "Do we want to have an open house at *8:30? next Thursday for our folks to visit?"
"If this is a 'yes' you need to take the 'final' - on the blog, to prepare your vocabulary".
3) Adding 'sound' to your animations (rendering to GarageBand to 'cut' to 'fit')
Example: Jack's 3 minute song - cut to 17 seconds (which part to use).

Jack's starting Major animation on week 6 - click here 
Kara's starting for week 6 - click here

Tuesday, March 17, 2009

Day 5 (animation) - Goals and Understandings (discussions)

For Day 5 (DRAFTED on Tuesday)

(prior to class starting)

Figure out what is 'wrong' with the projector (pull down menu/format)

Have 'links' for bookmarks:

   YouTube (login and password through your Gmail / use the bookmark for blogs and postings and the 'kcailogin' account)

   Postings - in / for student references

For Class Discussion:

Review - started (now finish) intro to After Effects.

"I apologize - in that I think there is too much available" / the 'upgrade' to CS4 threw me for a loop

Is this a good thing?  Are we able to remain focused on the 'basics'?: 

  Creating and importing our artwork (from Photoshop/as layers)

  Keyframes - inserting and manipulating A and B

  Storyboards - the basics of where this begins/planning/timeframes, etc.

Last week we discussed 'adding depth' to your animations and 'considerations' prior to execution (through storyboards).

"Are you planning effectively?  Do you know what is out there?  Do you have any questions about our progress?"

Question:  Do we want to have a 'showing' of our learning on the last day (evening) of class - April 2nd?

Tonight - bringing it all together, requires an understanding of ALL that is available to you as the animator.

  Exporting your movie for viewing on YouTube (your audience)

  Quicktime (formats) and Adding sound (GarageBand)

  Did you bring music? (discuss potential at 6:30) - group demo

FrogPond (Click here) trt :18 sec.

Adding Sound, tracking, establishing shot, fade in/out, titles, 'puppet tool'.

Jack's click here

Heather's click here

Kara's click here

Thursday, March 12, 2009

Day 4 (animation) - Goals and Understandings (discussions)

A review of last week included our efforts at establishing 'keyframes' (an 'A' and a 'B') and then 'tweening' movement by allowing the computer to take over.  This is what software does - it makes things happen.  Just as Photoshop (after titling our layers) was able to be brought into Flash and the software 'retained' the titles of each of the layers.

Last Week (week 3):
- Revisited the 'Lava lamp' movies (with the introduction of 'morphing' shapes over 'time').
Generated a two ball movie that morphed in its shapes using the following steps/vocabulary:
1) Establishing a shape (a ball) and creating a gradient to give it a sense of form (illusion)
2) Establishing an 'A' keyframe and a 'B' keyframe for each layer (10 second movement)
*Make the two shapes intersect at some point in the animation
3) Allowing the 'shape tween' (Shift 'select' + Control>'shape tweening')
4) Inserting additional 'keyframes' in the 'shape tween' to respond to a collision

- Re-rendered in Flash our Quicktime exports (.mov) file for uploading to (still)
- Discussed (introduced) Photoshop: When scanning an object into the computer for layers
- Made our turkeys (and layers) in Photoshop - saving as a 'native' .psd file (file types)
Imported layers into Flash for establishing keyframes (sorry, tried too many layers)
*Go back to your turkey movies and work with just one element for movement (Save as .mov)

(This completes the review portion of Day 4) - Take a quick 'break' (at 7pm)

Today - We are going to take our characters into Photoshop and generate 'layers' for use in BOTH Flash and later (tonight) After Effects.
- You can generate (paint) or find (Internet) a background image (show examples of student work from last summer).  Lava lamps had 'no' background aside from color (stage).

Introduction of After Effects (around 8pm) - Save a simple movie (.efx and .mov)

Next week - adding sound to our movies using Garage Band (bring your CDs and MP3 players.
(file types include: .aiff, .mp3, .mp4/video and .mov)

Thursday, March 5, 2009

Day 3 (animation) - Goals and Understandings (discussions)
There appeared to be a rendering issue with Quicktime - when uploading from Flash (.mov) to YouTube. We will discuss this 1st.
Time will be given in class (1st half hour) to review the work from last week and our 'uploading' to YouTube (use the blog posting to access the webpage/link for this class:

Today's Goals: Photoshop - Scanning, file types (.psd, .jpg and .gif), tools (selection tools), layering (in Photoshop)

- Scanning (of character) into various 'modes' for working with native files (.psd)
- Importing to the 'library' (vector based objects vs. shapes with Flash)
- Creating layers (titling) and 'pivot points' for movement
- Review of Keyframes and 'tweening'
- Saving today's work into an .swf and .mov file (for upload)

1) Continue to develop your 'storyboards' for your 'final' animations
Remember to include ideas about 'music' (.mp3 and .aif files are preferred), transitions and timing for your animation (aim for a :30 sec animation) which will use After Effects (next week).
2) Research (option) find job postings for animators / research the 'skills' necessary (and include a list of softwares utilized).  Post the results to the end of Day 3 (below).

Wednesday, February 25, 2009

Day 2 (animation) - Goals and Understandings (discussions)

(I've edited this on Thursday afternoon, just prior to class)

Discussion of 'postings' on blog:
1) Did you set up your own Gmail account for access? Do you still need a Gmail account?
2) I only have seen now 2 updated posting (from Kara and Kim) - I've posted replies.
3) Other postings? Other research? How are you planning to share the information you develop for class?
4) Did you view the 1 hour tutorial/preview of how to use Flash to create a character and movement?
- I want to make sure that everyone has 'viewed' the link and is prepared with a character drawing for scanning.
- We will cover Photoshop either at the end of class - or preferably, next week along with 'importing file types'.

Review of last week:
1) Review the various softwares (applications) we are going to cover in class (February 12th 'blog' - click here)
These include: Flash, Photoshop, AfterEffects, GarageBand, Quicktime, possibly: IMovie and ITunes
2) Skill vs. Concept (or Tools vs. Ideas) / Content vs. Context - list in order going down (on board)  ADD: Form vs. Function AND Frames (times must be met: Superbowl :30sec)
3) We covered some basic tools and created a basic animation (but didn't save it)

Keywords (write these on the board):
  • Inserting a Keyframe / Control Key (point A to point B for movement), Layers, Objects vs. Shapes, (Classic) Tweening (using the 'control' key), (various) Tools - list the tools used: shape, properties (color), transform (scale and/or rotation).
  • "Double Clicking the Object" to edit it.
  • Shift key to a) keep an object proportioned b) Moving an object along an axis up and down or side to side c) selecting multiple objects in a single setting.
  • Undo key (command+Z on Macs, or control+Z on PCs)
  • Pre-Viewing your animation: CTI (current time indicator) and 'scrubbing', 'Return' key to play on Stage, (command+Shift+Return) to play as an .swf file (this is what the viewer will see).  We will 'export' our .fla files into .swf files for viewing (note the difference).

1) Today we are going to pick up where we left off - building a basic animation with keyframes (review vocabulary)
2) Bouncing a ball - (tutorial for 'tweening' - click here)
3) Our animation for today - our inspiration: "A lava lamp background"
Keywords (add to list on board):
fps, browser, .fla and .swf (file types), Quicktime (embedding/looping animations), Consider your audience and 'credibility'.

To have a finalized animation (10 sec) background for use as a 'credits' for animations we create in class.
(we'll add 'text' later - our goal is to have an 'embedable' file in both .swf and .mov formats/file types)
Examples of Day 2: "Lava Lamp" animations - click here

'Playing' is encouraged today:
  • Gradients (adding a highlight to your shape/give it depth or 'form')
  • Layers will give additional 'illusion' of depth (scale and speed) / title these / 'copy and paste'
  • Morphing your object in response to other objects
  • 10 seconds total - work with each other, ask questions
  • test the 'rendering' qualities when viewing in the 'browser' (fps, layers, speed of objects)
(taking a break around 7:15)

NEXT WEEK - Make sure you bring your 'drawing' for scanning (Photoshop) / research animation and animation 'jobs' (go over skills needed for the field AND various degrees and locations).  7 week syllabus: Click here

Friday, February 20, 2009

Final Questions: post your answers online by (4/2/09) - for Open House

Note to Students: In our 'classes' we (eventually) develop 'understanding' in our capacity to 'share' with others.  You are developing this understanding through (formative) labs/exercises and the discussions we are 'sharing' with each other (both in class and online through blogs).  As a 'final' to this class, along with 'uploading' your work to - I am encouraging your 'understanding' (sharing with others) the following response questions.

Final questions, ‘subjective and substantiative 
(A Summative Evaluation – students should post this by last class).
Prepare (and post) your answers in time for the Open House (4/2/09).  There is no such thing as a 'wrong' answer (subjective) as long as you can effectively support (substantiate) it.
  • What is animation? Use: Keyframes / movement in time / 24 vs. 30fps / layers
  • What is content vs. context? – identify using a specific example of each or together.
  • When is Flash used? (or/add) How is it different from Photoshop or After Effects?
  • Identify the following items: timeline, storyboard (what makes these items different?  Hint: Title this, "The process of Planning vs. Execution")
  • Tools (Identify on a handout) these 7 'basic' tools - indicating their function: 
(see animations/handouts/activatingTOOLS.jpg (link will be provided - soon)