Transcript
Tech-Design
Animation Beginning, Advanced, Comprehensive Levels Module Guide
Edition 4 37638-E0
FOURTH EDITION First Printing, November 2008 Copyright 2005, 2006, 2007, 2008 Lab-Volt Systems, Inc.
All rights reserved. No part of this publication may be reproduced, stored in a retrieval system, or transmitted in any form by any means, electronic, mechanical, photocopied, recorded, or otherwise, without prior written permission from Lab-Volt Systems, Inc. Information in this document is subject to change without notice and does not represent a commitment on the part of Lab-Volt Systems, Inc. The multimedia Tech-Design software and other materials described in this document are furnished under a license agreement or a nondisclosure agreement. The software may be used or copied only in accordance with the terms of the agreement. ISBN 978-1-60533-103-4
Lab-Volt and Tech-Design are registered trademarks of Lab-Volt Systems, Inc. WindowsTM is a trademark of Microsoft Corp. Toon Boom Studio is a trademark of Toon Boom Animation, Inc. All other trademarks belong to their respective owners.
Lab-Volt License Agreement By using the software in this package, you are agreeing to become bound by the terms of this License Agreement, Limited Warranty, and Disclaimer.
7. Miscellaneous. This agreement is governed by the laws of the State of New Jersey.
This License Agreement constitutes the complete agreement between you and Lab-Volt. If you do not agree to the terms of this agreement, do not use the software. Promptly return the software and all other materials that are part of Lab-Volt's multimedia Tech-Design product within ten days to Lab-Volt for a full refund or credit. 1. License Grant. In consideration of payment of the license fee, which is part of the price you paid for this Lab-Volt product, Lab-Volt, as Licensor, grants to you, the Licensee, a nonexclusive, nontransferable license to use this copy of the software with the corresponding curriculum resources. LabVolt reserves all rights not expressly granted to the Licensee.
Limited Warranty and Disclaimer
2. Ownership. As the Licensee, you own the physical media on which the software is originally or subsequently recorded or fixed, but Lab-Volt retains title to and ownership of the software programs recorded on the original compact disc and any subsequent copies of the software, regardless of the form or media in or on which the original and other copies may exist. This license is not a sale of the original software program of Lab-Volt's software or any portion or copy of it. 3. Copy Restrictions. The software and the accompanying materials are copyrighted and contain proprietary information and trade secrets of Lab-Volt. Unauthorized copying of the software even if modified, merged, or included with other software or with written materials is expressly forbidden. You may be held legally responsible for any infringement of LabVolt's intellectual property rights that is caused or encouraged by your failure to abide by the terms of this agreement. You may make copies of the software solely for backup purposes provided the copyright notice is reproduced in its entirety on the backup copy. 4. Permitted Uses. This software and all accompanying documentation is licensed to you, the Licensee, and may not be transferred to any third party for any length of time without the prior written consent of Lab-Volt. You may not modify, adapt, translate, reverse engineer, decompile, disassemble, or create derivative works based on the Lab-Volt product without the prior written permission of Lab-Volt. Written materials provided to you may not be modified, adapted, translated, or used to create derivative works without the prior written consent of Lab-Volt. 5. Termination. This agreement is effective until terminated. It will terminate automatically without notice from Lab-Volt if you fail to comply with any provisions contained herein. Upon termination you shall destroy the written materials, Lab-Volt's software, and all copies of them, in part or in whole, including modified copies, if any. 6. Registration. Lab-Volt may from time to time update the software. Updates can be made available to you only if a properly signed registration card is filed with Lab-Volt or an authorized registration card recipient.
This software has been designed to assure correct operation when used in the manner and within the limits described in the Tech-Lab® Multimedia Installation & User’s Guide. As a highly advanced software product, it is quite complex; thus, it is possible that if it is used in hardware configurations with characteristics other than those specified in Tech-Lab® Multimedia Installation & User’s Guide or in environments with non-specified, unusual, or extensive other software products, problems may be encountered by a user. In such cases, Lab-Volt will make reasonable efforts to assist the user to properly operate the software but without guaranteeing its proper performance in any hardware or software environment other than as described in the Tech-Lab® Multimedia Installation & User’s Guide. This software is warranted to conform to the descriptions of its functions and performance as outlined in the courseware documentation. Upon proper notification and within a period of one year from the date of installation and/or customer acceptance, Lab-Volt, at its sole and exclusive option, will remedy any nonconformity or replace any defective compact disc free of charge. Any substantial revisions of this product, made for purposes of correcting software deficiencies within the warranty period, will be made available, also on a licensed basis, to registered owners free of charge. Warranty support for this product is limited, in all cases, to software errors. Errors caused by hardware malfunctions or the use of nonspecified hardware or other software are not covered. LICENSOR MAKES NO OTHER WARRANTIES OF ANY KIND CONCERNING THIS PRODUCT, INCLUDING WARRANTIES OR MERCHANTABILITY OR OF FITNESS FOR A PARTICULAR PURPOSE. LICENSOR DISCLAIMS ALL OBLIGATIONS AND LIABILITIES ON THE PART OF LICENSOR FOR DAMAGES, INCLUDING BUT NOT LIMITED TO SPECIAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF OR IN CONNECTION WITH THE USE OF THE SOFTWARE PRODUCT LICENSED UNDER THIS AGREEMENT.
Questions concerning this agreement and warranty and all requests for product repairs should be directed to Lab-Volt field representative in your area. LAB-VOLT SYSTEMS, INC. P.O. Box 686 Farmingdale, NJ 07727 Attention: Program Development Phone: (732) 938-2000 or (800) LAB-VOLT Fax: (732) 774-8573 Technical Support: (800) 522-4436 Technical Support E-Mail:
[email protected]
Animation
Table of Contents
Introduction ................................................................................................................... 1 Directions....................................................................................................................... 3 Beginning Level ......................................................................................................... 3 Lesson 2, Drawing Activity ................................................................................... 3 Lesson 3, Animating in Toon Boom...................................................................... 7 Lesson 4, Layering Elements ............................................................................. 12 Lesson 5, Animating with Templates .................................................................. 15 Lesson 6, Working with Text............................................................................... 19 Lesson 7, Creating Animation............................................................................. 21 Advanced Level ....................................................................................................... 23 Lesson 1, Toon Boom Animation Review........................................................... 23 Lesson 2, Peg Animation.................................................................................... 27 Lesson 3, Camera Effects .................................................................................. 32 Lesson 4, Adding 3D Elements .......................................................................... 36 Lesson 5, Color Effects ...................................................................................... 40 Lesson 6, Lip-Sync Animation ............................................................................ 44 Lesson 7, Final Project ....................................................................................... 48 Lesson 8, Finishing Up ....................................................................................... 50 Comprehensive Level .............................................................................................. 51 Lesson 2, Drawing Activity ................................................................................. 51 Lesson 3, Animating in Toon Boom.................................................................... 55 Lesson 4, Layering Elements ............................................................................. 60 Lesson 5, Animating with Templates .................................................................. 63 Lesson 6, Peg Animation.................................................................................... 67 Lesson 7, Camera Effects .................................................................................. 72 Lesson 7, Adding 3D Elements .......................................................................... 76 Lesson 5, Color Effects ...................................................................................... 80 Lesson 6, Lip-Sync Animation ............................................................................ 83 Lesson 7, Final Project ....................................................................................... 87 Lesson 8, Finishing Up ....................................................................................... 89
Module Guide
i
Animation
ii
Table of Contents
Module Guide
Animation
Introduction
INTRODUCTION This Module Guide contains the directions that you will use when you are completing lesson activities. The multimedia curriculum will direct you to this guide and a specific activity. The directions are titled and are organized by Lesson. The table of contents will guide you to the appropriate page.
Module Guide
1
Animation
2
Introduction
Module Guide
Animation
Directions
DIRECTIONS Beginning Level Lesson 2, Drawing Activity Toon Boom should be on your screen. If it isn't, click on the Application Launch button and choose Toon Boom from the menu. In this activity, you will explore the Drawing workspace in Toon Boom and see how creative you can be with the Drawing tools. Practice, practice, practice! You don’t need to be an artist to animate – just do your best! 1. When the Toon Boom Studio window launches, enter “Practice and your last name” for the Name of the Project (for example, if your last name is Smith, name your project, Practice Smith). Select Default for the Format. The frame rate and the camera sizes will set to the default values. Since you are only practicing using the drawing tools and not actually animating, these values are fine. 2. Click the Create button. 3. The Toon Boom interface window appears. Select the down arrow that appears next to Workspace and select Drawing. Let’s take a look at the Drawing workspace. It displays the following Toon Boom interface:
Drawing Tools
The Drawing View window is where you will create your drawings using the
Exposure Sheet
The Exposure Sheet is where you manage
Drawing View window
Pen Window
The Pen Window is where you select the size and smoothness of the brush for the drawing tool
Module Guide
Color Palette
The Color Palette is where you choose the colors for your drawing
3
Animation
Directions
4. The Exposure Sheet should be open. If it is not, select Window>Exposure Sheet. By default, the Exposure Sheet opens with a drawing element named Drawing. It’s always a good idea to rename it to be consistent with your project and for better “house keeping”, but since you’re going to be practicing using the Drawing Tools, you can leave the default name for this activity. 5. You are now going to practice using the Drawing Tools. Start with the Brush tool and then work your way down the drop-down list. 6. Experiment with different brush sizes and smoothness from the Pen palette; and colors from the Color palette. 7. If you select the object or design you created using the Select tool, you can then modify its shape, move it to a different location, delete it altogether, or change the color. 8. Experiment with Contour Editor, Perspective, and Reposition All Drawings to see how these tools are used. 9. Let’s explore the Paint tools. Before you do that, click on the Select tool and drag to highlight all your practice drawings. Press the Delete key on the keyboard. 10. Draw a completely closed square or circle on the screen. 11. Select a color from the Color palette. Click on the Paint tool and then inside your shape. Easy. The Unpaint tool is just as easy, click on it, then on your shape. OK, that was too simple. If you want to add color to the shape you just “unpainted” you need to select a color from the Color palette, then click on the Paint Unpainted tool, and finally click inside your shape. 12. The Dropper tool is used when you have a drawing that has many colors and you want to use one of the colors you already used. Instead of trying to find the exact color from the Color palette, you simply click on the Dropper tool and “select” the color from the drawing, and then click inside the shape you want to “paint” the color you just selected.
4
Module Guide
Animation
Directions
13. Using the Brush tool, draw an object similar to the one below.
14. Try to add a color to the inside of this shape. You can’t. The shape isn’t completely closed. You need to fill the gap. You can do this by selecting the Close Gap or Stroke tools. 15. Select the Close Gap tool from the Paint tool drop-down menu and then draw a line to close the gap. The line will not be visible, but you will get a message box letting you know that if you want to view the stroke you just created to fill the gap, you need to select View>Show Strokes. Now you can see the stroke you added. Select View>Hide Strokes and then fill the shape with a color. 16. Draw the same shape and try the Stroke tool. You get the same results. 17. Now delete all your shapes. Draw a star using the Polyline tool, then fine tune the shape using the Contour Editor tool.
Module Guide
5
Animation
Directions
18. Click on the color picker icon in the Color palette to open the Color Picker window. Let’s add a gradient fill to your star. In the Color Picker window, select the Gradient and Radial buttons. Find a color you like and then enter a name in the Name box. Your new color will now appear in the Color palette color choices. Close the Color Picker window.
19. Click on your new color and then on the Paint tool. Apply this color to your star. 20. You are now going to use the Feather Edges tool to change the look of the star. First, select the star using the Select tool. Select Tools>Feather Edges. Enter 10 for both the width and the number of steps. Click OK. Click anywhere on the screen to deselect the star. 21. The new effect is applied to the star. Since the feathering effect is a separate from the shape, if you select the star you can move it. You may want to do this, or you may want to group the feathered element and the star together. To group the elements, first select them, and then click Tools>Group. 22. Delete the star. Now that you know how to use the drawing and color tools, experiment with them and try to create a character, or design, or background. Have fun! 23. Save your work in the C:\Toon Boom Student folder as “Practice and your last name”. 24. When you are finished, exit the software. Once you've exited the software, go to the next section in the multimedia presentation.
6
Module Guide
Animation
Directions
Lesson 3, Animating in Toon Boom Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. In this activity, you will create a basic animation of a stick figure kicking a ball. 1. When the Toon Boom Studio window launches, enter “Stick Figure and your last name” for the Name of the Project (for example, Stick Figure Smith). Select Default for the Format. The frame rate and the camera sizes will set to the default values. The frame rate sets the speed at which the movie will play back. The higher the frame rate, the faster the animation will play. The camera size defines the resolution of the final animation. The larger the camera resolution, the larger the scene space you have. 2. Click the Create button. 3. The Toon Boom interface window appears. Select the down arrow that appears next to Workspace and select Drawing. 4. The Exposure Sheet should be open. If it is not, select Window>Exposure Sheet. By default, the Exposure Sheet opens with a drawing element. Let’s rename it. Right-click on Drawing and select Rename Element from the drop-down list. Enter Stick as the name and select OK.
5. You are ready to begin drawing your figure. Your first drawing will be cel 1 at frame 1 under the Stick drawing element. 6. Select the Brush drawing tool and the Pen 1 choice in the Pen palette. 7. Select a color for your figure from the Color palette.
Module Guide
7
Animation
Directions
8. Draw the first pose of your stick figure getting ready to kick the ball. When you are done, use the Ellipse tool to draw the ball. Remember to hold the Shift key down while drawing to draw a perfect circle.
9. You want each drawing to be held for two frames, which is called animating on 2’s, so you have to extend the exposure of the first cell to include frame 2. Right click on frame 1 (stick-1) in the Exposure Sheet and select Extend Exposure. Enter “2” and click OK. 10. Before you go any further, save your drawing in the C:\Toon Boom Student folder as “Stick Figure and your last name”. 11. Click in frame 3 in the Exposure Sheet. You are ready to draw your next key drawing in this kicking action. Turn on Onion Skin and Previous Drawing so you can see the previous drawing and use it as a guide. Previous Onion Skin
In traditional ‘cel’ animation, the individual frames of a movie were originally drawn on thin onionskin paper over a light source. The animators would put the previous and next drawings exactly under the original working drawing to use as guides when drawing the next drawing.
8
Module Guide
Animation
Directions
12. The first drawing is shown in a lighter color, click on the Brush tool and begin drawing. Try your best! Don’t forget the ball too.
13. Right click on frame 3 in the Exposure Sheet and select Extend Exposure. Enter “4” and click OK. 14. Now click in frame 5. This is where you will draw your next key pose. Don’t forget the ball.
15. Right click on frame 5 in the Exposure Sheet and select Extend Exposure. Enter “6” and click OK.
Module Guide
9
Animation
Directions
16. Draw your next key pose in frame 7. Don’t forget the ball and to save your work.
17. Extend the exposure to frame 8 and draw your next key pose in frame 9. Did you remember the ball?
18. Extend the exposure to frame 10 and draw your next key pose in frame 11.
10
Module Guide
Animation
Directions
19. Extend the exposure to frame 12 and draw another key pose in frame 13.
20. Extend the exposure to frame 14 and your final key pose in frame 15. Save your work.
21. Let’s take a look at how you did. Select Play> Preview Movie. When you are done watching your animation, exit the software and the browser window for the quick preview. Go to the next section in the multimedia presentation.
Module Guide
11
Animation
Directions
Lesson 4, Layering Elements Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. In this activity, you will continue working on the stick figure animation that you created in the previous lesson. Click on the Browse button under Open Recent and navigate to the C:\Toon Boom Student folder and select your stick figure. You named it “Stick Figure and your last name. 1. The Drawing Workspace should be open (Workspace>Drawing). Let’s add a background. Select Element>Add>Drawing. The new element appears in the Exposure Sheet. Right-click on the word Drawing and select Rename Element. if it is on so you only see Enter “Bkgrnd” and click OK. Turn off Auto Light Table the background layer. Select the Rectangle Drawing tool and draw a rectangle that covers the entire drawing sheet in cel 1, frame 1. Then use the Brush tool and the Color palette to create grass and a sky, similar to the one shown here.
12
Module Guide
Animation
Directions
2. Try adding a tree or flowers. When you are finished, right click on cel 1, frame 1 and select Extend Exposure. Select 15 and then OK. This is where your stick figure ends. Save your work.
3. Let’s add another element, Element>Add>Drawing. Rename this element to Bird. This time turn on Auto Light Table. Now create a bird that will fly out of the tree, animating on 2’s like you did with the stick figure. Make the bird appear bigger at first, and then smaller as it flies so it appears further away. End at cel 15. 4. You want to arrange the layers so the top layer is the stick figure and the background layer is the last layer. You can easily do that in the Scene Planning workspace (Workspace>Scene Planning). Here you see the timeline and the camera views. The timeline shows the element layers in rows. The layering order should be Stick, Bird, Bkgrd.
Module Guide
13
Animation
Directions
5. Click, hold, and drag the Bkgrd layer show it appears above the camera. Then do the same for the Bird layer, so it appears above the Bkgrd layer.
6. Saver your work. Now preview your animation, Play>Preview Movie. Close out of the preview window. 7. Go back to the Drawing workspace (Workspace>Drawing) and you’ll see the element layers are in the correct order in the Exposure Sheet. The timeline and the Exposure Sheet work together. If you have time, continue to add to this animation. You could add facial expressions to each key pose for the Stick element. You can add a new element and animate it, maybe leaves falling from the tree, or clouds moving in the sky. Be creative! Don’t forget to save your work. 8. When you are finished, exit the software. Go to the next section in the presentation.
14
Module Guide
Animation
Directions
Lesson 5, Animating with Templates Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. In this activity, you will use the Library and create an animated movie using the Toon Boom templates. 1. When the Toon Boom Studio window launches, enter “Templates and your last name” for the Name of the Project (for example, Templates Smith). Select Default for the Format. The frame rate and the camera sizes will set to the default values. Click the Create button. 2. You’ll be working in the Drawing Workspace (Workspace>Drawing). 3. Rename the default Drawing Element in the Exposure sheet to Bkgrd. 4. If the Library Window is not open, select Window>Library. You can change the size of the window to fit on the screen better. 5. Right-click on the Local folder and select New Catalog. You will create a subcategory titled Backgrounds in your local folder. Right-click on the new catalog and select Rename Catalog and enter Backgrounds. Press the Enter key on the keyboard. Right-click on the Local folder again and select New Catalog. This time rename it as Props. 6. Click on the + sign next to Toon Boom Templates to expand the list of subcategories. Then Double-click on Backgrounds. The List will appear. Right-click on the first file in the list and select View>Thumbnails from the drop-down list that appears.
7. In the Thumbnail list, scroll down and locate Beach.tbt. Click, hold, and drag the thumbnail into your Backgrounds folder under Local. If you double-click on your Backgrounds folder, you’ll see the template there.
Module Guide
15
Animation
Directions
8. Drag the Beach thumbnail from your Local folder to the first frame of the Bkgrd Element in the Exposure Sheet. Right-click and extend the exposure to 24.
9. Add a new drawing element (Add>Element>Drawing) and rename it Crab. Make sure Auto Light Table is turned on. You’re going to draw a crab moving from the beach back into the water. Begin in frame 1 of the Crab element. Don’t forget to pick a color and a brush size. Or you can create the crab using different Drawing tools. This is only an example.
10. If you want to copy your crab and only modify the legs and claws instead of creating the body from scratch, simply click the Select tool and drag to enclose the crab. Then right-click on the selected crab and click Copy Drawing Object from the dropdown menu. Right-click on the Crab-1 frame in the Exposure Sheet and extend the exposure to 2. Make sure Onion Skin and Previous Drawing are on.
16
Module Guide
Animation
Directions
11. Click in frame 3 and move your mouse into the drawing area, right-click and select Paste Drawing Object. The crab is still selected, move it over a little, towards the water. You can even resize the crab a bit so each time it’s smaller and smaller so it looks further and further away. Click anywhere outside of the selected crab to deselect it. 12. Save your drawing in the C:\Toon Boom Student folder as “Templates and your last name”.
13. Then select the Perspective tool and the Select tool and make small changes to the crab’s legs and claws. Select the entire crab using the Select tool and right-click to select Copy Drawing Object. Then right-click on frame 3 in the Exposure sheet, extend the exposure to 4. Click in frame 5, place your mouse in the drawing area and right-click to select Paste Drawing Object. Change the size and position of the crab again. 14. Continue animating on 2’s, each time the crab is moving closer to the water, until you get to frame 16. You do not have to use copy/paste, you can create the crab new each time if you prefer. 15. You can create bubbles in the water for the last 8 frames. First, add a new element (Add>Element>Drawing) and name it bubbles. At frame 17 of the bubbles element, draw a few small bubbles coming out of the water where the crab is hiding. Then on frames 18-23, create the bubbles going up in the air, each frame should show the bubble a little higher and smaller than the previous ones. Frame 24 should have no bubbles. 16. Now Double-click on the Props folder in the Toon Boom Templates. Scroll-down and locate Palm Tree2.tbt. Click, hold, and drag the thumbnail into your Prop folder under Local. 17. Add another element, (Add>Element>Drawing) and name it Tree. Make sure this element is layered before the background element, to do that, right-click on the element name and select Send Backward until it reaches the desired the location.
Module Guide
17
Animation
Directions
18. Open the Prop folder in your Local folder and drag the Palm Tree2 thumbnail to the first frame of the Tree Element in the Exposure Sheet. Right-click and extend the exposure to 24. Click the Select tool and select the entire tree in the drawing area. Now resize and move the tree to a good location. 19. Click Play>Preview Movie to watch your animation. 20. If you have time, you can create more animation elements; for example, add an element and create a coconut falling from the tree, or add another prop to your Prop folder and try to animate it. Be creative! 21. When you are finished, save and preview your movie, then exit the software. Go to the next section in the multimedia presentation.
18
Module Guide
Animation
Directions
Lesson 6, Working with Text Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. In this activity, you will continue working on the stick figure animation that you created in the previous lesson. Click on the Browse button under Open Recent and navigate to the C:\Toon Boom Student folder and select your stick figure. You named it “Stick Figure and your last name. 1. The Drawing Workspace should be open (Workspace>Drawing). Let’s add a background. Select Element>Add>Drawing. Right-click and rename the element to “Title”. Turn on Auto Light Table if it is not already on. 2. If the Text palette is not on your screen, select Window>Text. Click in the font box and then select a font from the drop-down list.
3. Click in frame 15. Select the Text tool from the Drawing tools and click where want your text to appear. 4. Type “THE END”. Highlight the text and click on a color from the Color Palette (Window>Color Palette). 5. Click the Select tool and select your title. Right-click and select Copy Drawing Object. 6. Click in frame 16. Then move your mouse on the drawing stage. Right-click and select Paste Drawing Object. Now move the text up or down, depending on where you started, so it appears to be scrolling. Select the text using the Select tool and copy it again. Click in frame 17, paste the text on the drawing stage, and then move it slightly. If you wanted to, you could animate by 2’s, like you did before.
Module Guide
19
Animation
Directions
7. Continue to do this until you get to place where you want the text to end. You can then add another text box and type your name. 8. You need to extend the background element to end where your title ends. Right-click on the Bkgrd element and extend the exposures. 9. Save your work and text your movie (Play>Preview Movie). 10. If you have extra time, practice with the fonts and text tool by creating more text, a different title, or add and animate credits. Don’t forget to add a new element for each and to save your work when you are finished. Once you’ve exited the software, go to the next section in the multimedia presentation.
20
Module Guide
Animation
Directions
Lesson 7, Creating Animation Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. In this activity, you will create your own animated movie. Try to make it at least 50 frames. You can animate by 2’s, use the Toon Boom Library and templates; create your own characters, backgrounds, and text. Use all the tools you have explored so far. 1. When the Toon Boom Studio window launches, enter “Final Project and your last name” for the Name of the Project (for example, Final Project Smith). Select Default for the Format. The frame rate and the camera sizes will set to the default values. Click the Create button. 2. You’ll be working in the Drawing Workspace (Workspace>Drawing). Be creative and have fun! If you need some ideas, here’s one. You can create a snowman and have it waving, the clouds moving, the sun rising. You can even add another element and have snow falling. Just a thought!
3. Save your movie in the C:\Toon Boom Student folder as “Final Project and your last name”. Don’t forget to save frequently during this activity. When you are finished exit the software. Go to the next section in the multimedia presentation.
Module Guide
21
Animation
22
Directions
Module Guide
Animation
Directions
Advanced Level Lesson 1, Toon Boom Animation Review Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. In this activity, you will create a basic animation of a bouncing ball to review some of the tools you have learned in the Beginning Level.
Drawing Tools
Exposure Sheet
Drawing View window
Pen Window
Color Palette
1. When the Toon Boom Studio window launches, enter “Review and your last name” for the Name of the Project (for example, Review Smith). Select Default for the Format. The frame rate and the camera sizes will set to the default values. The frame rate sets the speed at which the movie will play back. The higher the frame rate, the faster the animation will play. The camera size defines the resolution of the final animation. The larger the camera resolution, the larger the scene space you have. 2. Click the Create button. You’ll be working in the Drawing Workspace (Workspace>Drawing). Before you begin your review of animating in Toon Boom, you are going to practice using the Drawing Tools. Start with the Brush tool and then work your way down the drop-down list. 3. Experiment with different brush sizes and smoothness from the Pen palette; and colors from the Color palette.
Module Guide
23
Animation
Directions
4. If you select the object you created using the Select tool, you can then modify its shape, move it to a different location, delete it, or change the color. 5. Experiment with Contour Editor, Perspective, and Reposition All Drawings to see how these tools are used. 6. Let’s explore the Paint tools. Before you do that, click on the Select tool and drag to highlight all your practice drawings. Press the Delete key on the keyboard. 7. Draw a completely closed square or circle on the screen. 8. Select a color from the Color palette. Click on the Paint tool and then inside your shape. Easy. The Unpaint tool is just as easy, click on it, then on your shape. OK, that was too simple. If you want to add color to the shape you just “unpainted” you need to select a color from the Color palette, then click on the Paint Unpainted tool, and finally click inside your shape. 9. The Dropper tool is used when you have a drawing that has many colors and you want to use one of the colors you already used. Instead of trying to find the exact color from the Color palette, you simply click on the Dropper tool and “select” the color from the drawing, and then click inside the shape you want to “paint” the color you just selected. 10. Using the Brush tool, draw an object similar to the one below.
11. Try to add a color to the inside of this shape. You can’t. The shape isn’t completely closed. You need to fill the gap. You can do this by selecting the Close Gap or Stroke tools. 12. Select the Close Gap tool from the Paint tool drop-down menu and then draw a line to close the gap. The line will not be visible, but you will get a message box letting you know that if you want to view the stroke you just created to fill the gap, you need to select View>Show Strokes. Now you can see the stroke you added. Select View>Hide Strokes and then fill the shape with a color. 13. Draw the same shape and try the Stroke tool. You get the same results. 24
Module Guide
Animation
Directions
14. When you are finished reviewing the Drawing tools, delete all the objects from the screen so you can continue your review by creating a bouncing ball. 15. The Exposure Sheet should be open. If it is not, select Window>Exposure Sheet. By default, the Exposure Sheet opens with a drawing element. Let’s rename it. Right-click on Drawing and select Rename Element from the drop-down list. Enter Ball as the name and select OK. Creating a Simple Animation 1. You are ready to begin drawing your ball. Your first drawing will be cel 1 at frame 1 under the Ball drawing element. 2. If you want a perfect ball, select the Ellipse tool and draw a circle. Remember to hold the Shift key down while drawing to draw a perfect circle. If not, select the Brush drawing tool and the Pen 1 choice in the Pen palette. 3. Select a color for your ball from the Color palette. 4. Draw the first position of your ball at the top of the screen. You want each drawing to be held for two frames, which is called animating on 2’s, so you have to extend the exposure of the first cell to include frame 2. Right click on frame 1 in the Exposure Sheet and select Extend Exposure. Enter “2” and click OK. 5. Save your drawing in the C:\Toon Boom Student folder as “Ball and your last name”. 6. Click in frame 3 in the Exposure Sheet. You are ready to draw your next key drawing in this bouncing action. Turn on Onion Skin and Previous Drawing so you can see the previous drawing and use it as a guide. Previous Onion Skin
7. The first drawing is shown in a lighter color, click on your drawing tool and begin drawing the ball, this time position it down a little. Right click on frame 3 in the Exposure Sheet and select Extend Exposure. Enter “4” and click OK. 8. Now click in frame 5. Draw the ball again, each time positioning it lower than the previous one. 9. Right click on frame 5 in the Exposure Sheet and select Extend Exposure. Enter “6” and click OK. Keep doing this until you reach the bottom of the stage. 10. Extend the exposure and then begin the upward portion of the bounce. Continue until you reach the top of the stage, where you began.
Module Guide
25
Animation
Directions
11. Let’s take a look at how you did. Select Play>Preview Movie. When you are done watching your animation, exit the preview screen. 12. If you have time, add a new element (Element>Add>Drawing) and rename it “Bkgrd”. Right-click on the new element and select Arrange>Send to Back. Now create a background in the first frame. Don’t forget to extend the exposure to the same amount of frames that are in your Ball element. 13. When you are finished, save your work and exit the software. Go to the next section in the multimedia presentation.
26
Module Guide
Animation
Directions
Lesson 2, Peg Animation Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. 1. When the Toon Boom Studio window launches, enter “Peg Animation and your last name” for the Name of the Project (for example, Peg Animation Smith). Select Default for the Format. The frame rate and the camera sizes will set to the default values. 2. Click the Create button. You’ll be working in the Scene Planning Workspace (Workspace>Scene Planning). 3. In the Timeline window, right click on the Drawing element and rename it to Bunny. 4. In Library window (Window>Library), expand the Toon Boom Templates folder, then the Special Events folder, and finally the Holiday folder. Double-click on the Characters folder that appears under the Holiday folder. 5. Locate the Bunny_40frames.tbt file and click, hold, and drag it to frame 1 of the Bunny element.
6. Frames 1 through 40 are all green. Click on the red arrow that appears in the Timeline window above frame 1 and drag it to view the bunny jump up and down in place. 7. Click the Add Parent Peg Element tool . The Bunny-P element controls everything that is in its’ folder. You can click the arrow button that appears next to it to hide the elements under the control of the selected peg. Click again to unhide the elements.
Module Guide
27
Animation
Directions
You will be using the Scene Planning tools in this activity. They appear under the Drawing tools. Let’s make the bunny hop across the stage. 8. First click the arrow next to the Bunny-P peg to hide the Bunny element. 9. Click inside the empty box to show a check mark. A red circle appears on the stage.
10. Select the Motion tool from the Scene Planning tools. Click in frame 1 of the Bunny-P element and then click, hold, and drag the bunny to the left of the screen. Toon Boom created a keyframe in frame 1 of the Bunny-P element, which is displayed as a blue box with a black dot inside of it. (Note: the box is black and white when selected.)
NOTE: You can close the camera view and the other windows so you have more room to work on the screen. 28
Module Guide
Animation
Directions
11. Before you go any further, save your work in the C:\Toon Boom Student folder as “Peg Animation and your last name”. 12. Click on frame 40 of the Bunny-P element. Click the Motion tool. While holding the Shift key on the keyboard, click and then drag the bunny to the right of the screen. The line that appears across the stage is the motion path. Each dash on the line represents a frame. The arrow/box to the left of the screen represents the start of the motion and the box to the right represents stop.
13. To view the motion, you can press P on the keyboard, use the arrow in the Timeline, or select Play>Play. 14. Let’s make the bunny a little smaller. Click on frame 1 of the Bunny-P element. and then click on the bunny. Hold down the shift key and Select the Scale tool use the resize boxes to resize your bunny.
Module Guide
29
Animation
Directions
15. Now select frame 40. Hold down the Shift key and make the bunny bigger.
16. Press P on the keyboard to preview your work so far. 17. You are now going to use the Rotate tool to make your bunny lean forward and back when it’s hopping across the stage. First click on a frame in the Timeline window that shows your bunny in a start position inside the stage. 18. Click the Rotate tool. A circle with a square appears around the bunny. Move your mouse over the square, which is the point of rotation, until the cursor turns into a double-sided arrow, then click and drag this arrow up or down depending on the position you want your bunny. You just created a keyframe. The bunny will stay in this new position until you change it in another frame. 19. Click on a different frame, maybe 4 or 5 down from the one you are on, and change the position of the bunny. Continue doing this until you reach the end of the stage, changing the position each time to create keyframes. 20. Press the P key to view your work so far. 21. Save your work.
30
Module Guide
Animation
Directions
22. Now you will use the Transform tool to exaggerate the bunny’s hops. Click on the Transform tool and select a frame where you want to change the bunny hops. Using the resize boxes that appear, make the bunny wider, and yet lower to the ground, or wider and taller, depending on the keyframe you want to create.
23. Press P to preview your work. 24. You can also use the Motion tool to change your motion path. Experiment with this tool. 25. Now let’s add a background to the movie. First go to the Drawing workspace (Workspace>Drawing) and add a new element (Element>Add>Drawing). Don’t forget to send the background element to the back (right-click and select Arrange>Send to back). 26. Create your background using the Drawing tools. Don’t forget to extend the exposures to 40. 27. When you are finished, save your work and then preview your movie (Play>Preview Movie). Exit the software and go to the next section in the multimedia presentation.
Module Guide
31
Animation
Directions
Lesson 3, Camera Effects Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. You can change the FOV of a camera if you want to zoom in or out on an object in your scene. Let’s explore the Camera View and make changes to the FOV. 1. When the Toon Boom Studio window launches, enter “Camera Effects and your last name” for the Name of the Project. Select Default for the Format. 2. Click the Create button. You’ll be working in the Scene Planning Workspace (Workspace>Scene Planning). 3. In the Timeline window, right click on the Drawing element and rename it to Background. 4. In Library window (Window>Library), expand the Toon Boom Templates folder. Double-click on the Backgrounds folder. 5. Locate the City.tbt file and click, hold, and drag it to frame 1 of the Background element. 6. Close the Library window so you have more room to work in the Timeline. 7. Extent the Background element to frame 60. Right click on frame 60 in the Background element and select Extend Exposure. 8. In the Timeline, click on the Camera element. Once you do that, you’ll notice that in the Camera View, the camera frame and background are highlighted red and a black handle appears at the bottom of the camera frame.
32
Module Guide
Animation
Directions
9. If the Properties window is not open, do that now (Window>Properties) and select the Properties tab. Select Static for the FOV type. 10. Click on the Select tool from the Scene Planning tools. The camera’s field of view appears as a cone in the Top and Side View windows. Click, hold, and drag the cone to change the view to the one shown here.
11. Now experiment with changing the zoom level by dragging the black handle that appears on the camera frame in the Camera View. If you drag to the left, you zoom in on the scene; if you drag to the right, you zoom out on the scene. As you change the zoom level, the value of the Static field in the Properties window also changes. When you change the FOV, you are actually changing the angle of view on your scene. 12. Now let’s try working with the Dynamic FOV option. In the Properties window, select the Dynamic option for the FOV type. Now you can change the zoom level of the camera at different frames throughout your scene. A bar appears in the camera element in the Timeline. It is set to 10 frames and represents the period of the FOV change. If you want the zoom change to last longer than 10 frames, you must extend the bar.
Module Guide
33
Animation
Directions
13. In the Timeline, click in frame 1 of the Camera element. With the Select tool, use the blank handle to change the zoom level. This is your starting frame. Click in frame 10 (your ending frame) and change the zoom level of the camera. 14. Press the P key on the keyboard to view your changes. 15. Next we’ll explore panning and trucking the camera. To do this, you must attach the camera to a peg. 16. Before you do this, change the FOV option in the Properties window back to Static. 17. Select frame 1 of the Camera element and select the Add Parent Peg Element tool . Click the arrow button that appears next to Camera-P to hide the element.
18. Then click in the Camera-P box.
19. Click on the frame 1 of the Camera-P element in the Timeline. Click the Motion tool. In the Top View, click, hold, and drag the camera’s field of view (cone) to change the desired place. A key frame is created in the Timeline. 20. Move to the last frame in the scene (frame 60) of the Camera element and then drag the camera again to create a movement. You can zoom in on a building or a window on a building. Make sure the Motion tool is selected. You can use the Side View to move the camera up or down. A path will appear showing you the camera moves. 21. Before you go any further, save your work in the C:\Toon Boom Student folder as “Camera effects and your last name”. 22. Play your scene to see the results of the camera moves.
23. Move your mouse to the path created in the Top View. Hold the Alt key on the keyboard and click on the path to create a new keyframe in the path.
34
Module Guide
Animation
Directions
24. Now you can drag the keyframe around to create more complex camera moves.
25. Play the scene again to see what you created. 26. Continue experimenting with different camera moves. If you have time, add a new element and create a character or object that you can zoom in on. Don’t forget to extend the exposures to 60 for this element. Click in the first frame of your element and begin drawing in the Drawing View. Turn Auto Light Table on so you can see the background. Don’t forget to order your layers correctly! The character element is above the background element. 27. When you are finished, preview your movie (Play>Preview Movie). Save your work and exit the software.
Once you've exited the software, go to the next section in the multimedia presentation.
Module Guide
35
Animation
Directions
Lesson 4, Adding 3D Elements Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. 1. When the Toon Boom Studio window launches, enter “3D and your last name” for the Name of the Project. Select Default for the Format. 2. Click the Create button. You’ll be working in the Scene Planning Workspace (Workspace>Scene Planning). 3. In the Timeline window, right click on the Drawing element and rename it to Background. 4. Add two more drawing elements (Element>Add>Drawing). Rename them as Bunny and Tree. Put the elements in the following order:
5. In the Library, double-click on the Toon Boom Templates folder, then Special Events, Holiday, and finally BGs and Overlays. 6. Place SkyMountainsLake.tbt on frame 1 of the Background element layer.
7. Right-click on frame 120 in the Background element layer and select Extend Exposure from the drop-down window. 8. Place RightTreeSlope.tbt on frame 1 of the Tree element layer. Right-click on frame 120 and select Extend Exposure. 9. In the Library, double-click on Characters from Toon Boom Templates/Special Events/Holiday. 10. Place Bunny_40frames.tbt on frame 1 of the Bunny element layer. Then place Bunny_40frames.tbt on frame 41 of the Bunny element layer; and place Bunny_40frames.tbt on frame 81 of the Bunny element layer. 11. Before you go any further, save your work in the C:\Toon Boom Student folder as “3D and your last name”.
36
Module Guide
Animation
Directions
12. Click on the Bunny element in the Timeline and then click on the Add Parent Peg Element tool . 13. Hide the Bunny element by selecting the Hide All arrow for the Bunny-P element. Then click in the View box. Close the Library window so you have more room.
14. Select frame 1 in the Bunny-P element in the Timeline. With the Motion tool selected, click and drag the bunny to a position under the tree.
15. Select frame 41 in the Bunny-P element, and with the Motion tool selected, drag the bunny to the top of the hill next to the tree.
Module Guide
37
Animation
Directions
16. Select frame 57 in the Bunny-P element and with the Motion tool selected, click and drag the bunny down the hill a bit. Make sure you drag the bunny and not the keyframe box.
Do not drag the keyrame box. This is the keyframe for frame 41.
17. Select frame 42 in the Bunny-P element. From the main menu select Element>Transform>Flip Horizontal. The bunny will turn at this point during it’s hopping. 18. Select frame 41 in the Bunny-P element and select Element>Transform>Flip Horizontal. The bunny will turn again. 19. Select frame 120 in the Bunny-P element. With the Motion tool selected, click and drag the bunny to the bottom of the hill.
38
Module Guide
Animation
Directions
20. Press the P key on the keyboard to view your animation so far. 21. Save your work. 22. Hide the Bunny-P and Tree elements by clicking in the View box to deselect the check mark. 23. Select frame 1 in the Background element. Click the Select tool and drag the green line in the Side view or Top view so it falls outside the camera “cone” lines.
24. Click the View boxes in the Bunny-P and Tree elements to view them. 25. Select the Bunny-P element. Click the Motion tool and drag the red circle in the Side view back so it is between the two lines as shown below:
26. Save your work and then preview your movie (Play>Preview Movie). When you are finished, exit the software. Go to the next section in the presentation. Module Guide
39
Animation
Directions
Lesson 5, Color Effects Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. 1. When the Toon Boom Studio window launches, enter “Color Effects and your last name” for the Name of the Project. Select Default for the Format. 2. Click the Create button. You’ll be working in the Scene Planning Workspace (Workspace>Scene Planning). 3. In the Timeline window, right click on the Drawing element and rename it to Sky. 4. Add another drawing element (Element>Add>Drawing) and rename it Background. 5. In the Library, double-click on the Toon Boom Templates folder, then Special Events, Halloween, and finally BGs and Overlays. 6. Place Path_Thru_Graveyard.tbt on frame 1 of the Background element layer. Rightclick and extend exposure to frame 24. 7. Add another drawing element and rename it Bat. 8. In the Library, double-click on the Toon Boom Templates folder, then Special Events, Halloween, and finally Cycles. 9. Place Bat Cycle.tbt on frame 1 of the Bat element layer. Click on Add a Parent Peg Element. 10. Drag the bat to one of the limbs on the tree. Resize the bat so it’s not so big. 11. Click on frame 1 in the Bat-P element. Right-click and select Add Keyframe. 12. Click on frame 24 in the Bat-P element. Right-click and select Add Keyframe. 13. Click on the Motion tool and drag the bat across the screen. 14. Click on frame 12 in the Bat-P element. Right-click and select Add Keyframe. Now drag the bat down, closer to the graveyard.
40
Module Guide
Animation
Directions
15. Before you go any further, save your work in the C:\Toon Boom Student folder as “Color Effects and your last name”. 16. You will now add a Color Transform Effect element to Bat-P. Click Element>Add>Color Transform Effect. Rename this new element Bat-C. Notice the name of the element is now Color Transform-Bat-C. 17. Drag the Bat-P element on top of the Color Transform-Bat-C element. For the Color Transform-Bat-C element, right-click and Change Duration to 24. 18. Click on frame 12 on the Color Transform-Bat-C element. Right-click and select Add Keyframe. 19. In the Properties window (Window>Properties), edit the properties to reflect the following:
20. Now click on frame 1 in the Color Transform-Bat-C element. (Note: you may have to click slightly above the frame to move to the correct frame). Edit the properties to reflect the following:
Module Guide
41
Animation
Directions
21. Go to frame 24 and change the properties so Red, Green, and Blue are 0; like you did for frame 1. 22. Now select the P key on the keyboard to view what you have done so far. You’ll see that you changed the color of the bat to a lighter color so it appears as if it is getting closer. Then the bat changes back to a darker color as it moves further away. 23. Save your work. 24. You will now add a Drop Shadow Effect. Click Element>Add>Drop Shadow Effect. Rename this new element Shadow. Notice the name of the element is now Drop Shadow-shadow. 25. Drag the Drop Shadow-shadow element on top of the Bat-P element. 26. Drag the Bat element on top of the Drop Shadow-shadow element. You’re Timeline should look like this:
27. Click on frame 12 in the Bat-P element. Now the bat is positioned closer to the ground. 28. Click on the Drop Shadow-shadow element. Then click on the Select tool. You’ll notice the drop shadow box appears next to the bat. Drag this box to the ground. Select the P key on the keyboard and watch your animation.
42
Module Guide
Animation
Directions
29. At this point, try changing the color of the shadow using the Properties window to make the shadow lighter or darker as the bat get’s closer and then further away. 30. Click on frame 1 on the sky element. Using the Paint tools, make your night sky, filled with dark clouds and a full moon. Be creative! Don’t forget to extend the exposures to 24. 31. When you are finished, select Play>Preview Movie. Save your work and then exit the software. Once you've exited the software, go to the next section in the multimedia presentation.
Module Guide
43
Animation
Directions
Lesson 6, Lip-Sync Animation Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu.
1. When the Toon Boom Studio window launches, enter “Lip Sync and your last name” for the Name of the Project. Select Default for the Format. Change the Frame Rate to 24. 2. Click the Create button. You’ll be working in the Drawing Workspace first to draw the mouth movements (Workspace>Drawing). 3. You will use the mouth shapes as a template to trace each movement. Select File>Import File. Then navigate to the C:\Toon Boom Files folder. Double-click on the Mouth Shapes.jpg file. 4. Right-click on Mouth Shapes Jpg element. Select Arrange>Send to Back. 5. Turn on Auto Light Table. 6. Right-click on frame 10 of the Mouth Shapes Jpg element and select Extend Exposure. 7. Rename the Drawing element to Mouth. 8. Click on frame 1 of the Mouth element. Using the Pencil tool, begin tracing the A and I shape. Use it as a guide. You can create your shape any way you want, but try to keep the basic idea of the mouth movement for this sound. Click on View>Zoom In or Zoom Out, to see the shapes better. 9. Right-click on frame 1, Mouth-1, and select Rename Drawing. Rename as A and I. 10. Click on frame 2 in the Mouth element and trace the E shape. Rename this drawing to E. 11. Click on frame 3 in the Mouth element and trace the U shape. Rename this drawing to U. 12. Repeat these steps to draw all the mouth shapes. Rename each as the letters they are shapes for. 13. Before you go any further, save your work in the C:\Toon Boom Student folder as “Lip Sync and your last name”.
44
Module Guide
Animation
Directions
14. Create a new drawing element (Element>Add>Drawing) and name it Face. 15. Right-click and on this element and select Arrange> Send Backward. The element appears in the middle, between Mouth Shapes and Mouth on the Timeline. 16. Right-click on the element again and extend exposure to frame 10. 17. Click on frame 1 in the Face element and using the Drawing tools, draw a face (no mouth), not too big or too small; one that would accommodate the mouth shapes you just created. 18. Click on frame 1 of the Mouth element. Click on the Select tool, and click and drag to select the entire mouth. Move this mouth onto your face. 19. Click on frame 2 of the Mouth element and using the Select tool, position this mouth on your face. Try to position each new “mouth” in the same position on the face. Turn Onion Skin to help you. 20. Repeat for all Mouth frames, be sure to click in the next frame and use the Select tool to position the mouth shape.
21. Go to the Scene Planning Workspace. 22. Right-click on the Mouth Shapes Jpg element in the Timeline and select Delete Element. You don’t need this element anymore. It was only to be used as a guide. 23. Click on the Mouth element in the Timeline and press the Delete key on the keyboard to delete the frames. 24. In the Library window, double-click on the Animation folder, then Scene-1, and finally Mouth. Then drag the Mouth-Rest shape to the first frame of the Mouth element in the Timeline. Your lip-syncing will begin in the rest position. 25. Now you will import the sound for your lip-sync. Select File>Import File. Then navigate to the C:\Toon Boom Files folder. Double-click on the LipSync.wav file.
Module Guide
45
Animation
Directions
26. Double-click on frame 1 of the LipSync.wav element in the Timeline to select all frames, then click and drag the purple frames so it starts at frame 7 and ends and frame 30. You don’t want your sound to begin on frame 1. 27. Right-click on frame 30 of the Face element and select Extend Exposure. 28. Right-click on frame 6 of the Mouth element and select Extend Exposure. Frames 16 will be in the rest position and the lip syncing will begin at frame 7. The audio file says “Animating in Toon Boom is Fun”. You already created mouth shapes for each of the sounds and will now add the specific mouth shapes to the correct frames in the Mouth element, starting at frame 7. 29. From the Library, select your mouth shape A and I and move it to frame 7 of the Mouth element in the Timeline. 30. The next letter is “n”, so drag your mouth shape C, D, G, K, N, R, S, Th, Y and Z to frame 8. Do this for each letter. Select the corresponding mouth shape and drag to the Mouth element. Your last shape will be on frame 30. 31. Save your work. 32. Preview your work (Play>Preview Movie). If your movie doesn’t sound the way you thought it would, it’s because you synced each letter to the mouth shape you created. Remember, you want to match the mouth positions to the sounds being made, not each letter in a word. This is not an easy task. Below is a list of sounds you can try for each frame: A_A_N_M_A_T_G_I_N_T_O_O_N_B_O_M_I_S_F_U_U_N_N_REST Frame 7 Mouth- A and I Frame 8 Mouth- A and I Frame 9 Mouth- CDGKNRSThYZ Frame 10 Mouth- M B P Frame 11 Mouth- A and I Frame 12 Mouth- L (D Th) or CDGKNRSThYZ Frame 13 Mouth- CDGKNRSThYZ Frame 14 Mouth- A and I Frame 15 Mouth- CDGKNRSThYZ Frame 16 Mouth- L (D Th) or CDGKNRSThYZ Frame 17 Mouth- O Frame 18 Mouth- O Frame 19 Mouth- CDGKNRSThYZ Frame 20 Mouth- M B P Frame 21 Mouth- O Frame 22 Mouth- M B P Frame 23 Mouth- A and I Frame 24 Mouth- CDGKNRSThYZ Frame 25 Mouth- F V (D Th) Frame 26 Mouth- U Frame 27 Mouth- U Frame 28 Mouth- CDGKNRSThYZ Frame 29 Mouth- CDGKNRSThYZ Frame 30 Mouth- REST
46
Module Guide
Animation
Directions
33. Extend all your elements in your Timeline to frame 40 so your movie flows better. 34. Save your work and preview your movie. 35. If you have time, you can try to animate the face to change with the lip-syncing. To do this, select the Mouth element and click the Add Parent Peg Element. Click and drag the Face element on top of the Peg element so both the Face and Mouth elements will be controlled by the Peg element. 36. When you are finished, save and preview your work, then exit the software. Once you've exited the software, go to the next section in the multimedia presentation.
Module Guide
47
Animation
Directions
Lesson 7, Final Project Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. 1. When the Toon Boom Studio window launches, enter “Final Project and your last name” for the Name of the Project. Select Default for the Format. 2. Click the Create button. Using the tools you have learned in this module, start creating your own animation. Before you begin, review Lessons 1 through 6 in the Module Guide. You want to include the features from those lessons in your animation. When creating your characters, start with a simple shape for the head. Picture any of these shapes with a face inside.
Then draw the torso using more simple shapes. Add legs and arms, and anything else you can imagine to make your character look great!
48
Module Guide
Animation
Directions
3. Save your work in the C:\Toon Boom Student folder as “Final Project and your last name”. 4. Keep an eye on the time. You will finish your movie in Lesson 8. 5. Don’t forget to preview your movie. After you exit the software, go to the next section in the presentation.
Module Guide
49
Animation
Directions
Lesson 8, Finishing Up Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. 1. When the Toon Boom Studio window launches, click Browse under Open Recent. Navigate to the C:\Toon Boom Student folder and locate your final project. Doubleclick on the file to open it in Toon Boom. 2. Use the rest of the class period to finish your animation. Don’t forget to save your movie when you are done. After you exit the software, go to the next section in the presentation.
50
Module Guide
Animation
Directions
Comprehensive Level Lesson 2, Drawing Activity Toon Boom should be on your screen. If it isn't, click on the Application Launch button and choose Toon Boom from the menu. In this activity, you will explore the Drawing workspace in Toon Boom and see how creative you can be with the Drawing tools. Practice, practice, practice! You don’t need to be an artist to animate – just do your best! 1. When the Toon Boom Studio window launches, enter “Practice and your last name” for the Name of the Project (for example, if your last name is Smith, name your project, Practice Smith). Select Default for the Format. The frame rate and the camera sizes will set to the default values. Since you are only practicing using the drawing tools and not actually animating, these values are fine. 2. Click the Create button. 3. The Toon Boom interface window appears. Select the down arrow that appears next to Workspace and select Drawing. Let’s take a look at the Drawing workspace. It displays the following Toon Boom interface:
Drawing Tools
The Drawing View window is where you will create your drawings using the
Exposure Sheet
The Exposure Sheet is where you manage
Drawing View window
Pen Window
The Pen Window is where you select the size and smoothness of the brush for the drawing tool
Module Guide
Color Palette
The Color Palette is where you choose the colors for your drawing
51
Animation
Directions
4. The Exposure Sheet should be open. If it is not, select Window>Exposure Sheet. By default, the Exposure Sheet opens with a drawing element named Drawing. It’s always a good idea to rename it to be consistent with your project and for better “house keeping”, but since you’re going to be practicing using the Drawing Tools, you can leave the default name for this activity. 5. You are now going to practice using the Drawing Tools. Start with the Brush tool and then work your way down the drop-down list. 6. Experiment with different brush sizes and smoothness from the Pen palette; and colors from the Color palette. 7. If you select the object or design you created using the Select tool, you can then modify its shape, move it to a different location, delete it altogether, or change the color. 8. Experiment with Contour Editor, Perspective, and Reposition All Drawings to see how these tools are used. 9. Let’s explore the Paint tools. Before you do that, click on the Select tool and drag to highlight all your practice drawings. Press the Delete key on the keyboard. 10. Draw a completely closed square or circle on the screen. 11. Select a color from the Color palette. Click on the Paint tool and then inside your shape. Easy. The Unpaint tool is just as easy, click on it, then on your shape. OK, that was too simple. If you want to add color to the shape you just “unpainted” you need to select a color from the Color palette, then click on the Paint Unpainted tool, and finally click inside your shape. 12. The Dropper tool is used when you have a drawing that has many colors and you want to use one of the colors you already used. Instead of trying to find the exact color from the Color palette, you simply click on the Dropper tool and “select” the color from the drawing, and then click inside the shape you want to “paint” the color you just selected.
52
Module Guide
Animation
Directions
13. Using the Brush tool, draw an object similar to the one below.
14. Try to add a color to the inside of this shape. You can’t. The shape isn’t completely closed. You need to fill the gap. You can do this by selecting the Close Gap or Stroke tools. 15. Select the Close Gap tool from the Paint tool drop-down menu and then draw a line to close the gap. The line will not be visible, but you will get a message box letting you know that if you want to view the stroke you just created to fill the gap, you need to select View>Show Strokes. Now you can see the stroke you added. Select View>Hide Strokes and then fill the shape with a color. 16. Draw the same shape and try the Stroke tool. You get the same results. 17. Now delete all your shapes. Draw a star using the Polyline tool, then fine tune the shape using the Contour Editor tool.
Module Guide
53
Animation
Directions
18. Click on the color picker icon in the Color palette to open the Color Picker window. Let’s add a gradient fill to your star. In the Color Picker window, select the Gradient and Radial buttons. Find a color you like and then enter a name in the Name box. Your new color will now appear in the Color palette color choices. Close the Color Picker window.
19. Click on your new color and then on the Paint tool. Apply this color to your star. 20. You are now going to use the Feather Edges tool to change the look of the star. First, select the star using the Select tool. Select Tools>Feather Edges. Enter 10 for both the width and the number of steps. Click OK. Click anywhere on the screen to deselect the star. 21. The new effect is applied to the star. Since the feathering effect is a separate from the shape, if you select the star you can move it. You may want to do this, or you may want to group the feathered element and the star together. To group the elements, first select them, and then click Tools>Group. 22. Delete the star. Now that you know how to use the drawing and color tools, experiment with them and try to create a character, or design, or background. Have fun! 23. Save your work in the C:\Toon Boom Student folder as “Practice and your last name”. 24. When you are finished, exit the software. Once you've exited the software, go to the next section in the multimedia presentation.
54
Module Guide
Animation
Directions
Lesson 3, Animating in Toon Boom Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. In this activity, you will create a basic animation of a stick figure kicking a ball. 1. When the Toon Boom Studio window launches, enter “Stick Figure and your last name” for the Name of the Project (for example, Stick Figure Smith). Select Default for the Format. The frame rate and the camera sizes will set to the default values. The frame rate sets the speed at which the movie will play back. The higher the frame rate, the faster the animation will play. The camera size defines the resolution of the final animation. The larger the camera resolution, the larger the scene space you have. 2. Click the Create button. 3. The Toon Boom interface window appears. Select the down arrow that appears next to Workspace and select Drawing. 4. The Exposure Sheet should be open. If it is not, select Window>Exposure Sheet. By default, the Exposure Sheet opens with a drawing element. Let’s rename it. Right-click on Drawing and select Rename Element from the drop-down list. Enter Stick as the name and select OK.
5. You are ready to begin drawing your figure. Your first drawing will be cel 1 at frame 1 under the Stick drawing element. 6. Select the Brush drawing tool and the Pen 1 choice in the Pen palette. 7. Select a color for your figure from the Color palette.
Module Guide
55
Animation
Directions
8. Draw the first pose of your stick figure getting ready to kick the ball. When you are done, use the Ellipse tool to draw the ball. Remember to hold the Shift key down while drawing to draw a perfect circle.
9. You want each drawing to be held for two frames, which is called animating on 2’s, so you have to extend the exposure of the first cell to include frame 2. Right click on frame 1(stick-1) in the Exposure Sheet and select Extend Exposure. Enter “2” and click OK. 10. Before you go any further, save your drawing in the C:\Toon Boom Student folder as “Stick Figure and your last name”. 11. Click in frame 3 in the Exposure Sheet. You are ready to draw your next key drawing in this kicking action. Turn on Onion Skin and Previous Drawing so you can see the previous drawing and use it as a guide. Previous Onion Skin
In traditional ‘cel’ animation, the individual frames of a movie were originally drawn on thin onionskin paper over a light source. The animators would put the previous and next drawings exactly under the original working drawing to use as guides when drawing the next drawing.
56
Module Guide
Animation
Directions
12. The first drawing is shown in a lighter color, click on the Brush tool and begin drawing. Try your best! Don’t forget the ball too.
13. Right click on frame 3 in the Exposure Sheet and select Extend Exposure. Enter “4” and click OK. 14. Now click in frame 5. This is where you will draw your next key pose. Don’t forget the ball.
15. Right click on frame 5 in the Exposure Sheet and select Extend Exposure. Enter “6” and click OK.
Module Guide
57
Animation
Directions
16. Draw your next key pose in frame 7. Don’t forget the ball and to save your work.
17. Extend the exposure to frame 8 and draw your next key pose in frame 9. Did you remember the ball?
18. Extend the exposure to frame 10 and draw your next key pose in frame 11.
58
Module Guide
Animation
Directions
19. Extend the exposure to frame 12 and draw another key pose in frame 13.
20. Extend the exposure to frame 14 and your final key pose in frame 15. Save your work.
21. Let’s take a look at how you did. Select Play> Preview Movie. When you are done watching your animation, exit the software and the browser window for the quick preview. Go to the next section in the multimedia presentation.
Module Guide
59
Animation
Directions
Lesson 4, Layering Elements Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. In this activity, you will continue working on the stick figure animation that you created in the previous lesson. Click on the Browse button under Open Recent and navigate to the C:\Toon Boom Student folder and select your stick figure. You named it “Stick Figure and your last name. 1. The Drawing Workspace should be open (Workspace>Drawing). Let’s add a background. Select Element>Add>Drawing. The new element appears in the Exposure Sheet. Right-click on the word Drawing and select Rename Element. if it is on so you only see Enter “Bkgrnd” and click OK. Turn off Auto Light Table the background layer. Select the Rectangle Drawing tool and draw a rectangle that covers the entire drawing sheet in cel 1, frame 1. Then use the Brush tool and the Color palette to create grass and a sky, similar to the one shown here.
60
Module Guide
Animation
Directions
2. Try adding a tree or flowers. When you are finished, right click on cel 1, frame 1 and select Extend Exposure. Select 15 and then OK. This is where your stick figure ends. Save your work.
3. Let’s add another element, Element>Add>Drawing. Rename this element to Bird. This time turn on Auto Light Table. Now create a bird that will fly out of the tree, animating on 2’s like you did with the stick figure. Make the bird appear bigger at first, and then smaller as it flies so it appears further away. End at cel 15. 4. You want to arrange the layers so the top layer is the stick figure and the background layer is the last layer. You can easily do that in the Scene Planning workspace (Workspace>Scene Planning). Here you see the timeline and the camera views. The timeline shows the element layers in rows. The layering order should be Stick, Bird, Bkgrd.
Module Guide
61
Animation
Directions
5. Click, hold, and drag the Bkgrd layer show it appears above the camera. Then do the same for the Bird layer, so it appears above the Bkgrd layer.
6. Saver your work. Now preview your animation, Play>Preview Movie. Close out of the preview window. 7. Go back to the Drawing workspace (Workspace>Drawing) and you’ll see the element layers are in the correct order in the Exposure Sheet. The timeline and the Exposure Sheet work together. If you have time, continue to add to this animation. You could add facial expressions to each key pose for the Stick element. You can add a new element and animate it, maybe leaves falling from the tree, or clouds moving in the sky. Be creative! Don’t forget to save your work. 8. When you are finished, exit the software. Go to the next section in the presentation.
62
Module Guide
Animation
Directions
Lesson 5, Animating with Templates Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. In this activity, you will use the Library and create an animated movie using the Toon Boom templates. 1. When the Toon Boom Studio window launches, enter “Templates and your last name” for the Name of the Project (for example, Templates Smith). Select Default for the Format. The frame rate and the camera sizes will set to the default values. Click the Create button. 2. You’ll be working in the Drawing Workspace (Workspace>Drawing). 3. Rename the default Drawing Element in the Exposure sheet to Bkgrd. 4. If the Library Window is not open, select Window>Library. You can change the size of the window to fit on the screen better. 5. Right-click on the Local folder and select New Catalog. You will create a subcategory titled Backgrounds in your local folder. Right-click on the new catalog and select Rename Catalog and enter Backgrounds. Press the Enter key on the keyboard. Right-click on the Local folder again and select New Catalog. This time rename it as Props. 6. Click on the + sign next to Toon Boom Templates to expand the list of subcategories. Then Double-click on Backgrounds. The List will appear. Right-click on the first file in the list and select View>Thumbnails from the drop-down list that appears.
7. In the Thumbnail list, scroll down and locate Beach.tbt. Click, hold, and drag the thumbnail into your Backgrounds folder under Local. If you double-click on your Backgrounds folder, you’ll see the template there.
Module Guide
63
Animation
Directions
8. Drag the Beach thumbnail from your Local folder to the first frame of the Bkgrd Element in the Exposure Sheet. Right-click and extend the exposure to 24.
9. Add a new drawing element (Add>Element>Drawing) and rename it Crab. Make sure Auto Light Table is turned on. You’re going to draw a crab moving from the beach back into the water. Begin in frame 1 of the Crab element. Don’t forget to pick a color and a brush size. Or you can create the crab using different Drawing tools. This is only an example.
10. If you want to copy your crab and only modify the legs and claws instead of creating the body from scratch, simply click the Select tool and drag to enclose the crab. Then right-click on the selected crab and click Copy Drawing Object from the dropdown menu. Right-click on the Crab-1 frame in the Exposure Sheet and extend the exposure to 2. Make sure Onion Skin and Previous Drawing are on.
64
Module Guide
Animation
Directions
11. Click in frame 3 and move your mouse into the drawing area, right-click and select Paste Drawing Object. The crab is still selected, move it over a little, towards the water. You can even resize the crab a bit so each time it’s smaller and smaller so it looks further and further away. Click anywhere outside of the selected crab to deselect it. 12. Save your drawing in the C:\Toon Boom Student folder as “Templates and your last name”.
13. Then select the Perspective tool and the Select tool and make small changes to the crab’s legs and claws. Select the entire crab using the Select tool and right-click to select Copy Drawing Object. Then right-click on frame 3 in the Exposure sheet, extend the exposure to 4. Click in frame 5, place your mouse in the drawing area and right-click to select Paste Drawing Object. Change the size and position of the crab again. 14. Continue animating on 2’s, each time the crab is moving closer to the water, until you get to frame 16. You do not have to use copy/paste, you can create the crab new each time if you prefer. 15. You can create bubbles in the water for the last 8 frames. First, add a new element (Add>Element>Drawing) and name it bubbles. At frame 17 of the bubbles element, draw a few small bubbles coming out of the water where the crab is hiding. Then on frames 18-23, create the bubbles going up in the air, each frame should show the bubble a little higher and smaller than the previous ones. Frame 24 should have no bubbles. 16. Now Double-click on the Props folder in the Toon Boom Templates. Scroll-down and locate Palm Tree2.tbt. Click, hold, and drag the thumbnail into your Prop folder under Local. 17. Add another element, (Add>Element>Drawing) and name it Tree. Make sure this element is layered before the background element, to do that, right-click on the element name and select Send Backward until it reaches the desired the location.
Module Guide
65
Animation
Directions
18. Open the Prop folder in your Local folder and drag the Palm Tree2 thumbnail to the first frame of the Tree Element in the Exposure Sheet. Right-click and extend the exposure to 24. Click the Select tool and select the entire tree in the drawing area. Now resize and move the tree to a good location. 19. Click Play>Preview Movie to watch your animation. 20. If you have time, you can create more animation elements; for example, add an element and create a coconut falling from the tree, or add another prop to your Prop folder and try to animate it. Be creative! 21. When you are finished, save and preview your movie, then exit the software. Go to the next section in the multimedia presentation.
66
Module Guide
Animation
Directions
Lesson 6, Peg Animation Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. 1. When the Toon Boom Studio window launches, enter “Peg Animation and your last name” for the Name of the Project (for example, Peg Animation Smith). Select Default for the Format. The frame rate and the camera sizes will set to the default values. 2. Click the Create button. You’ll be working in the Scene Planning Workspace (Workspace>Scene Planning). 3. In the Timeline window, right click on the Drawing element and rename it to Bunny. 4. In Library window (Window>Library), expand the Toon Boom Templates folder, then the Special Events folder, and finally the Holiday folder. Double-click on the Characters folder that appears under the Holiday folder. 5. Locate the Bunny_40frames.tbt file and click, hold, and drag it to frame 1 of the Bunny element.
6. Frames 1 through 40 are all green. Click on the red arrow that appears in the Timeline window above frame 1 and drag it to view the bunny jump up and down in place. 7. Click the Add Parent Peg Element tool . The Bunny-P element controls everything that is in its’ folder. You can click the arrow button that appears next to it to hide the elements under the control of the selected peg. Click again to unhide the elements.
Module Guide
67
Animation
Directions
8. You will be using the Scene Planning tools in this activity. They appear under the Drawing tools. Let’s make the bunny hop across the stage. 9. First click the arrow next to the Bunny-P peg to hide the Bunny element. 10. Click inside the empty box to show a check mark. A red circle appears on the stage.
11. Select the Motion tool from the Scene Planning tools. Click in frame 1 of the Bunny-P element and then click, hold, and drag the bunny to the left of the screen. Toon Boom created a keyframe in frame 1 of the Bunny-P element, which is displayed as a blue box with a black dot inside of it. (Note: the box is black and white when selected.)
NOTE: You can close the camera view and the other windows so you have more room to work on the screen. 68
Module Guide
Animation
Directions
12. Before you go any further, save your work in the C:\Toon Boom Student folder as “Peg Animation and your last name”. 13. Click on frame 40 of the Bunny-P element. Click the Motion tool. While holding the Shift key on the keyboard, click and then drag the bunny to the right of the screen. 14. The line that appears across the stage is the motion path. Each dash on the line represents a frame. The arrow/box to the left of the screen represents the start of the motion and the box to the right represents stop.
15. To view the motion, you can press P on the keyboard, use the arrow in the Timeline, or select Play>Play. 16. Let’s make the bunny a little smaller. Click on frame 1 of the Bunny-P element. and then click on the bunny. Hold down the shift key and Select the Scale tool use the resize boxes to resize your bunny.
Module Guide
69
Animation
Directions
17. Now select frame 40. Hold down the Shift key and make the bunny bigger.
18. Press P on the keyboard to preview your work so far. 19. You are now going to use the Rotate tool to make your bunny lean forward and back when it’s hopping across the stage. First click on a frame in the Timeline window that shows your bunny in a start position inside the stage. 20. Click the Rotate tool. A circle with a square appears around the bunny. Move your mouse over the square, which is the point of rotation, until the cursor turns into a double-sided arrow, then click and drag this arrow up or down depending on the position you want your bunny. You just created a keyframe. The bunny will stay in this new position until you change it in another frame. 21. Click on a different frame, maybe 4 or 5 down from the one you are on, and change the position of the bunny. Continue doing this until you reach the end of the stage, changing the position each time to create keyframes. 22. Press the P key to view your work so far. 23. Save your work.
70
Module Guide
Animation
Directions
24. Now you will use the Transform tool to exaggerate the bunny’s hops. Click on the Transform tool and select a frame where you want to change the bunny hops. Using the resize boxes that appear, make the bunny wider, and yet lower to the ground, or wider and taller, depending on the keyframe you want to create.
25. Press P to preview your work. 26. You can also use the Motion tool to change your motion path. Experiment with this tool. 27. Now let’s add a background to the movie. First go to the Drawing workspace (Workspace>Drawing) and add a new element (Element>Add>Drawing). Don’t forget to send the background element to the back (right-click and select Arrange>Send to back). 28. Create your background using the Drawing tools. Don’t forget to extend the exposures to 40. 29. When you are finished, save your work and then preview your movie (Play>Preview Movie). Exit the software and go to the next section in the multimedia presentation.
Module Guide
71
Animation
Directions
Lesson 7, Camera Effects Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. You can change the FOV of a camera if you want to zoom in or out on an object in your scene. Let’s explore the Camera View and make changes to the FOV. 1. When the Toon Boom Studio window launches, enter “Camera Effects and your last name” for the Name of the Project. Select Default for the Format. 2. Click the Create button. You’ll be working in the Scene Planning Workspace (Workspace>Scene Planning). 3. In the Timeline window, right click on the Drawing element and rename it to Background. 4. In Library window (Window>Library), expand the Toon Boom Templates folder. Double-click on the Backgrounds folder. 5. Locate the City.tbt file and click, hold, and drag it to frame 1 of the Background element. 6. Close the Library window so you have more room to work in the Timeline. 7. Extent the Background element to frame 60. Right click on frame 60 in the Background element and select Extend Exposure. 8. In the Timeline, click on the Camera element. Once you do that, you’ll notice that in the Camera View, the camera frame and background are highlighted red and a black handle appears at the bottom of the camera frame.
72
Module Guide
Animation
Directions
9. If the Properties window is not open, do that now (Window>Properties) and select the Properties tab. Select Static for the FOV type. 10. Click on the Select tool from the Scene Planning tools. The camera’s field of view appears as a cone in the Top and Side View windows. Click, hold, and drag the cone to change the view to the one shown here.
11. Now experiment with changing the zoom level by dragging the black handle that appears on the camera frame in the Camera View. If you drag to the left, you zoom in on the scene; if you drag to the right, you zoom out on the scene. As you change the zoom level, the value of the Static field in the Properties window also changes. When you change the FOV, you are actually changing the angle of view on your scene. 12. Now let’s try working with the Dynamic FOV option. In the Properties window, select the Dynamic option for the FOV type. Now you can change the zoom level of the camera at different frames throughout your scene. A bar appears in the camera element in the Timeline. It is set to 10 frames and represents the period of the FOV change. If you want the zoom change to last longer than 10 frames, you must extend the bar.
Module Guide
73
Animation
Directions
13. In the Timeline, click in frame 1 of the Camera element. With the Select tool, use the blank handle to change the zoom level. This is your starting frame. Click in frame 10 (your ending frame) and change the zoom level of the camera. 14. Press the P key on the keyboard to view your changes. 15. Next we’ll explore panning and trucking the camera. To do this, you must attach the camera to a peg. 16. Before you do this, change the FOV option in the Properties window back to Static. 17. Select frame 1 of the Camera element and select the Add Parent Peg Element tool . Click the arrow button that appears next to Camera-P to hide the element.
18. Then click in the Camera-P box.
19. Click on the frame 1 of the Camera-P element in the Timeline. Click the Motion tool. In the Top View, click, hold, and drag the camera’s field of view (cone) to change the desired place. A key frame is created in the Timeline. 20. Move to the last frame in the scene (frame 60) of the Camera element and then drag the camera again to create a movement. You can zoom in on a building or a window on a building. Make sure the Motion tool is selected. You can use the Side View to move the camera up or down. A path will appear showing you the camera moves. 21. Before you go any further, save your work in the C:\Toon Boom Student folder as “Camera effects and your last name”. 22. Play your scene to see the results of the camera moves.
23. Move your mouse to the path created in the Top View. Hold the Alt key on the keyboard and click on the path to create a new keyframe in the path.
74
Module Guide
Animation
Directions
24. Now you can drag the keyframe around to create more complex camera moves.
25. Play the scene again to see what you created. 26. Continue experimenting with different camera moves. If you have time, add a new element and create a character or object that you can zoom in on. Don’t forget to extend the exposures to 60 for this element. Click in the first frame of your element and begin drawing in the Drawing View. Turn Auto Light Table on so you can see the background. Don’t forget to order your layers correctly! The character element is above the background element. 27. When you are finished, preview your movie (Play>Preview Movie). Save your work.
Go to the next section in this Module Guide, Adding 3D Elements.
Module Guide
75
Animation
Directions
Lesson 7, Adding 3D Elements You will now explore adding 3D elements to an animation. 1. Select File>New. The New Project dialog box appears. Enter “3D and your last name” for the Name of the Project. Select Default for the Format. 2. Click the Create button. You’ll be working in the Scene Planning Workspace (Workspace>Scene Planning). 3. In the Timeline window, right click on the Drawing element and rename it to Background. 4. Add two more drawing elements (Element>Add>Drawing). Rename them as Bunny and Tree. Put the elements in the following order:
5. In the Library, double-click on the Toon Boom Templates folder, then Special Events, Holiday, and finally BGs and Overlays. 6. Place SkyMountainsLake.tbt on frame 1 of the Background element layer.
7. Right-click on frame 120 in the Background element layer and select Extend Exposure from the drop-down window. 8. Place RightTreeSlope.tbt on frame 1 of the Tree element layer. Right-click on frame 120 and select Extend Exposure. 9. In the Library, double-click on Characters from Toon Boom Templates/Special Events/Holiday. 10. Place Bunny_40frames.tbt on frame 1 of the Bunny element layer. Then place Bunny_40frames.tbt on frame 41 of the Bunny element layer; and place Bunny_40frames.tbt on frame 81 of the Bunny element layer. 11. Before you go any further, save your work in the C:\Toon Boom Student folder as “3D and your last name”.
76
Module Guide
Animation
Directions
12. Click on the Bunny element in the Timeline and then click on the Add Parent Peg Element tool . 13. Hide the Bunny element by selecting the Hide All arrow for the Bunny-P element. Then click in the View box. Close the Library window so you have more room.
14. Select frame 1 in the Bunny-P element in the Timeline. With the Motion tool selected, click and drag the bunny to a position under the tree.
15. Select frame 41 in the Bunny-P element, and with the Motion tool selected, drag the bunny to the top of the hill next to the tree.
Module Guide
77
Animation
Directions
16. Select frame 57 in the Bunny-P element and with the Motion tool selected, click and drag the bunny down the hill a bit. Make sure you drag the bunny and not the keyframe box.
Do not drag the keyrame box. This is the keyframe for frame 41.
17. Select frame 42 in the Bunny-P element. From the main menu select Element>Transform>Flip Horizontal. The bunny will turn at this point during it’s hopping. 18. Select frame 41 in the Bunny-P element and select Element>Transform>Flip Horizontal. The bunny will turn again. 19. Select frame 120 in the Bunny-P element. With the Motion tool selected, click and drag the bunny to the bottom of the hill.
78
Module Guide
Animation
Directions
20. Press the P key on the keyboard to view your animation so far. 21. Save your work. 22. Hide the Bunny-P and Tree elements by clicking in the View box to deselect the check mark. 23. Select frame 1 in the Background element. Click the Select tool and drag the green line in the Side view or Top view so it falls outside the camera “cone” lines.
24. Click the View boxes in the Bunny-P and Tree elements to view them. 25. Select the Bunny-P element. Click the Motion tool and drag the red circle in the Side view back so it is between the two lines as shown below:
26. Save your work and then preview your movie (Play>Preview Movie). When you are finished, exit the software. Go to the next section in the presentation. Module Guide
79
Animation
Directions
Lesson 8, Color Effects Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. 1. When the Toon Boom Studio window launches, enter “Color Effects and your last name” for the Name of the Project. Select Default for the Format. 2. Click the Create button. You’ll be working in the Scene Planning Workspace (Workspace>Scene Planning). 3. In the Timeline window, right click on the Drawing element and rename it to Sky. 4. Add another drawing element (Element>Add>Drawing) and rename it Background. 5. In the Library, double-click on the Toon Boom Templates folder, then Special Events, Halloween, and finally BGs and Overlays. 6. Place Path_Thru_Graveyard.tbt on frame 1 of the Background element layer. Rightclick and extend exposure to frame 24. 7. Add another drawing element and rename it Bat. 8. In the Library, double-click on the Toon Boom Templates folder, then Special Events, Halloween, and finally Cycles. 9. Place Bat Cycle.tbt on frame 1 of the Bat element layer. Click on Add a Parent Peg Element. 10. Drag the bat to one of the limbs on the tree. Resize the bat so it’s not so big. 11. Click on frame 1 in the Bat-P element. Right-click and select Add Keyframe. 12. Click on frame 24 in the Bat-P element. Right-click and select Add Keyframe. 13. Click on the Motion tool and drag the bat across the screen. 14. Click on frame 12 in the Bat-P element. Right-click and select Add Keyframe. Now drag the bat down, closer to the graveyard.
80
Module Guide
Animation
Directions
15. Before you go any further, save your work in the C:\Toon Boom Student folder as “Color Effects and your last name”. 16. You will now add a Color Transform Effect element to Bat-P. Click Element>Add>Color Transform Effect. Rename this new element Bat-C. Notice the name of the element is now Color Transform-Bat-C. 17. Drag the Bat-P element on top of the Color Transform-Bat-C element. For the Color Transform-Bat-C element, right-click and Change Duration to 24. 18. Click on frame 12 on the Color Transform-Bat-C element. Right-click and select Add Keyframe. 19. In the Properties window (Window>Properties), edit the properties to reflect the following:
20. Now click on frame 1 in the Color Transform-Bat-C element. (Note: you may have to click slightly above the frame to move to the correct frame). Edit the properties to reflect the following:
Module Guide
81
Animation
Directions
21. Go to frame 24 and change the properties so Red, Green, and Blue are 0; like you did for frame 1. 22. Now select the P key on the keyboard to view what you have done so far. You’ll see that you changed the color of the bat to a lighter color so it appears as if it is getting closer. Then the bat changes back to a darker color as it moves further away. 23. Save your work. 24. You will now add a Drop Shadow Effect. Click Element>Add>Drop Shadow Effect. Rename this new element Shadow. Notice the name of the element is now Drop Shadow-shadow. 25. Drag the Drop Shadow-shadow element on top of the Bat-P element. 26. Drag the Bat element on top of the Drop Shadow-shadow element. You’re Timeline should look like this:
27. Click on frame 12 in the Bat-P element. Now the bat is positioned closer to the ground. 28. Click on the Drop Shadow-shadow element. Then click on the Select tool. You’ll notice the drop shadow box appears next to the bat. Drag this box to the ground. Save and then preview your movie (Play>Preview Movie).
You will now explore another advanced feature in Toon Boom. Go to the next section in the Module Guide, Lip-Sync Animation.
82
Module Guide
Animation
Directions
Lesson 8, Lip-Sync Animation
1. Select File>New. The New Project dialog box appears. Enter “Lip Sync and your last name” for the Name of the Project. Select Default for the Format. Change the Frame Rate to 24. 2. Click the Create button. You’ll be working in the Drawing Workspace first to draw the mouth movements (Workspace>Drawing). 3. You will use the mouth shapes as a template to trace each movement. Select File>Import File. Then navigate to the C:\Toon Boom Files folder. Double-click on the Mouth Shapes.jpg file. 4. Right-click on Mouth Shapes Jpg element. Select Arrange>Send to Back. 5. Turn on Auto Light Table. 6. Right-click on frame 10 of the Mouth Shapes Jpg element and select Extend Exposure. 7. Rename the Drawing element to Mouth. 8. Click on frame 1 of the Mouth element. Using the Pencil tool, begin tracing the A and I shape. Use it as a guide. You can create your shape any way you want, but try to keep the basic idea of the mouth movement for this sound. Click on View>Zoom In or Zoom Out, to see the shapes better. 9. Right-click on frame 1, Mouth-1, and select Rename Drawing. Rename as A and I. 10. Click on frame 2 in the Mouth element and trace the E shape. Rename this drawing to E. 11. Click on frame 3 in the Mouth element and trace the U shape. Rename this drawing to U. 12. Repeat these steps to draw all the mouth shapes. Rename each as the letters they are shapes for. 13. Before you go any further, save your work in the C:\Toon Boom Student folder as “Lip Sync and your last name”.
Module Guide
83
Animation
Directions
14. Create a new drawing element (Element>Add>Drawing) and name it Face. 15. Right-click and on this element and select Arrange> Send Backward. The element appears in the middle, between Mouth Shapes and Mouth on the Timeline. 16. Right-click on the element again and extend exposure to frame 10. 17. Click on frame 1 in the Face element and using the Drawing tools, draw a face (no mouth), not too big or too small; one that would accommodate the mouth shapes you just created. 18. Click on frame 1 of the Mouth element. Click on the Select tool, and click and drag to select the entire mouth. Move this mouth onto your face. 19. Click on frame 2 of the Mouth element and using the Select tool, position this mouth on your face. Try to position each new “mouth” in the same position on the face. Turn Onion Skin to help you. 20. Repeat for all Mouth frames, be sure to click in the next frame and use the Select tool to position the mouth shape.
21. Go to the Scene Planning Workspace. 22. Right-click on the Mouth Shapes Jpg element in the Timeline and select Delete Element. You don’t need this element anymore. It was only to be used as a guide. 23. Click on the Mouth element in the Timeline and press the Delete key on the keyboard to delete the frames. 24. In the Library window, double-click on the Animation folder, then Scene-1, and finally Mouth. Then drag the Mouth-Rest shape to the first frame of the Mouth element in the Timeline. Your lip-syncing will begin in the rest position. 25. Now you will import the sound for your lip-sync. Select File>Import File. Then navigate to the C:\Toon Boom Files folder. Double-click on the LipSync.wav file.
84
Module Guide
Animation
Directions
26. Double-click on frame 1 of the LipSync.wav element in the Timeline to select all frames, then click and drag the purple frames so it starts at frame 7 and ends and frame 30. You don’t want your sound to begin on frame 1. 27. Right-click on frame 30 of the Face element and select Extend Exposure. 28. Right-click on frame 6 of the Mouth element and select Extend Exposure. Frames 16 will be in the rest position and the lip syncing will begin at frame 7. The audio file says “Animating in Toon Boom is Fun”. You already created mouth shapes for each of the sounds and will now add the specific mouth shapes to the correct frames in the Mouth element, starting at frame 7. 29. From the Library, select your mouth shape A and I and move it to frame 7 of the Mouth element in the Timeline. 30. The next letter is “n”, so drag your mouth shape C, D, G, K, N, R, S, Th, Y and Z to frame 8. Do this for each letter. Select the corresponding mouth shape and drag to the Mouth element. Your last shape will be on frame 30. 31. Save your work. 32. Preview your work (Play>Preview Movie). If your movie doesn’t sound the way you thought it would, it’s because you synced each letter to the mouth shape you created. Remember, you want to match the mouth positions to the sounds being made, not each letter in a word. This is not an easy task. Below is a list of sounds you can try for each frame: A_A_N_M_A_T_G_I_N_T_O_O_N_B_O_M_I_S_F_U_U_N_N_REST Frame 7 Mouth- A and I Frame 8 Mouth- A and I Frame 9 Mouth- CDGKNRSThYZ Frame 10 Mouth- M B P Frame 11 Mouth- A and I Frame 12 Mouth- L (D Th) or CDGKNRSThYZ Frame 13 Mouth- CDGKNRSThYZ Frame 14 Mouth- A and I Frame 15 Mouth- CDGKNRSThYZ Frame 16 Mouth- L (D Th) or CDGKNRSThYZ Frame 17 Mouth- O Frame 18 Mouth- O Frame 19 Mouth- CDGKNRSThYZ Frame 20 Mouth- M B P Frame 21 Mouth- O Frame 22 Mouth- M B P Frame 23 Mouth- A and I Frame 24 Mouth- CDGKNRSThYZ Frame 25 Mouth- F V (D Th) Frame 26 Mouth- U Frame 27 Mouth- U Frame 28 Mouth- CDGKNRSThYZ Frame 29 Mouth- CDGKNRSThYZ Frame 30 Mouth- REST
Module Guide
85
Animation
Directions
33. Extend all your elements in your Timeline to frame 40 so your movie flows better. 34. Save your work and preview your movie. 35. If you have time, you can try to animate the face to change with the lip-syncing. To do this, select the Mouth element and click the Add Parent Peg Element. Click and drag the Face element on top of the Peg element so both the Face and Mouth elements will be controlled by the Peg element. 36. When you are finished, save and preview your work, then exit the software. Once you've exited the software, go to the next section in the multimedia presentation.
86
Module Guide
Animation
Directions
Lesson 9, Final Project Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. 1. When the Toon Boom Studio window launches, enter “Final Project and your last name” for the Name of the Project. Select Default for the Format. 2. Click the Create button. Using the tools you have learned in this module, start creating your own animation. Before you begin, review Lessons 1 through 6 in the Module Guide. You want to include the features from those lessons in your animation. When creating your characters, start with a simple shape for the head. Picture any of these shapes with a face inside.
Then draw the torso using more simple shapes. Add legs and arms, and anything else you can imagine to make your character look great!
Module Guide
87
Animation
Directions
3. Save your work in the C:\Toon Boom Student folder as “Final Project and your last name”. 4. Keep an eye on the time. You will finish your movie in Lesson 8. 5. Don’t forget to preview your movie. After you exit the software, go to the next section in the presentation.
88
Module Guide
Animation
Directions
Lesson 10, Finishing Up Toon Boom should be on your screen. If it isn’t, click on the Application Launch button and choose Toon Boom from the menu. 1. When the Toon Boom Studio window launches, click Browse under Open Recent. Navigate to the C:\Toon Boom Student folder and locate your final project. Doubleclick on the file to open it in Toon Boom. 2. Use the rest of the class period to finish your animation. Don’t forget to save your movie when you are done. After you exit the software, go to the next section in the presentation.
Module Guide
89