Narrative Motion Graphics

Slides:



Advertisements
Similar presentations
Windows Movie Maker. Lights! Camera! Action! Produce a movie using Movie Maker.
Advertisements

Chapter 8: Speak to Me Recording Audio Vibrating objects generate waves of compressed air that we hear as sound.
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
Video Editing Adobe Premier Elements 4.0. Editing Steps in Order Capture analog or down load digital video Outline a script or use just as shot sequence.
Created in 2011 at Liberty High School. Getting Started Overview on Magnet Tool – Graphics – Text – Image – Video – Sound – Wall A Sample Glog How to.
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Animating and Using Multimedia Effects Lesson 10.
Chapter 3 Working with Symbols and Interactivity.
Using PowerPoint: a beginner’s tutorial Betsey Davis MathScience Innovation Center 2005.
Exercise : Animated Navigation Structure in Flash 1.Develop Answers to “What did you learn in ITI program?” “What do you have to offer?” “What are your.
Chapter 4 Adding Images. Chapter 4 Lessons Introduction 1.Insert and align images 2.Enhance an image and use alternate text 3.Insert a background image.
Working with iMovie: The Basics Created by MJ. Importing Video Footage attach your camera to your computer and set to VTR mode move the camera button.
To download PhotoStory: Go to On the left side under Product Resources, click on Downloads.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
Lesson 1 What is Camtasia?. Lesson 2 Editing Objectives After completing the lesson, the student will be able to: Edit a basic recording Camtasia file.
Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.
Moviemaker Tutorial: Titles Adding Video & Pics Transitions MenuNextPrevious Video Effects Sounds Labels & Captions.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Introduction to PowerPoint Curriculum Implementation Day Friday, November 3, 2006 K.J. Benoy.
PowerPoint Practice Exercise 1 1.Save this file in your AV-TECH Folder as PowerPoint Practice Exercise 1. 2.Open this file in PowerPoint. 3.Edit each slide.
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
1 Flash Basics Exercise Guide Making Animated Text  1.1 Open Flash 5.0 working environment frame 1  1.2 Highlight frame 1 of the first layer Insert.
The desktop (overview) Working with desktop icons The desktop is the main screen area that you see after you turn on your computer and log on to Windows.
Adobe AuditionProject 4 guide © 2012 Adobe Systems IncorporatedHow to compose multiple-track recordings1 When creating an audio track, you will often want.
AL A. LAURIO Teacher Microsoft Windows Vista. DESKTOP is the main screen area that you see after you turn on your computer and log on to Windows. it serves.
Photo Story. How to use Photo Story Photo Story 3 can be located in the Accessories folder on school computers. You will need to have your pictures already.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
Copyright © 2013 MyGraphicsLab / Pearson Education LAYERS AND MASKS MYGRAPHICSLAB: ADOBE PHOTOSHOP CS6.
Photoshop Actions Lights, Camera, Actions in Photoshop.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Motion Graphics & Animation.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
How to Make a Power Point Go to Slide 2. (You can get there by clicking on slide 2 in Normal VIEW.)
PhotoShop Creative Suite 3 Chapter 1 The Work Area.
Build a Virtual Field Trip Beth Breiner Coordinator of Educational Technology Parkland School District.
Adobe ® Photoshop ® CS6 Chapter 1 Editing a Photo.
Microsoft® PowerPoint  Entrance. Controls how an object first appears on a slide.  Emphasis. Draws attention to an object that is already.
Overview Review Elements
Introduction to Premiere Pro CS6
Creating Quality Audio & Video
Adobe Premiere interface overview
For those who hate computers.
Computer Fundamentals 1
Layers in Adobe After Effect
Introduction Working with Panels.
PhotoShop Creative Suite 3
EEC-693/793 Applied Computer Vision with Depth Cameras
Microsoft Word 2010.
Introduction to Basic Interface of
Shotcut video editor.
MS PowerPoint 2010 Week 2.
Chapter 1 Editing a Photo
Overview Review Elements
How to Make a Power Point
PowerPoint Quick Tips Bad Ischl, Nov
Using Photoshop for IED
Technology ICT Core: PowerPoint.
Unit 11 – PowerPoint Interaction
Fusion 360 Pac Man Tutorial
How to Make a Power Point
Introduction to 3D Art and Animation
Working with Symbols and Interactivity
Introduction to PowerPoint
Narrative Motion Graphics
Narrative Motion Graphics
PowerPoint Practice Exercise
Exercise : Animated Navigation Structure in Animate (= Flash)
Narrative Motion Graphics
Narrative Motion Graphics
Exploring iMovie iMovie sits at the center of the iLife suite, integrating iTunes, iPhoto, and iDVD to help create professional-looking films with music,
Narrative Motion Graphics
Adobe Flash CS3 Revealed
Presentation transcript:

Narrative Motion Graphics Lesson K: Character Animator Puppetry Tools Grad Student VFX Presentations Day 4

