Webtorial: 2-Point Tracking

Similar documents
Tutorial Four-Point Tracking. Four-Point Tracking

BASICS OF MOTIONSTUDIO

Custom Wipe Using a Bitmap Image

Custom Heart-Shaped Wipe

Phoenix Keyboard Shortcuts R2. New additions are highlighted. Keyboard Shortcuts

Phoenix Keyboard Shortcuts R1 (Rev A) Keyboard Shortcuts

Revision : Keyboard Shortcuts

1. Multimedia authoring is the process of creating a multimedia production:

Lesson 4 Customize the ToolBox

Generating Vectors Overview

Keys for selecting tools

Press the Plus + key to zoom in. Press the Minus - key to zoom out. Scroll the mouse wheel away from you to zoom in; towards you to zoom out.

Avid FX Tutorials. Understanding the Tutorial Exercises

COMP : Practical 6 Buttons and First Script Instructions

User Guide Belltech Systems, LLC

Photoshop Fundamentals

The playhead, shown as a vertical red beam, passes each frame when a movie plays back, much like movie fi lm passing in front of a projector bulb.

Adobe After Effects CS6 Digital Classroom

Advanced Special Effects

Education and Training CUFMEM14A. Exercise 2. Create, Manipulate and Incorporate 2D Graphics

Creative Effects with Illustrator

In this lesson, you ll learn how to:

Working with the Dope Sheet Editor to speed up animation and reverse time.

Animating the Page IN THIS CHAPTER. Timelines and Frames

2.) Open you re my documents folder, and then open you re my pictures folder. Now create a new folder called mask advert.

9 Using Appearance Attributes, Styles, and Effects

Exercise One: Creating a Title 3D Effect

Table of Contents. Contents

Adobe Flash CS3 Reference Flash CS3 Application Window

Drawing shapes and lines

How to draw and create shapes

Corel Draw 11. What is Vector Graphics?

Using Flash Animation Basics

Recipes4Success. Draw and Animate a Rocket Ship. Frames 5 - Drawing Tools

If you have been using CorelDRAW, you may have turned off this opening screen. If so, skip to step 5.

Keyboard Shortcuts. Command Windows Macintosh

Getting Started with ShowcaseChapter1:

Adobe After Effects CC

Shattering Mirror Effect

Macromedia Flash. ( Macromedia Flash) : - - Flash. Flash. 10. ( Frame ) . Motion Tween. . Flash

EDITING SHAPES. Lesson overview

Getting Started with. PowerPoint 2010

Creating Multimedia SWF Products

Creating Vector Shapes Week 2 Assignment 1. Illustrator Defaults

Adding Objects Creating Shapes Adding. Text Printing and Exporting Getting Started Creating a. Creating Shapes Adding Text Printing and Exporting

ADOBE PHOTOSHOP Using Masks for Illustration Effects

XnView Image Viewer. a ZOOMERS guide

Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay.

-Remember to always hit Command + S every time you make a change to your project going forward.

Adobe Premiere Pro CC 2015 Tutorial

New Features in BCC AVX 4.0

RICE DMC SHORT COURSE. Creating a Digital Illustration in Photoshop (Advanced)

Adobe photoshop Using Masks for Illustration Effects

Creative Effects with Illustrator

Tower Drawing. Learning how to combine shapes and lines

ITEC185. Introduction to Digital Media

Using Masks for Illustration Effects

Airplane Propeller. Click Show All from the Zoom Control at the right end of the Timeline.

How to add video effects

4 working with SHAPE layers lesson overview

GETTING AROUND STAGE:

for ArcSketch Version 1.1 ArcSketch is a sample extension to ArcGIS. It works with ArcGIS 9.1

Creating a Motion Stabilizer Effect

FLASH CS6 DIRECTIONS TO GET YOU STARTED!

MotionGraphix. User Guide. Quick Start. Overview

Tangents. In this tutorial we are going to take a look at how tangents can affect an animation.

VIMED JWEB Manual. Victorian Stroke Telemedicine. Version: 1.0. Created by: Grant Stephens. Page 1 of 17

Adobe Illustrator CS5 Part 2: Vector Graphic Effects

