Linking the Psunami camera



Similar documents
Float a Beachball in Psuanmi

Flash MX Image Animation

Lesson 7 - Creating Animation II

The Rocket Steam Locomotive - Animation

Figure 3.5: Exporting SWF Files

Overview of the Adobe Flash Professional CS6 workspace

Tutorial 13: Object Animation

m ac romed ia Fl a s h Curriculum Guide

Stipple Effect with Roto Toon

Introduction to scripting with Unity

Maya 2014 Basic Animation & The Graph Editor

Anime Studio Debut 10 Create Your Own Cartoons & Animations!

Getting Started: Creating the Backdrop

Compositing a 3D character over video footage in Maya Jean-Marc Gauthier, Spring 2008

Working With Animation: Introduction to Flash

Tutorial: Biped Character in 3D Studio Max 7, Easy Animation

Motion tween is nothing but tweening a Symbol's movement from one position to another.

Flash MX 2004 Animation Lesson

Tutorial for Basic Editing in Adobe Premiere Pro CS5

Develop Computer Animation

Animating in Inventor Studio the basics

QuickTime Animation Tutorial

Adding Animation With Cinema 4D XL

Intro to 3D Animation Using Blender

Unit 21 - Creating a Button in Macromedia Flash

Flash Tutorial Part I

Adobe Illustrator CS5 Part 1: Introduction to Illustrator

Auto Document Scanning and Peg Hole Registration

Graphic Design. Background: The part of an artwork that appears to be farthest from the viewer, or in the distance of the scene.

Pro/E Design Animation Tutorial*

Anime Studio Debut vs. Pro

Animation Action STUDIO. PROJECT 11 For use with Chapter 8. Objective SUPPLIES

How to build text and objects in the Titler

PART 1 Basic Setup. Section 1.1 Direct The Strokes 1.1.1

BROCK UNIVERSITY MAP LIBRARY MY GOOGLE EARTH. 1. Link to the Air Photo Index page -> link to the 1934 air photos. A map of Niagara will appear.

Application of Function Composition

Using Microsoft Word. Working With Objects

Creating a Guided Tour with Google Earth

Video, film, and animation are all moving images that are recorded onto videotape,

Character Creation You can customize a character s look using Mixamo Fuse:

MovieClip, Button, Graphic, Motion Tween, Classic Motion Tween, Shape Tween, Motion Guide, Masking, Bone Tool, 3D Tool

FREE FALL. Introduction. Reference Young and Freedman, University Physics, 12 th Edition: Chapter 2, section 2.5

GRC 119 Assignment 7 Create a Flash Animation Banner Ad

Comparing Video Editing Tools

TWO-DIMENSIONAL TRANSFORMATION

Intro to Excel spreadsheets

Formulas, Functions and Charts

MAKE YOUR FIRST A-MAZE-ING GAME IN GAME MAKER 7

The Dashboard. Change ActivInspire's Look And Feel. ActivInspire Primary. ActivInspire Studio. <- Primary. Studio -> page 1

Digital Video Capture and Edit with imovie HD 6.0.2

Tutorial. Making Augmented Reality Accessible for Everyone. Copyright (c) 2010 Human Interface Technology Laboratory New Zealand

How to resize, rotate, and crop images

Creating Your Own 3D Models

Castle Modeling. In this PDF tutorial we will be modeling a simple castle as pictured above.

FLASH. Mac versus PC. Pixels versus Vectors Two kinds of images are in the digital world: bitmaps and vectors:

How to use your ipad or iphone as a second monitor

Course Project Lab 3 - Creating a Logo (Illustrator)

Summary of important mathematical operations and formulas (from first tutorial):

Create A Collage Of Warped Photos

Questions and Answers

Creating a Logo in CorelDRAW

GRC 119 Assignment 6 Create a Flash Animation Banner Ad

Sweet Home 3D user's guide

Digital Video-Editing Programs

Windows 7 Quick Reference Guide

The very basic basics of PowerPoint XP

RELEASE NOTES CameraTracker 1.0. CameraTracker Release Notes

Basic Coordinates & Seasons Student Guide

3D-GIS in the Cloud USER MANUAL. August, 2014

Keywords - animation, e-learning, high school, physics lesson

Within minutes you can transform your high-resolution digital image in to a DVquality movie that pans, zooms and rotates the once-still image.

Integration of Gann, Elliott, and Fibonacci Techniques by Peter Matske

Working with Windows Movie Maker

PowerPoint 2007 Basics Website:

