Wednesday, October 18, 2017

Project 3: Walk Cycle and Looping Background

Create a walk cycle and scrolling background... yup... Due Monday, October 23.
We'll also look at advanced students in-progress work on Monday, October 23.

Ye Olde Walk from Richard Williams' useful classic, The Animator's Survival Kit

How to loop your background in After Effects...

  1. Export your walk loop from Animate: File > Export > Export Movie > png sequence. Make sure you choose Colors: 32 bit  in order to use transparency. Make sure you save your sequence to an easy to access folder!
  2. In After Effects, import the walk loop. File > Import > File... Make sure to select only the first image in the sequence! If there is a box that says "Import as image sequence", check it! If not, don't worry about it.
  3. After Effects won't loop the animation by default, so right click on the animation in the Project window before you add it to the Composition Timeline and choose Interpret Footage > Main... In the dialogue that opens, set Loop to a number high enough to get the job done!
  4. If you made your background in Animate, choose File > Export > Export Image and export it as a .png. If you made it in Photoshop, just save a copy as a png. Heck, you can also just import the .psd file if you want to get real crazy.
  5. In After Effects, choose File > Import and import your background.
  6. Drag your background from the Project tab to the Composition Timeline.
  7. Select the background in the timeline and hit "P" for position.
  8. Click the Stopwatch icon next to the Position label that opens under your background layer.
  9. Now set the beginning and endpoints for your bg - they should adjust automatically.

Miles demo's the basics of creating a walk cycle:

And creating a scrolling background:
More cycles from SOU alum, Jill Bruhn!

Sneaky Guy Cycle from Jill AB on Vimeo.

and. . .

Running Man with Cat from Jill AB on Vimeo.

Richard Williams' Run Cycle

Monday, October 9, 2017

Project 2: Loops, Principles of Animation

Ah, yes, the infamous 12 Principles of Animation...

Create at least one looping animation of a character.
Create at least one looping abstract animation.
Both animations should use overlapping action, secondary animation, squash and stretch, timing, spacing, and sound. We'll export these as png sequences to bring into After Effects to further develop.
First Draft Due and After Effects Intro on Monday, October 16. 

Check out the work of Keke who works quite a bit with loops...

Monday, September 25, 2017

Project 1: 100 Frames

100 Frames Due: Wednesday, October 4
  1. Make at least two 100-frame animations with audio. One should use only frame-by-frame animation, the second can use tweening. See specs below.
  2. Sign up to Vimeo or some kind of streaming service, and upload your work there.
  3. Create a blog and embed/link to your animation.
  4. Enter your BLOG URL on this spreadsheet today!
100 Frames Specs
  1. Create a new Animate file in ActionScript 3.0.
  2. Set your frame rate to 12 frames per second. Modify > Document... Frame rate. Adjust your stage size as desired.
  3. Export using File > Export > Export Video... as a .mov
  1. Wacom Tablet: Apple Menu > System Preferences > Wacom Tablet... tap tablet with your pen and choose Grip Pen. Go to the Mapping button and check Force Proportions.
  2. Function Keys: Apple Menu > System Preferences > Keyboard... check "Use all F1, F2, etc. keys as standard function keys."
  • F7: insert blank keyframe
  • F5: add frame
  • Shift + F5: remove frame
  • F6: insert keyframe

Here's an intro to the basics of the basics... in Flash Animate

Thursday, March 16, 2017

Final Projects!

Do an animation with sound!
Final Screening: Thursday, March 23 at 10:30 in MA 003

Tuesday, February 14, 2017

Project 4 - Storyboard and Animatic

Storyboards Due Thursday, February 16.
Animatic Due Tuesday, February 21.

Create a storyboard and animatic for your final project.

A storyboard is a series of drawings representing the shots and key storytelling frames of an animation. Traditionally, story boards are drawn with each drawing on its own sheet of paper. Then, each drawing is pinned up on a board so that the entire film can be seen at once and drawings can be moved around or taken in and out of the sequence.

An animatic is a video of the storyboards cut for shot length and including a soundtrack.

Here's Eric Goldberg showing how a storyboard pitch is done! Note, how as this video is shot, it basically becomes a rough draft of an animatic.
'Trouble Shooter' Storyboard Pitch from Living Lines Library on Vimeo.

Here's an animatic for the Gorillaz' Clint Eastwood. Note how they are incorporating limited animation into the animatic. Also note the animation design - we can see what parts of the character will move and which will remain static.

Thursday, February 9, 2017

Project 3 - Jumping About

Create at least one looping animation of a character jumping on a trampoline.
Use overlapping action, secondary animation, squash and stretch, and of course, timing and spacing to create a nifty animation.
Due Tuesday, February 14.

Tuesday, January 31, 2017


yay, now I'm the boss.