Part of Unit: Animation Process
Lesson Plan Overview / Details
Lecturing Activity: Students will learn to convert a scanned image of a clean pencil or inked line drawing into a inked and painted digital image to be used in an animation production or sequence. Inking and painting frames and backgrounds is a big portion of traditional hand drawn animation production. The process involves using some type of image editing software or an animation software with paint capabilities. The goal of this lesson is to understand the process of how to import, digitize a line drawing, and create a saved palette for painting a character, background, or asset to be used in a composited scene or sequence.
Lesson Time
- Anticipatory Activity
- 10 Minutes
- Scanning Demo
- 10 Minutes
- Painting Demo
- 15 Minutes
- Animatic/Animation Production
- 2 - 12 Weeks
Standards
California Career and Technical Education Standards
- AME.A.A2.2 Know the component steps and skills required to design, edit, and produce a prod...
- AME.A.A2.3 Use technology to create a variety of audio, visual, written, and electronic pro...
- AME.FS.10.10 Use technical applications in the creative process, where appropriate.
- AME.FS.10.6 Know the appropriate skills and vocabulary of the art form.
- AME.FS.11.0 Demonstration and Application
- AME.FS.4.4 Understand digital applications appropriate to specific media and projects.
- AME.FS.4.5 Know the key technological skills appropriate for occupations in the arts industry.
- AME.FS.4.6 Know how technology and the arts are interrelated in the development of presenta...
California Academic Content Standards (Reinforced)
- ELA.9-10.R.CAGT.2.6 Demonstrate use of sophisticated learning tools by following technical direction...
2
Objectives and Goals
- Students will learn how to scan images to save as frames in a sequence
- Students will learn how to name and number frames in a sequence
- Students will learn how to ink and paint their drawings, backgrounds and frames.
- Students will learn how to set up and save swatches and a custom pallete
- Students will apply these techniques in production of individual or group animatic or animation productions.
Activities in this Lesson
- Creating Cel Animation the Old School Way - Hooks / Set
Start the class by watching this documentary about the making of a character based cel animation as done in the traditional methods. Shows a good look at a studio based production process. Note the number of animators employed and especially focus on the hand inked and painted cels.
When done viewing ask students to write down 3-5 things they observed in the film about the inking/painting process.
Randomly select students to share an observation or comment and list on board or overhead/projector.
Set up Pros/Cons columns for traditional cel animation and computer based cel animation and ask students as a group to identify 5 to 7 pros or cons for each approach. What would be some of the benefits or drawbacks of each method in terms of production, time, management, and aesthetics?
- Blinky Bill The Making of the Feature-Length Movie.mp4 [ Watch Video ] [ Download Original Video ]
- Scanning Procedure - Demo / Modeling
Scanning Procedure
1. Drawn Frames should be prepared and ready for scanning (See Clean Up and Trace Back Lesson) with solid defined line work either in graphite or ink.
2. Prepare for Scanning by attaching peg bar to scanner with tape so that the portion of the frame that you want captured is aligned to the scanner bed. This will save time, so that you won't have to align images on the stage later.
3. Decide what resolution you will be scanning the drawings in. Low resoulution (72ppi) will make for smaller project file size, but will be distorted and pixelate if there is any scaling of graphics later on the stage. Medium (150ppi) or High Resolution (300dpi) is recommended for better final viewing resolution or scaling of images, but will result in larger project file sizes. The level and quality of resolution will affect the overall quality of your line work.
4. Scan images in Black and White or Greyscale for best results.
5. As you scan and save images you will need to establish a consistent naming and numbering convention and save images to a scene folder. I recommend using the following naming and numbering convention (note: Image is a place holder name. It might be dog, cat , person walking, etc.):
Image_0001.tif
Image_0002.tif
Image_0003.tif
Image_0004.tif
and so on.
Each batch or sequence of drawings should have a different name and begin the numbering sequence at 0001
The file extension will be whatever type of image file you are using. For example it could be a jpeg, gif, psd, cel, etc. In this case I saved as a .tif file as it is a relatively smaller type of image file good for larger projects or sequences and it retains transparency for later compositing in a frame based animation program like Flash or Toon Boom.
- Inking and Painting Procedure - Demo / Modeling
Inking and Painting Procedure
Open image editing or ink/paint software.
Import or open image in the software
If necessary make an image adjustment using Brightness/Contrast levels to change your scanned drawing into a black and white image. Your lines should get darker and open areas should be brighter and whiter. When you get the right levels you should make sure to save the changes you made.
Now the fun of adding color to your images can begin.
Most image editing/paint/animation programs have a color palette you can choose colors from, add to, and save. As you begin selecting and creating new colors for different parts of your image you should name them by part or object you are painting and save them to your palette. You should also save your palette to your project folder in case you or another production team member should need to use it for another sequence or correction.
Begin painting your frame. As you paint you should be able to move fairly quickly using a bucket tool to dump and fill areas of your drawing. If you should encounter any paint spilling into unwanted areas you should undo and look for any gaps or breaks in your lines and use a brush tool of appropriate size to repair the line and then refill with the desired color.
As you finish painting the frames you should save them and then repeat the procedure for the next frame in your sequence.
If you wish to use frames or images in composting you should use your paint programs magic wand to select areas that you wish to remove, by clicking in those areas and deleting those portions. When you save these images as .tif or .png files make sure the layers box is checked to ensure that the alpha channel layer is preserved (maintains transparencies). In most paint programs transparency is indicated and visible by the appearance of a checkerboard background below the layer
The frames or images you have painted are now ready for use in animation or composting- 0001.png [ View Image ] [ Download Original ] Open file in Image Editing Software.
- 0002.png [ View Image ] [ Download Original ] Select image adjustment if you need to adjust your image line quality.
- 0003.png [ View Image ] [ Download Original ] Adjust the Brightness and Contrast to the level at which your lines feel dark and solid and the background is white.
- 0004.png [ View Image ] [ Download Original ] Use the color picker to select the color, and add to Swatches Palette.
- 0005.png [ View Image ] [ Download Original ] Name the color by the object or part of the character you are painting.
- 0006.png [ View Image ] [ Download Original ] By clicking on the upper right corner of the Swatches Palette you can save the customized Swatches Palette you are building to your project or scene folder on the desktop for later use by yourself or production team member.
- 0007.png [ View Image ] [ Download Original ] Begin painting by selecting color from the Swatches Palette using the eyedropper tool.
- 0008.png [ View Image ] [ Download Original ] Use the Bucket Tool to dump and fill color into the various closed off sections of the drawing.
- 0009.png [ View Image ] [ Download Original ] If color spills into unwanted sections or areas, then you should undo the fill, and look for the break in the line that allowed this.
- 0010.png [ View Image ] [ Download Original ] Then using a brush of appropriate size and color repair the line and close off the section.
- 0011.png [ View Image ] [ Download Original ] Refill the area and continue filling similar sections in the image.
- 0012.png [ View Image ] [ Download Original ] Select and fill other portions of you image. Creating and saving color swatches as needed.
- 0013.png [ View Image ] [ Download Original ] Completed Image
- 0014.png [ View Image ] [ Download Original ] Remember to save palette to project folder!
- 0015.png [ View Image ] [ Download Original ] Now if you want to prepare this frame for later composting you should select the magic wand.
- Screen shot 2011-03-13 at 2.54.25 PM.png [ View Image ] [ Download Original ]
- Screen shot 2011-03-13 at 2.54.34 PM.png [ View Image ] [ Download Original ]
- Screen shot 2011-03-13 at 2.54.43 PM.png [ View Image ] [ Download Original ]
- Screen shot 2011-03-13 at 2.55.34 PM.png [ View Image ] [ Download Original ]
- Screen shot 2011-03-13 at 2.58.07 PM.png [ View Image ] [ Download Original ]
- Screen shot 2011-03-13 at 2.58.45 PM.png [ View Image ] [ Download Original ]
- Screen shot 2011-03-13 at 3.00.40 PM.png [ View Image ] [ Download Original ]
- Screen shot 2011-03-13 at 3.02.24 PM.png [ View Image ] [ Download Original ]
- Screen shot 2011-03-13 at 3.05.52 PM.png [ View Image ] [ Download Original ]
Assessment
- Assessment Types:
- Projects,
Students will apply these skills in their first animatic production, when they paint and include frames on movie timeline with audio. Additionally, these skills will be used in production when animating the sequences in their first and subsequent films.