CREATING A CUBEMAP AND CUBE FACES FOR USE IN PHOENIX RC SCENERY CREATION

How to rotoscope in Adobe After Effects

Blender Notes. Introduction to Digital Modelling and Animation in Design Blender Tutorial - week 9 The Game Engine

A Tutorial for 3D Point Cloud Editor

Coordinate Systems. Orbits and Rotation

Lession: 2 Animation Tool: Synfig Card or Page based Icon and Event based Time based Pencil: Synfig Studio: Getting Started: Toolbox Canvas Panels

ACE: After Effects CC

Snap to It with CorelDRAW 12! By Steve Bain

QUICK REFERENCE: ADOBE ILLUSTRATOR CS2 AND CS3 SECTION 1: CS3 TOOL BOX: PAGE 2 SECTION 2: CS2 TOOL BOX: PAGE 11

Imaris Quick Start Tutorials

Mathematical goals. Starting points. Materials required. Time needed

ASUS GPU Tweak User Manual

Phases of the Moon. Preliminaries:

BASIC VIDEO EDITING: IMOVIE

Learning Module 4 - Thermal Fluid Analysis Note: LM4 is still in progress. This version contains only 3 tutorials.

Quick start guide! Terri Meyer Boake

Adobe Illustrator CS5

Understanding Exposure for Better Photos Now

Copyright LisaCashHanson.com

Files Used in this Tutorial

Vectors. Objectives. Assessment. Assessment. Equations. Physics terms 5/15/14. State the definition and give examples of vector and scalar variables.

Transcription:

Linking the Psunami camera Use expressions to link Psunami to a comp Camera [ from: Digital Anarchy ] f/x tools for revolutionaries

Psunami: Camera Linking This tutorial will go over how to link the Psunami camera to an After Effects comp camera using simple expressions. This is ideal for artists who are compositing text, additional artwork, or 3D elements into the Psunami water scene and want to match the water up to an animated camera move. step 1: create a composition In After Effects, create a new composition. For this tutorial, we will use a 720x540 NTSC Square Pixel composition, but this can be adapted to a composition of any size. If you are importing 3D graphics with a 3D camera move that you want to match, make certain that the After Effects composition matches your 3D scene settings, and be sure of your 3D cameraʼs Field of View. step 2: create a camera Create an After Effects camera by going to Layer> New> Camera. You can animate the camera as necessary before or after this tutorial; the linking expressions wonʼt hinder the animation. A color-coded guide for expression linking. Itʼs worth noting that the Psunami camera starts off relatively close to the water surface in relation to the initial central origin of After Effectsʼ 3D space. Depending on your outcome, it might be worth raising the camera and 3D element a bit before linking. This can be handled quickly within the expression we are about to go over, but keep the idea in mind when planning your camera and scene. step 3: create layers, apply psunami Create a new Solid layer by going to Layer> New> Solid. Make sure the Solid is the same size as your comp. With this layer selected in the Timeline, hit F3 to bring up the Effect Control window. Apply Psunami by going to Effect> Digital Anarchy> Psunami. Create a 3D Text layer above the Psunami layer. Type the words ʻOcean Opticsʼ. Make the layer 3D by clicking its 3D switch in the Timeline. TIP: If you are importing 3D scene and camera data from an outside 3D app such as Maya or 3D Studio Max, check out Trish & Chris Meyerʼs Creating Motion Graphics with After Effects Volume 2: Advanced Technique. This book has a great section on how to import camera data from various 3D apps. 2

step 4: prep the palettes Twirl down the Psunami layer in the Timeline, then twirl down the Psunami Effects. Open the Psunami Camera parameters in the Timeline. Twirl down the actual Camera layer as well, to expose its transformation information. Now expand the Timeline window until you can see both the Psunami camera controls and the AE Camera controls at the same time. This makes the expression linking much easier. Alright, letʼs get to ʻwhippingʼ our parameters into shape! step 5: pickwhip your position Under the Psunami camera section, Option+Click (Mac) or Alt+ Click (Win) on the little keyframing clock next to the X East-West parameter. A section called ʻExpression: X East-Westʼ will open directly underneath. This contains the buttons for our expressions. Left-click and hold down the pickwhip button (the little spiral) and drag the resulting whip line to the Position parameter for the AE Camera Z-axis. An expression will generate in the layer area of the Timeline that looks like this: thiscomp.layer( Camera 1 ).transform.position[2] Once you let go of the pickwhip and this text appears, its text field should be active and ready for text entry. We need to divide all of the Position parameters by 35 in order to translate them into the Psunami camera space. You can adjust this value later if you feel that you arenʼt getting good results, but 35 is a good approximation to start with. Add /35 after the recently created expression in order to divide it by 35. Your text should look like this: thiscomp.layer( Camera 1 ).transform.position[2]/35 Circled in red, the pickwhip button. Continue this process for the Y North-South and Elevation parameters. Option/Alt+Click on the keyframing clock next to Y North-South and pickwhip it to the AE Cameraʼs X-Axis Position. Divide this by 35 as we did with the X East-West expression. step 6: special whip for position Now pickwhip the Elevation parameter to the AE Cameraʼs Y-axis Position. Thereʼs a little more math to this particular expression than just dividing it by 35. In our particular comp, the expression for Elevation should look like this: 7.714-(thisComp.layer( Camera 1 ).transform.position[1]/35) 3

