Lesson Plan Course Title: Digital & Interactive Media Session Title: Basic Animation Lesson Duration: 10 Hours Performance Objective: Upon completion of this assignment, the student will be able to plan and create a basic flip-book and stop-motion animation. Specific Objectives: Identify various types of animation Construct a written planner for a basic flip-book animation Sketch and assemble a flip-book animation Construct a diagram/planner for a stop-motion animation Capture still-shot images to be used in a stop-motion animation Create a computer-generated stop-motion sequence using still-shot images, audio sound effects, and voiceovers Preparation TEKS Correlations: 130.278 (c) (7) The student demonstrates appropriate use of digital photography equipment and techniques. The student is expected to (A) demonstrate proper use of safety procedures while using digital photography equipment; (B) capture still-shot images using digital photography equipment incorporating various photo composition techniques such as lighting, perspective, candid versus posed, rule of thirds, and level of horizon; (C) transfer still shot images from equipment to the computer; (10) The student demonstrates appropriate use of audio equipment and techniques. The student is expected to (A) demonstrate proper use of safety procedures while using digital audio equipment; (B) demonstrate proper use of terminology and concepts in relation to audio technology; (C) demonstrate proper use of digital audio equipment to capture audio files; (D) transfer audio files from equipment to the computer; (E) demonstrate proper use of audio editing software such as adding effects, fading, volume control, and manipulation of waveforms using appropriate digital manipulation software (11) The student demonstrates appropriate use of animation. The student is expected to (A) use the principles of motion graphics such as frames and key frames, integration of audio into an animation, and user interactive controls; (B) create and modify a linear and a nonlinear animation using appropriate software following standard design principles; (C) export and set animation to be used in various digital formats and on various video animation players. IT: Digital & Interactive Media: Basic Animation Plan Copyright © Texas Education Agency, 2013. All rights reserved. 1 (12) The student demonstrates appropriate project management in the creation of digital media projects. The student is expected to (A) develop a plan for a media project such as a storyboard, stage development, and identification of equipment and resources; and (B) evaluate a project plan along its timeline and make suggested revisions until completion of the project. Instructor/Trainer References: Content Developer Knowledge Instructional Aids: Animation Presentation Animation Notes Organizer Activity #1 Flip Book Instructions/Planner Activity #1 Flip Book Scoring Rubric Activity #2 Stop-Motion Animation Instructions/Planner Activity #2 Stop-Motion Animation Scoring Rubric Animation Exam Animation Exam KEY Materials Needed: Note cards, sticky note pads, etc for flip-book Materials for scene creation of stop motion such as toy logs, clay, building blocks, etc. Equipment Needed: Computer and Projector for Presentation Digital Cameras for student use Computers for individual student use with presentation software Learner Prior to this lesson, have students browse the internet to find various types of animations. Have them locate two animations that seem very different from each other, record the address of the website where it is posted, and write at least three things that make them different and three things that make them the same. Introduction MI Introduction (LSI Quadrant I): SAY, “Have you ever watched an animated cartoon and wondered ‘how did they do that?’” Ask a few of the students to stand up and share some of the things they discovered about animation commonalities and differences. Optional: Have a student make a list on the board of the things the students say as being common and as being different. IT: Digital & Interactive Media: Basic Animation Plan Copyright © Texas Education Agency, 2013. All rights reserved. 2 Outline MI Outline (LSI Quadrant II): I. Instructor Notes: Students define and identify characteristics of various types of animations Introduce various types of animations using the Animation Presentation. Hand out the Animation Notes Organizer (1) per student to aid him/her in note taking during your presentation. Encourage the students to comment and discuss the issues on each slide. II. Construct a written planner for a basic flipbook animation Hand out the Activity #1 Instruction Sheet (1) per student. Review the activity instructions with students. Have the students brainstorm ideas for their flip-book animation and create a sketch on the handout sheet. Review the completed sketch/planner with students and offer feedback before allowing them to start their flipbook assignment. The instructor should demonstrate how to create a flip-book or use videos/Internet of how to create a flip-book. III. Students sketch and assemble a flip-book animation using the written planner as a content guide Review the activity instructions with students. Be sure they have their completed flip-book planner with them. Hand out the Flip-book scoring rubric (1) per student and review the criteria with students. Provide materials for flip-book activity. The instructor should demonstrate how to create a Stop-Motion Animation or use videos on the Internet to show how to create a Stop-Motion Animation. There are many videos available on this subject. IT: Digital & Interactive Media: Basic Animation Plan Copyright © Texas Education Agency, 2013. All rights reserved. 3 IV. Students construct a diagram/planner for a stop motion animation. Optional: Have students work in pairs or groups. Also, have students create a timeline for their project, deciding on how many days it will take to create their scene and object, take the pictures, & create the movie maker sequence. Throughout the assignment, have them do a timeline check to see if they are making significant progress. The instructor should demonstrate how to upload still- shot images and import them into a software program. Also, demonstrate how to perform a quick test for fluidity/smoothness of motion to see if other in-between frame images need to be added. V. Students capture still-shot images to be used in a stop motion animation Instructor should demonstrate how to add titles, end credits, audio music and voiceovers to the stopmotion animation. VI. Students create a computer-generated stopmotion sequence using still-shot images, audio sound effects and voiceovers. Hand out the Activity #2 Instruction Sheet (1) per student Review the activity instructions with students. Have the students brainstorm ideas for their flip-book animation and create a sketch on the handout sheet. NOTE: You will need to make sure that students understand availability of materials during the planning stage. NOTE: Optional activity see guided practice activity #3 below Make sure that students have still-shot camera, tripod, light source, and proper materials such as clay, sticky notes, toy logs, building blocks, etc. Review the Activity #2 instructions with students. Be sure they have their completed stop-motion planner with them. Hand out the Stop-Motion scoring rubric (1) per student and review the criteria with students. IT: Digital & Interactive Media: Basic Animation Plan Copyright © Texas Education Agency, 2013. All rights reserved. 4 Application MI Guided Practice (LSI Quadrant III): MI The teacher demonstrates each activity. The teacher actively monitors each activity and offers continual feedback for each step of the animation process. The teacher could provide the students with a set of pictures for a stop-motion animation and monitor students as they create and set up the sequence using titles and voiceover files provided. Independent Practice (LSI Quadrant III): Each student is responsible for an individual flip-book and computer-generated animation (even working in groups, each member of the group can manipulate his/her own copy of the still-shot images, sound clips, and voiceovers) Summary MI Review (LSI Quadrants I and IV): Have students view completed assignments of other students in their class and write their opinions of the final products of their peers. Have an electronic or printed copy of the Animation Presentation for students to review terminology and proper procedures concerning animation. Evaluation MI Informal Assessment (LSI Quadrant III): MI As students are working on activities, the instructor offers feedback as to proper/improper technique. Optional: Perform timeline checks. Have students view completed assignments of other students in their class, write their opinions of the quality of the final products of their peers, and then share their feedback with the class. Formal Assessment (LSI Quadrant III, IV): Grading Rubrics for activities EXAM: Questions over types of and procedures to create animations Extension MI Extension/Enrichment (LSI Quadrant IV): Students can use a video camera to film a close up of someone flipping through his/her flip-book animation, and capture the video to the computer. They could add any combination of the following to the captured video: music, voiceovers, titles, and/or end credits. IT: Digital & Interactive Media: Basic Animation Plan Copyright © Texas Education Agency, 2013. All rights reserved. 5 Icon MI Verbal/ Linguistic Logical/ Mathematical Visual/Spatial Musical/ Rhythmic Bodily/ Kinesthetic Intrapersonal Interpersonal Naturalist Existentialist Teaching Strategies Personal Development Strategies Lecture, discussion, journal writing, cooperative learning, word origins Reading, highlighting, outlining, teaching others, reciting information Problem solving, number games, critical thinking, classifying and organizing, Socratic questioning Mind-mapping, reflective time, graphic organizers, color-coding systems, drawings, designs, video, DVD, charts, maps Use music, compose songs or raps, use musical language or metaphors Organizing material logically, explaining things sequentially, finding patterns, developing systems, outlining, charting, graphing, analyzing information Developing graphic organizers, mindmapping, charting, graphing, organizing with color, mental imagery (drawing in the mind’s eye) Use manipulatives, hand signals, pantomime, real life situations, puzzles and board games, activities, roleplaying, action problems Reflective teaching, interviews, reflective listening, KWL charts Cooperative learning, roleplaying, group brainstorming, cross-cultural interactions Natural objects as manipulatives and as background for learning Socratic questions, real life situations, global problems/questions Creating rhythms out of words, creating rhythms with instruments, playing an instrument, putting words to existing songs Moving while learning, pacing while reciting, acting out scripts of material, designing games, moving fingers under words while reading Reflecting on personal meaning of information, studying in quiet settings, imagining experiments, visualizing information, journaling Studying in a group, discussing information, using flash cards with other, teaching others Connecting with nature, forming study groups with like-minded people Considering personal relationship to larger context IT: Digital & Interactive Media: Basic Animation Plan Copyright © Texas Education Agency, 2013. All rights reserved. 6 Basic Animation Notes Organizer 1. Animation is a collection of ___________ or ___________ ; each one being only slightly _________ than the one before it. 2. These pictures are displayed in _________ order – at a _________ rate giving an optical _________ of __________. 3. Persistence of Vision is a _________ that claims the human eye _________ every image even after the brain has had an opportunity to process the image. This timing __________ causes the brain to __________ objects that are stationary. This phenomenon often creates an optical ___________ 4. of motion. A Zolotrope is a two- _________ display that when _________ quickly causes the viewer to believe the two images are __________________. IT: Digital & Interactive Media: Basic Animation Plan Copyright © Texas Education Agency, 2013. All rights reserved. 7 A. List the type of animation in the first column of the table below and record its characteristics in the second column. Animation Type Definition Flip-Book A display that contains many _________ , with each page being only slightly ____________ than the next. When the pages are ___________ at a rapid rate, the images appear to have movement. A display that is created by a series of photos taken of _________ objects that are physically _________ in small _________ from one picture to the next. Cutout A type of ____________ motion created by using 2-dimensial _____________ figures. A type of _____________ animation in which the scene is ____________ so that characters/objects are only seen as ____________. Erasure A type of _________ motion in which the _________ _________ images are taken over ____________ as a(n) ____________ manipulates an image. Object Animation A type of ____________ motion animation using inanimate ______________ such as __________________ or __________________ . Claymation A type of __________ motion in which the characters are made of _____________ or ___________ so that they may be _________ to change shape. IT: Digital & Interactive Media: Basic Animation Plan Copyright © Texas Education Agency, 2013. All rights reserved. 8 Activity #1 – Flip-book Animation Instructions: 1. 2. 3. 4. 5. 6. 7. Brainstorm ideas for a flip-book. Think of a simple scene containing 2 stationary objects and 3 moving objects. In the rectangle below, sketch out your idea for your flip-book. In your sketch, circle the 2 objects that will be stationary; use different colors of highlights to note the 3 motion objects. The 3 moving objects should be animated in this manner: a. Object #1: moves horizontal (side to side) b. Object #2: moves vertical (up and down) c. Object #3: repeats a looped movement with at least 2 full loops In your sketch: draw a dotted line to indicate the path of motion for each Object; highlight the path with the appropriate color. Show your sketch to your instructor for approval before continuing. IT: Digital & Interactive Media: Basic Animation Plan Copyright © Texas Education Agency, 2013. All rights reserved. 9 Activity #1 Flip-–book Grading Rubric Your Flip-book and planner will be graded as follows: TECHNICAL 9-10 Points 5-8 Points 2-4 Points 0-1 Points PLAN FOR PROJECT Sketch completed and approved before starting project Sketch for animation completed after starting project Sketch for animation incomplete No planner sketch made TITLE AND THE END SCREEN Easily read font style, size, and duration Easily read font style, size, but short duration Font choice is poor but duration is good Poor font style or size choice and short duration OBJECTS DRAWN IN A SCENE Scene contains 5 related items Scene contains 3-4 related items Scene contains less than 3 related items Scene contains unrelated items STATIONARY OBJECTS 2 objects remain absolutely stationary throughout Only 1 stationary object No stationary objects MOVING OBJECT #1 Object has smooth horizontal movement – no large jumps Object has choppy movement – no large jumps Object has choppy movement – small jumps apparent Object has smooth vertical movement – no large jumps Object has smooth movement – no large jumps Movement tracks from beginning to end then repeats at least 1 time 2 objects remain relatively stationary throughout Object has smooth horizontal movement – small jumps apparent Object has smooth vertical movement – small jumps apparent Object has smooth movement – small jumps apparent Movement tracks from beginning to end then repeats a partial loop Object has choppy movement – no large jumps Object has choppy movement – no large jumps Movement tracks from beginning to end but does not repeat Object has choppy movement – small jumps apparent Object has choppy movement – small jumps apparent Animation displays a part of a story – linear progression Animation displays a part of a story – random progression Animation displays characters with no story Animation content contains random objects SUPERIOR SUITABLE MEDIOCRE INADEQUATE MOVING OBJECT #2 MOVING OBJECT #3 MOVING OBJECT #3 OBJECTS ANIMATE A SCENE OVERALL FORMAT/ APPEARANCE Awarded Movement does not track back to beginning TOTAL POSSIBLE POINTS: 100 Your Grade (total points awarded) IT: Digital & Interactive Media: Basic Animation Plan Copyright © Texas Education Agency, 2013. All rights reserved. 10 Activity #2 - Stop-Motion Animation Instructions: 1. Brainstorm ideas for creating a stop-motion animation. , Sketch your scene in the rounded rectangle below. 2. Think of a simple scene containing 2 stationary objects and 3 moving objects. 3. Sketch out your scene idea in the rounded rectangle below. In your sketch, circle the 2 objects that will be stationary; use different colors of highlighters to note the 3 motion objects. 4. In your sketch, draw a dotted line to indicate the path of motion for each object, highlight the path with the appropriate color. 5. In the box marked A, list the materials you will need to create your scene and objects. 6. Your instructor must approve your idea/planner before you begin your scene setup. Names of Group Members: A Materials List IT: Digital & Interactive Media: Basic Animation Plan Copyright © Texas Education Agency, 2013. All rights reserved. 11 Activity #2 – Stop-Motion Animation Scoring Rubric Instructions: 1. 2. 3. 4. 5. 6. 7. 8. Using the materials provided by the instructor, create a stop-motion animation. Set up your scene with a light source directly over the scene. Using a still shot camera, take photos of the objects. Remember to use your planner as a guide – 2 objects must remain still while 3 objects will be in motion – all 3 objects should move simultaneously at different rates of speed. Copy your photos to the computer. Place the photos in correct order sequence in presentation-type software. Create a beginning title sequence and an ending credits sequence. Add a sound file or music clip to play throughout the sequence. Your assignment will be graded according to the following criteria: TECHNICAL 9-10 Points 5-8 Points 2-4 Points 0-1 Points TITLE AND THE END SCREEN Easily read font style, size, and duration Easily read font style, size, but short duration Font choice is poor but duration is good Poor Font style or size choice and short duration 2 objects remain absolutely stationary throughout 2 objects remain relatively stationary throughout Only 1 stationary object No stationary objects Object has smooth movement – no small jumps Object has smooth movement – small jumps apparent Object has choppy movement – no large jumps Object has choppy movement or large jumps Object has smooth movement – no small jumps Object has smooth movement – no small jumps Object has smooth movement – small jumps apparent Object has smooth movement – small jumps apparent Object has choppy movement – no large jumps Object has choppy movement – no large jumps Object has choppy movement or large jumps Object has choppy movement or large jumps Music or sound plays throughout entire presentation Music or sound plays during photo but not title or end credit Music or sound plays throughout 75% of presentation Music or sound plays less than 75% of presentation Animation displays a part of a story – linear progression Animation displays a part of a story – random progression Animation displays characters with no story Animation content contains random objects SUPERIOR SUITABLE MEDIOCRE INADEQUATE STATIONARY OBJECTS MOVING OBJECT #1 MOVING OBJECT #2 MOVING OBJECT #3 AUDIO OBJECTS ANIMATE A SCENE OVERALL FORMAT/ APPEARANCE Awarded TOTAL POSSIBLE POINTS: 80 Your Grade IT: Digital & Interactive Media: Basic Animation Plan Copyright © Texas Education Agency, 2013. All rights reserved. 12 ANIMATION EXAM STUDENT NAME: ______________________ Multiple Choice Instructions: Fill in the blank preceding each question, using the letters A-D to represent which answer choice is best for the given question. 1. A Flip-book is A Pictures of inanimate objects B A series of hand-drawn images placed in picture frames C Another name for a stop motion video D A display book with pictures or drawings that causes the images to appear to have movement when flipped at a rapid rate 2. A Cut-out Animation is A Created using items such as Lego blocks B A stop motion using 2-dimensional figures C Another name for zolotrope D All of these 3. Persistence of Vision is A A phenomena that creates an optical illusion of motion B A scene made from craft dough C A video using still-shot images of inanimate objects D The process of backlighting cut-out figures 4. A stop-motion animation is A A video effect when you freeze a frame for several seconds to create anticipation in the viewer B A video using still shot images of inanimate objects that are manipulated in small increments from one picture to the next C A zolotrope D A phenomena that creates an optical illusion of motion 5. Animation is A Optical illusions of movement B A scene created with inanimate objects C A stop-motion film D All of these 6. A type of cutout animation in which the scene is backlit is called A Claymation B Erasure C Object D Silhouette IT: Digital & Interactive Media: Basic Animation Plan Copyright © Texas Education Agency, 2013. All rights reserved. 13 7. A type of animation in which the scene is created from an artist drawing or writing is called A Erasure B Silhouette C Claymation D Object 8. A zolotrope is a display with two different pictures, one on each side, and when flipped from side to side, it will cause the brain to do what? A Combine the two images B See the pictures as silhouettes only C Shut down D Detect music 9. A stop-motion animation in which building blocks or toy logs are used is called A Claymation B Zolotrope C Object D Erasure 10 A stop-motion animation in which characters are made of craft dough is called A Erasure B Persistence of vision C Claymation D Cut Out IT: Digital & Interactive Media: Basic Animation Plan Copyright © Texas Education Agency, 2013. All rights reserved. 14 ANIMATION EXAM STUDENT NAME: ______________________ Multiple Choice Instructions: Fill in the blank preceding each question, using the letters A-D to represent which answer choice is best for the given question. B 1. A Flip-book is A Pictures of inanimate objects B A series of hand-drawn images placed in picture frames C Another name for a stop-motion video D A display book with pictures or drawings that causes the images to appear to have movement when flipped at a rapid rate B 2. A Cut-out Animation is A Created using items such as Lego blocks B A stop-motion using 2-dimensional figures C Another name for zolotrope D All of these A 3. Persistence of Vision is A A phenomena that creates an optical illusion of motion B A scene made from craft dough C A video using still shot images of inanimate objects D The process of backlighting cut-out figures B 4. A stop motion animation is A A video effect when you freeze a frame for several seconds to create anticipation in the viewer B A video using still-shot images of inanimate objects that are manipulated in small increments from one picture to the next C A zolotrope D A phenomena that creates an optical illusion of motion D 5. Animation is A Optical illusions of movement B A scene created with inanimate objects C A stop-motion film D All of these D 6. A type of cutout animation in which the scene is backlit is called A Claymation B Erasure C Object D Silhouette IT: Digital & Interactive Media: Basic Animation Plan Copyright © Texas Education Agency, 2013. All rights reserved. 15 A 7. A type of animation in which the scene is created from an artist drawing or writing is called A Erasure B Silhouette C Claymation D Object A 8. A zolotrope is a display with two different pictures, one on each side, and when flipped from side to side, it will cause the brain to do what? A Combine the two images B See the pictures as silhouettes only C Shut down D Detect music C 9. A stop-motion animation in which building blocks or toy logs are used is called A Claymation B Zolotrope C Object D Erasure C 10 A stop-motion animation in which characters are made of craft dough is called A Erasure B Persistence of vision C Claymation D Cut Out IT: Digital & Interactive Media: Basic Animation Plan Copyright © Texas Education Agency, 2013. All rights reserved. 16