GRAD STUDENT VFX PRESENTATIONS! DAY 4: Prepared AE Visual Effects Presentations! State your name and the topic of your tutorial. Show a finished version of your tutorial, so we understand what is intended. Show where to find your steps document and any needed materials on Piazza (should be under VFX presentations). Go through the steps as efficiently and clearly as you can, keeping it to around 10 minutes. Some people may try to follow along, but you do not have time to wait for them after each step. Answer questions at the end!

Character Animator: Getting Started Open Adobe Character Animator (CA). Note the Start menu to see Templates. These templates are Photoshop files (PSD) which are set-up with specific folder structures. CA uses these folders to identify face parts to easily hook-up a camera system to track and perform head, eye, and mouth shape movements. Click on the blank face template image to open it in both Character Animator and Photoshop. In CA we have a Project panel (UpLeft), including the Puppet (actor) and the Scene (stage). DoubleClick the Puppet for Rig Mode, where we set up Tags, Behaviors, and Triggers. Doubleclick the Scene to get Record Mode, which gives us a live update in the center Scene Viewport panel according to our face motions (seen through the camera panel, UpRight). Both the webcam and microphone icons below the Camera panel should be active (blue). If the camera is not active, try clicking the little Camera panel menu above and choose either Switch to Default Camera or Switch to Next Camera. If speaking does not show a green bar in the audio meter, Character CC > Preferences (Mac) or Edit > Preferences (PC) to change the Audio Hardware > Default Input.

Character Animator: Camera Calibration, Head Changes Every time before a performance or test, calibrate the camera: Choose a well-lit location (you will need a soft light that shines on or near your face from next to the camera). Sit or stand close to the camera, so that your head fits in the camera oval. Adopt a neutral face pose. Hit the [Set Rest Pose] button below the Camera panel. TEST: Tilt your head left and right, look around with your eyes, blink and raise eyebrows, say something. To open the template in Photoshop, select the Puppet in the Project panel and go to Edit > Edit Original. As noted above, the folder structure is important, and anything with a + symbol is a critical hook for the code. In particular, the top master folder must have a +before the name (no space), and contain a folder called Head (capital H). To change the head shape or skin colors, or to add ears and hair, add one or more new layers over the “face background” layer (towards the bottom) and paint the head-base you want. “face background” can then be hidden or deleted. Save. Back in Character Animator Doubleclick the Scene (in the upper-left Project panel) to Play and see the new face background.

Character Animator: Eyebrow, Tags, and Behaviors To change the eyebrows, change the layers labelled +Left Eyebrow and +Right Eyebrow (NOTE: these refer to the character’s left and right). The + makes a layer “independent” for Character Animator, so moving that layer will not move others. If, for example, we remove the + from an eyebrow layer, and save and play in Character Animator, we can see that eyebrow still works but its movement warps the shapes around it. In Character Animator Rig Mode (DoubleClick the Puppet) these + symbols become Crowns that can be turned on and off to experiment. The names of these moveable layers directly correspond to Tags in the lower-right Panel in Rig mode. Switch between art and text mode to see the Tag labels, which can be changed. CA Puppets move based on the programmed Behaviors. With a new character we get the standard Behavior Set, seen in play mode in the right panel under Properties. Open Face to find eyebrow strengths and try adjusting in real time. Change the eyes by adjusting those layers in PSD. Note the importance of what is visible or hidden in PSD when saved-- eyes need to be visible by default, and the closed eye only becomes visible when we blink in Record mode. Note the behaviors, and how we can change to Mouse Input or turn off Snap Eye Gaze for more free-floating results.

Character Animator: Mouth Shapes Character Animator listens for sounds and provides instant lip sync. In Rig Mode under Mouth in the left panel are slots for mouth shapes: 3 “Silent” mouth shapes: neutral (the default), smile, and surprised. 11 “Visemes” for the mouth shapes to match specific sounds. In Photoshop, adjust layers with these names to make custom mouth shapes and colors.

Character Animator: Recording TO RECORD A PERFORMANCE: Doubleclick Scene to enter Record mode. Hit the red dot “record” button below the Scene Viewport, and start speaking. You are recording! Hit the record button again to stop the recording and generate two tracks in the Timeline (bottom): The spoken audio waveform and the visemes (on the character puppet track). Adjust these visemes: Select and drag a viseme end to lengthen or shorten as desired. RightClickHold a Timeline viseme to pick a replacement, or tap it to cycle through options. RightClick a viseme and choose Silence to remove it. RightClick an empty area to add a viseme. TO ANIMATE A PRE-RECORDED AUDIO CLIP: File menu > Import to bring a pre-recorded audio file into the program. Drag the audio clip from the Project into the Timeline (bottom). Select the Timeline puppet track. Timeline menu > Compute Lip Sync from Scene Audio to generate visemes.

HOMEWORK 13 Due on Piazza hw13 an hour before class next week: HOMEWORK #13: FINAL PROJECT: Production: Submit a full draft of your entire video: All intended shots with at least an initial draft of all intended animated elements, timed to the audio. Avoid any empty/static black or color backgrounds: try adding and animating depth elements, shapes, textures, etc. Please post a render of your work so far as a YouTube link and also post a zipped copy of your project folder (if it is over 50 megs you will need to post to an external site like dropbox.com and post a link to Piazza).