The 7.714 comes from dividing the height of our comp by 2, then dividing that result by 35. So (540/2)/35. You will need to recalculate this number and adjust the expression accordingly when using a different composition size. Why do we need to do this? The reason is that After Effects sees ʻ0ʼ as being at the top of the screen, but Psunami sees ʻ0ʼ as being in the middle of the screen. The Psunami unit equation is: Vertical Center of screen = (Height of Comp/2)/35 step 7: pickwhip the rotation ʻRound and ʻround we go! Now that we have the Camera position linked up, we need to hook up the Rotation. Option/Alt+Click on the keyframe clock next to the Psunami Camera Tilt parameter. Pickwhip this parameter to the AE Camera X Orientation. Tilt needs a bit of math added to the resulting expression. Add 90 to the AE Camera orientation, and subtract that result by 180. Be mindful of the parenthesis in this expression. It should look like: 180-(thisComp.layer( Camera 1 ).transform. orientation[0]+90) Pickwhip the Pan parameter to the AE Camera Y Orientation. This expression only needs to have 90 added to it, so it should look like: thiscomp.layer( Camera 1 ).transform. orientation[1]+90 Pickwhip the Roll parameter to the AE Camera Z Orientation. No additional math is necessary on this expression. It should look like: In this graphic, you can see the expression code manifesting itself as the overbearing burden of humanity on the soul of the camera path, juxtaposed with black to create a sense of wonder and awe at what lies beyond the tutorial...um... Oh wait. This is a screenshot of the cameraʼs path animating around the ocean optics graphic, along with a composite of the expression code. thiscomp.layer( Camera 1 ).transform.orientation[2] 4

If your animated camera isnʼt using the Orientation parameters for motion, you can substitute the Rotation parameters for them. Tilt links to X Rotation, Pan links to Y Rotation, and Roll links to Z Rotation. All of the math added to the Tilt and Pan expressions still applies. step 8: tweak the code And thatʼs it! With all of these expressions in place, your Psunami scene will move around as you adjust the AE camera. Again, all of these expression can be applied before or after you animate your AE camera. They can also be applied after you load in external camera data from a 3D application. The initial expression for the Camera Elevation might prove to be too low for your composition. You can either raise the AE camera and your 3D elements before or after you pickwhip the expression, or you can add numbers to the Elevation expression yourself. For example, letʼs say that we want to raise the Psunami camera 50 units (that is, lower the water surface away from the camera). To this, you can add 50 to the Elevation expression that was created in Step #6: step 8: before step 8: after 7.714-(thisComp.layer( Camera 1 ).transform. position[1]/35)+50 step 9: a real world example To finish off this tutorial, you can download a QuickTime movie and After Effects project file. These files show a simple but ʻreal worldʼ example of Psunami camera linking. If you havenʼt already, download this Zip file to follow along: http://www.anarchyunderground.net/tutes/psunami_camera-link.zip The AE project file is a 720x540 NTSC Square Pixel 5-second composition. The Text & Bars pre-comp contains the animated text and decorative bars. Collapse Transformations has been turned on in the Final Comp, allowing it to update in its own 3D space while the AE Comp camera is being animated. 5

The AE Comp Camera is animating in a clockwise arc around the text. The ʻOcean Opticsʼ text itself was animated using the built-in text animation features present in both After Effects 6.5 and After Effects 7.0. In the final comp, Psunami has been linked to the AE Comp Camera using the settings found in this tutorial. The comp camera and the text have been raised to give the AE Camera clearance over the water. Have questions about this tutorial? Just email Marco at marco@digitalanarchy.com. Thanks! Our Psunami Camera composition. 6