Autodesk Fusion 360: Model. Overview. Modeling techniques in Fusion 360

Photoshop / Editing paths

User Manual Version 1.1 January 2015

On the Web sun.com/aboutsun/comm_invest STAROFFICE 8 DRAW

Modifier Keys. Option Key. Command Key. Shift Key. Control Key. Return Key. Tab

Photoshop Creative Cloud (CC)

MS Publisher 2007: Graphics. Lesson Notes Author: Pamela Schmidt

How to...create a Video VBOX Gauge in Inkscape. So you want to create your own gauge? How about a transparent background for those text elements?

GIMP WEB 2.0 BADGES. GIMP is all about IT (Images and Text) OPEN GIMP

National Weather Map

Edupen Pro User Manual

3 WOrkinG WiTH SElECTiOnS lesson overview

Producing a Slide Show

Toon Boom Harmony Essentials V15.0

Animation is the illusion of motion created by the consecutive display of images of static elements. In film and video

The Photoshop Workspace

Creating. an Illustration. Illustrator 9.0. Objectives

In this exercise you will be creating the graphics for the index page of a Website for children about reptiles.

2 Working with Selections

Edge Television Advertisement. -Open the 3 images of TV characters and the network logo in Photoshop. Your images must be high resolution images!

animation, and what interface elements the Flash editor contains to help you create and control your animation.

12 APPLYING EFFECTS. Lesson overview

Motion Graphics Pack for Avid Media Composer Adrenaline

Captain America Shield

Legal Notices. Toon Boom Animation Inc Saint-Laurent, Suite 1020 Montreal, Quebec, Canada H2W 2R2. Tel: Fax:

ADOBE 9A After Effects(R) CS3 ACE. Download Full Version :

HYPERSTUDIO TOOLS. THE GRAPHIC TOOL Use this tool to select graphics to edit. SPRAY PAINT CAN Scatter lots of tiny dots with this tool.

If you haven't already - Create Account in DaVinci Resolve (User Name & Password)

HBS Training - IT Solutions. PlanWeb. Introduction

A QUICK TOUR OF ADOBE ILLUSTRATOR CC (2018 RELEASE)

Toon Boom Harmony 14.0 Essentials Edition Keyboard Shortcuts

HBS Training - IT Solutions. PlanWeb. Intermediate

Transcription:

This webtorial will show you how to use 2-point tracking to attach a missing arrowhead to its clock hand and track the hand s movement to ensure that the arrowhead stays on its hand as it rotates. You will need to track the dot at the tip of the arrowless clock hand as well as the centre of the clock. Finally, to improve the look of the effect, you will then animate the feathering on the arrowhead to simulate motion. Note: It is important that you read the Download instructions. To print the instructions, right-click the page and select Print. You will be using the following clip: ClockMan.mov Media Download 2-Point Tracking footage (1,256 KB) Setting up the Sequence 1. Create a new sequence with the following settings: - Video Format: NSTC D1 4/3 - Resolution: Full/Uncompressed 2. In the Avid Explorer, navigate to the location of the media. 3. Right-click the ClockMan.mov file and select one of the following: t Link to create a linked file in your sequence s folder 1

t Capture to capture the file 4. Navigate to the folder where you linked or captured the file and drag the ClockMan clip to the timeline. Finding the Center-point of the Clock 1. Scrub through the clip. Notice that the arrowhead is missing from the tip of one of the clock hands and there is a white dot in its place. Note: You can also open the Graphics Combo view by Ctrl clicking the Graphics layout button. It is a floating view that can be accessed from anywhere to perform graphics and painting tasks. 2. Go to the beginning of the clip. 3. Click the Graphics layout button in the taskbar to switch to the Graphics layout. 4. Select Polyline as your Gfx Creation tool and set the properties as follows: - Paint Style: Brush > Use - Brush: Shape > Ellipse, XY radius = 3, Deselect Soft Edge - Brush FX: Color Blend > White - Masks: RGB - Time Span: Start to End 2

Webtorials Avid DS Nitris Select tool Freehand tool Polyline tool Edit Shape tool 5. Click the tip of the arrowless clock-hand and draw a straight line (stroke) from the tip to an approximate centre of the three clock-hands. 6. Press Esc to end the drawing mode. Stroke drawn 7. Use the Select tool to select the stroke and edit it as necessary. 3

