This will bring me into the Layer panel, where I can track the movement via my track point. I’ll bring my playhead to the beginning and then select Track Motion in the Tracker panel. I can achieve this via a single-point track.įirst I’ll select my cathedral video layer and then go to Window > Tracker. Since this is a moving handheld shot, I’ll ideally want the point of the graphic to move along with the camera. The callout is referencing the height of the tower of the cathedral, so I want the graphic to point there. My graphic is now animating on screen, but it’s still lacking something - movement. Now when the background layer animates on, it reveals the text at the same time. Then I’ll duplicate the rectangle, move it just above the text, and change the Track Matte of my text layer to Luma Matte. Next, I’ll animate the text background rectangle by keyframing the X scale attribute of the shape element from 0 to 100. To bring the path to life, keyframe the Time attribute from 0 to 50%. For the path, I’ll need to reopen the Beam effect attributes of my path layer. To create a small blip effect, I can duplicate the circle element within the shape layer and then change the scale and opacity to create a small radar-style look. For the circle, it’s as easy as animating the scale from 0. The first element to animate is the circle, so I’ll start there. With everything connected, this graphic is ready for animation. Now when I move either text or the circle layer, the path will follow. If you’re using an older version of AE, you’ll need to first add an expression by Alt-clicking the stopwatch icon next to the attribute to view the property pick whip.įinally, I’ll connect the start point of the Beam effect to the circle’s position attribute, and the endpoint to the text’s position attribute. To connect these attributes, you can simply use the property pick whip of the start/end point of the Beam effect. Next, I’ll grab both the text and circle layers and press P to bring up Position. To view the Beam effect on the timeline I’ll first select my path layer and press keyboard shortcut E. I’ll use the starting point for the circle and the ending point for the text. This is quite easy, as the Beam effect has keyframable start and end points. I want one end of the path to attach to the circle element and the other end to attach to the text. To make the callout animation work effectively, I need to connect the elements in a specific order. For the attributes, I’ll set Length to 100%, change both the Inside and Outside colors to white, and put the softness at 0. The Beam effect gives me tight control over the start and end points of a path, which is the real key to making a good callout graphic work. Once in place, I’ll parent the rectangle to the text layer to make sure that the background follows.įor the path, I’ll go to Layer > New > Solid and then add the Beam effect via Effect > Generate > Beam. I’ll grab both the text and rectangle and perfectly place them using the Align panel. Next, I’ll add text reading 227ft, and then use the Rectangle shape tool to create a simple white rectangle background for the text. Holding the Shift key will constrain the proportions. Let’s get started.įirst, for the circle, I’ll create a small ellipse using the Ellipse shape tool. Then we’ll bring the graphic to life via keyframing and tracking. First, we’ll set up the four main visual elements of the graphic: a circle, a path, text, and a basic background for the text. In this tutorial, we’re going to create a callout graphic to help illustrate the height of one of the towers of the famous Notre Dame cathedral in Paris. Need to point out a specific part of your image with custom callout graphics? Check out these step-by-step instructions for your next project.
0 kommentar(er)
