Course notes
syllabus | schedule | presentations | assignments | class notes | resources | students | ARTC courses
[ Lectures and Technical Notes ]

   [ Day 1 ]   [ Day 2 ]


[ Week 6 DAY 1 ]


In-class Exercise:

Using the Canon T3i to take video:

  • Introduce how to work with video on T3i

  • Video record the rotoscope footage
    • You MUST use the RECORD button on the back of the camera - not the TAKE PICTURE button
    • The RECORD button has a picture of a camera on it and a red dot on the top left of it
In-class Exercise:

In-class Exercise:

  • Whole class come up with idea for a skit or performance

  • The length of the performance must be approx. 4 second times the number of students in the class
  • Recommended: No more than 2 people in the frame at a time.

    1. Viideo tape the performance

    2. Editor needs to digitize the footage and each student will get a little movie (a small part of the whole video).

    3. Each student gets approx. 4 seconds of video but they will only need to draw half the frames (12 frames per second).

Technical Lecture on using Photoshop to do Rotoscoping:

Using Photoshop to do Rotoscoping:

  • INSTRUCTIONS for the Editor (exporting it as lots of movie chunks)

  • Digitize the video
    • Take the card out of the camera and, using a card reader, inset it into the USB of the computer.
    • Open Applications - Image Capture
    • Select the video footage and change Import To: to go to your drive
    • Click IMPORT

  • Import the video file in After Effects
    • File - Import - File - OPEN
    • Drag from the Project to the Composition window
    • File menu - Project Settings... - Click FRAMES - OK

    • Divide the total length of the video by the number of students in the class
      • You will need to export one chunk of the video for each student
    • Write down the range for each student and when you save the file you will name it by the range
      • Example adding leading zeros will help it alphabetize):

    • Change Output Module settings:
      • Edit menu - Templates - Output Module
      • Click NEW...
        • Click Format Options
        • Video Codec: H.264 - OK
        • Pull down Audio Output Auto and select Audio Output Off
        • OK
      • Name the new settings: H.264noAudio

    • Composition menu - Add to Render Queue

      • IMPORTANT:
      • Hold COMMAND (4 leaf clover button) down while Clicking Output Module: Lossless

        Using the keyboard :
      • Hit Control Command M the total number of times of the students in the class (make sure in the Render Queue the correct number of items are listed)

        Do this to each item in the list:

        • Click Output To: and type in the filename (Ex: Frames0001-0096)

      • Click Time Span: Best Settings
        • Time Span: Choose CUSTOM
        • Enter the start and end frame - OK
        • OK

      • When all items in the list are named right and the Render Settings have been set:

      • RENDER


    • In Photoshop:
      • File - Import - Video Frames to Layers
      • Select From Beginning to End
      • Select Limit to Every 2 frames
      • OK

    • In the Timeline Palette: Go to the Menu with three lines (on top right of timeline)
      • Select New Layers Visible in all Frames

    • In the Layers palette:
      • Create a New Group - name it VIDEO
      • Select all the video layers and move them to this new VIDEO Group
      • Create a New Group called Rotoscope

    • In the Timeline Palette:
      • Go to Menu with four lines on top right of timeline
      • De-Select New Layers Visible in All Frames

    • Start Rotoscoping:
      • Select the first frame in the timeline
      • In the Layer palette, Create New Layer
      • Draw your new image

    • Select second frame in the Timeline
      • In the Layer palette, Create New Layer
      • Draw

    • Keep doing this till all frames are drawn

    • Checking the Rotoscope
      • Turn off the EYE button on the VIDEO Layer (in the Layer Palette)
      • In the Timeline - Click the PLAY button to preview

    • Exporting the video
      • In the Layer palette, Turn off the EYE in the VIDEO layer
      • File menu - Export - Render Video
        • Name it
        • Select Folder
        • Make sure it is:
          • Format: Quicktime
          • Preset: Animation High
          • Frame Rate: 24 fps

Video Demo on Rotoscoping in Photoshop

INSTRUCTIONS for the Editor (putting all the pieces together after they are done)

  • Import each video file into After Effects
  • Drag each from the Project to the Timeline- make sure they are in order
  • You may need to do a Time Stretch on the videos to make them run at the correct speed

    In the timeline:
  • select the layer
  • Layer menu - Time - Time Stretch
  • 200 will double the frames and 50 will cut the number in half.

  • Export - Add to Render Queue
  • H.264


Screening and discussion:


The Hulk Hands Theory (2:18)....with some color and design

Sensory Overload (Interacting with Autism Project) (2:16)...rotoscope technique and variation

We Cut Corners "Pirate's Life" (2:28)...morphing

Michael Andrews - Bubbles In Space (2:35)

Breakbot - Baby I'm Yours (2:31)

A Family Portrait (04:59)

Possibilities of Rotoscope:


   [ Day 1 ]   [ Day 2 ]


[ Week 6 DAY 2 ]


Clay Animation



  • Exaggeration

  • Weight (Balance)

  • Follow Through / Overlapping Action


Rotoscope Animations

Girl Talk Collaborative Rotoscope Animation 3:02

Nike - Plus I Run 2:00