Stroke selected 8. With the stroke is selected, click the Duplicate button in the General toolbar to make a copy of the stroke you just created. 9. Advance the clip forward by about one second. 10. From the toolbar, click Edit Shape and move the second stroke so that it passes through the second hand as shown here: The point where the two polyline strokes intersect is the center of the clock. You will use this as one of the points in the 2-point tracking. To make tracker placement easier, you will draw a dot over the two intersecting polylines. 11. Using the same brush properties as before, select the Freehand tool and draw a dot over the point where the strokes intersect as shown here: 4

Webtorials Avid DS Nitris Note: To see the intersection point more clearly, zoom in and use a larger brush size. 12. Select the two polyline strokes. Do not select the dot. 13. Deselect the Brush option in the Paint Style property editor. This hides the strokes which are no longer needed once you have found the center of the clock. Creating the Arrowhead You will now add the missing arrowhead to the clock hand. 1. Make sure you are at the beginning of the clip. 2. Add another Graphics effect to the clip. 3. Select Polyline as your Gfx Creation tool and set the properties as follows: - Paint Style: Fill > Use only - Fill Fx: Color > use the Pick tool to select the black color of the other clock-hands - Masks: RGB - Time Span: Start to End 4. Zoom in and draw a triangle-shaped polyline. Press the Ctrl key and click in the viewer to close the polyline. 5

5. Zoom back out and see if the arrowhead resembles the ones on the other clock hands. If you need to edit the arrowhead, select the stroke and click Edit Shape to adjust the control points. To make the arrow look like it is in motion, you will apply feathering to the arrow later in the lesson. Tracking the Shot Note: To improve the tracking process, always select a color that is absent from your image as the Color Space. This will produce a greater contrast. Since the arrowhead will undergo both translation and rotation, you need to use 2-point tracking. 1. With the arrowhead selected, click Tracker from the General toolbar. 2. In the Tracker property editor do the following: - Select 2-point for the Tracking Mode - Click Show to see the trackers - Select B (Blue) for Color Space to provide a better contrast between the dots and the green screen, as the screen contains very little blue 6

Webtorials Avid DS Nitris 3. Drag one of the trackers to the center dot of the clock. Note: The dot will not move during the tracking process, therefore the search area of the tracker can be very small. 4. Since you are using the white dot at the tip of the clock s hand to track with, hide the arrowhead temporarily by clicking Hide Gfx from the Tracker property editor. 5. Position the second tracker over the white dot on the clock hand as shown. Make sure the search area is quite large since the clock s hand will be moving quite quickly. 7

Track Forwards button 6. You are now ready to track. In the Tracker property editor, click the Track Forwards button. 7. Click OK in the dialog box that is displayed when the tracking is complete. 8. Click Show Gfx to see the arrowhead again. 9. Scrub through the clip and observe how the arrowhead is attached to the clock hand as it rotates about its center. Simulating Motion As you scrub through the clip, you may notice that the arrowhead is a bit too crisp and lacks a sense of movement. You can animate the feathering of the arrowhead over time so that it looks like it is in motion. 1. Make sure you are at the beginning of the clip and your arrowhead stroke is selected. 2. In the Paint Style property editor, set the Fill > Feathering Soft Radius to 2 and set a keyframe. 8

Webtorials Avid DS Nitris 3. Advance the clip forward about 10 frames to the point where the clock hand picks up speed. 4. In the Paint Style property editor, set the Fill > Feathering Soft Radius to 6 and set a keyframe. 5. Advance the clip forward another 25 frames to the point where the clock hand starts to slow down. 6. In the Paint Style property editor, set the Fill > Feathering Soft Radius to 2 and set a keyframe. 9

7. Scrub through your clip and notice how animating the feathering of the arrowhead stroke simulates blurred motion. Processing the Clip Before processing the final result, make sure you bypass the first graphics effect since you don t want the dot you created to appear. 1. Switch back to the Editing layout. 2. Bypass the first graphics effect you added by right-clicking on the clip and choosing Bypass from the menu. 3. Process the effect in frames. 4. Play back your clip to see the final result. 10