Publishers of technology books, eBooks, and videos for creative people

Home > Articles

  • Print
  • + Share This
This chapter is from the book

Adding and Animating More Graphics

star.jpg ACA Objective 2.4

star.jpg ACA Objective 4.6

With the weather presentation composited over the weather map, it’s time to add some more graphics to help round out the weather report.

Adding a track

You’ll soon add graphics on another track. If your sequence doesn’t have an empty track above the sequence, add one.

Right-click (Windows) or Control-click (macOS) the Timeline panel just to the left of where the highest video clip starts, and choose Add Track (Figure 4.13). Premiere Pro adds a new video track above the track where you clicked.

Figure 4.13

Figure 4.13 Adding a track

Adding an animated logo

You need to add the Brain Buffet logo so that it enters the frame at the bottom-left corner while rotating and stops at the bottom-right corner of the frame.

  1. In the weatherMap bin in the Project panel, drag BBLogo.psd to the beginning of the sequence, onto an empty track above the others.

  2. Use the Rate Stretch tool (p0213-01.jpg) to display the logo during the entire duration of the sequence.

  3. Select the logo and resize and reposition it in the bottom-right corner of the frame, in one of the following ways:

    • In the Program Monitor, double-click the logo, drag to reposition it, and drag its handles to resize it. Be careful not to accidentally drag the anchor point (p0213-02.jpg).

    • In the Effect Controls panel, with the Motion settings expanded, make sure Uniform Scale is selected and scrub the Position and Scale values.

  4. In the Effect Controls panel, adjust the Opacity value to around 70% to make the logo semitransparent (Figure 4.14).

    Figure 4.14

    Figure 4.14 Adjusting Opacity of the Brain Buffet logo at its final position

  5. Move the playhead to the time when the logo should stop at the bottom-right corner, when Joe finishes saying “Welcome to Brain Buffet TV!”

  6. In the Effect Controls panel, enable the Toggle Animation button for the Position and Rotation options so that it adds Position and Rotation keyframes at the current time (Figure 4.15).

    Figure 4.15

    Figure 4.15 Position and Rotation keyframes added at the playhead

  7. In the Timeline panel, move the playhead to where Joe starts saying “Welcome to Brain Buffet TV!”

  8. In the Program panel, if the logo isn’t selected, double-click it, and then Shift-drag it to the left until it is slightly off screen. This is its starting point.

  9. With the logo still selected, in the Effect Controls panel scrub the Rotation setting to the left to “wind up” the rotation in a counterclockwise direction to its starting point (Figure 4.16). Stop when the rotation angle is around –360 degrees.

    Figure 4.16

    Figure 4.16 Scrubbing to set the Rotation angle

    Because Toggle Animation is on for Position and Rotation, a keyframe is added at the playhead.

  10. To make the logo slow to a stop instead of suddenly stopping, right-click (Windows) or Control-click (macOS) the second Position keyframe, and choose Temporal Interpolation > Ease In from the context menu that appears (Figure 4.17).

    Figure 4.17

    Figure 4.17 Applying the Ease In command to the end of the motion

  11. Play back the sequence and evaluate both the movement and rotation. Make any additional adjustments that are needed.

Adding weather graphics to the map

With the presenter now composited over the weather map, it’s time to add the weather graphics that appear over the map: a lightning icon and a sun icon. They don’t need to move, so to help keep them organized you’ll first create a sequence that contains them both.

  1. In the weatherMap bin in the Project panel, create a new sequence based on the sun/weatherMap.psd file.

  2. Rename the new sequence sun and 75.

  3. From the weatherMap bin, drag the 75/weatherMap.psd file to the Timeline panel. In the Project Monitor, the 75 should appear just below the sun (Figure 4.18).

    Figure 4.18

    Figure 4.18 Adding the temperature to the sun

  4. Click the weatherReport tab in the Timeline panel to make it active.

  5. Play the weatherReport sequence so that you can identify where Joe says “sunshine and 75 degrees.” Position the playhead to the time where he starts saying that phrase, because that’s where you’re about to add the sequence you just created.

  6. Drag the “sun and 75” sequence from the weatherMap bin and drop it in the Timeline panel, in the empty space just above the top track so that it begins at the playhead (Figure 4.19).

    Figure 4.19

    Figure 4.19 The “sun and 75” sequence nested within the weatherReport sequence

    Dropping an item into the empty space above tracks automatically adds a track for the item you drop, so you don’t have to use the Add Track command in advance.

  7. Add cross-dissolve video transitions to the start and end of the “sun and 75” clip to fade it in and out.

  8. Play the weatherReport sequence so that you can identify where Joe says “thunder and lightning.” Position the playhead to the time where he starts saying that phrase, because that’s where you’re about to add the lightning graphic.

  9. Drag the lightning/weatherMap.psd graphic from the weatherMap bin and drop it in the Timeline panel to the top track so that it begins at the playhead.

  10. With the lightning/weatherMap.psd graphic selected in the Timeline panel, in the Effect Controls panel scrub the two Motion values (X and Y) to position the lightning graphic over Joe’s hand (Figure 4.20). This is another way to position a clip.

    Figure 4.20

    Figure 4.20 Adjusting the Position keyframe values for the lightning graphic

  11. Animate the lightning graphic so that it slides down into the frame from the top to follow how Joe’s hand comes down when he mentions thunder and lightning.

    You did this earlier in this chapter with the Brain Buffet logo, and you can use a similar technique here by using the Effect Controls panel to set Position keyframes at the start and stop of the animation. But this time the primary movement is along the y axis (the second Position option).

  12. Play the weatherReport sequence so that you can identify where Joe says “camping.” Position the playhead to the time where he starts saying that phrase, because that’s where you’re about to add a hiking photo.

  13. From the Project panel, drag the hiking.jpg file to the top track.

  14. Resize and reposition hiking.jpg so that it appears to sit on Joe’s hand.

  15. In the Effect Controls window, find the Drop Shadow video effect (it’s in the Video Effects > Perspective group). Drag Drop Shadow from the Effect Controls panel and drop it on the hiking.jpg clip in the Timeline panel.

  16. In the Effect Controls panel, find the Drop Shadow settings until you like how it looks (Figure 4.21).

    Figure 4.21

    Figure 4.21 Drop Shadow settings in the Effect Controls panel

  17. Play back the weatherReport sequence and clean up any loose ends that you find.

    If you didn’t edit out the gray target at the beginning, move the playhead to just before Joe says “Welcome to Brain Buffet TV!” Set a sequence In point, and set a sequence Out point after Joe stops talking at the end.

  • + Share This
  • 🔖 Save To Your Account