Title Studio- Creating an Animated Lower Third

BCC 3D Objects

In this section we will look at creating a basic animated lower third. A lower third is a graphic or banner with text that appears at the bottom lower third of your screen. Lower Thirds can range from simple text and a banner to more complicated animations that use shapes, text, shaders and 3D models.

For this tutorial we will focus on creating a basic dual banner using spline objects, animating them, adding primary and sub text, and setting up rigid runs to keep the animation consistent regardless of the length of the clip the preset is applied to.

You can create a new Title Studio project any length you want, but for this tutorial, we will be working with a project length of 5 seconds. While this tutorial will go into depth on how to create the effect, it’s recomended that you review the basics of Title Studio, such as creating text and animating keyframes before you continue.

Step 1: Creating the Main Banner

The first step in creating any kind of lower third is to set up the motion graphic as it will appear when it’s fully on screen. Don’t worry about animating it on or off yet, let’s just focus on creating the finished look.

  • In the Timeline window, select Add New Media and choose Spline Object. You can also create a new spline object by selecting the pen, rectangle, or circle tool and clicking in the composite window.
  • A new scene container is created and a default, empty Spline Track is created. Using the Rectangle Tool, draw a rectangle object in the lower third of the screen. Leave extra room at the bottom for the subtext banner, which we will cover in a moment.
  • With the pen tool selected, select the Spline Object 1 track in the timeline. This will allow you to select a specific point in the spline object and change it’s position. You will only be able to do this if the Spline Object 1 track is selected. Using the pen tool, adjust the top left point and the bottom right point so that you create a bladed look to the banner. Use the spline object outline to make sure that the sides are level. It will appear jagged if the edges are not straight.
  • To change the track texture, make sure that the Show/Hide Material Track is enabled, and then select the Shader – Texture track. Here we can change the Type to Flat Texture. This will prevent the texture from reacting to the light source.
  • Next, select the Material Track, and go to the Fill Tab. The color chip will allow you to set the color of your primary banner. In this example we will set it to blue.
  • Lastly, Select the main Spline Track and right click to bring up the contextual menu and select rename track. This will allow us to chang it’s name to Main Banner.

Step 2: Creating the Sub Banner

To create the second half of the banner where our subtext will go, we will want to repeat the process used in Step 1, however there is a faster way to quickly create a sub banner.

  • Right click on the Main Banner track and select Duplicate. This will create a duplicate track that we can modfy to fit our needs.
  • Because our sub banner will need to animate from behind the Main Banner, track order is very important. Select the LOWER copy of the Main banner and rename it Sub Banner.
  • Next, select the Material track and in the Fill Tab, change the color to white. We won’t be able to see it at the moment because it’s hidden behind the main banner itself.
  • With the Sub Banner’s Spline Object 1 track selected, use the Solid Arrow tool to reposition the sub banner slightly below the main banner in the composition window.
  • Lastly, select the spline object 1 track and, with the solid arrow tool selected, drag the bounding box in to shrink the shape so that it aligns with the main banner as seen in the photo.

Step 3: Creating the Text

Creating the text is the easiest part of the exercise, and is largely up to you how you want to design it. In this case we will want to create two seperate text tracks.

Feel free to experiment with different fonts, kearning and sizes to get the look that works for you. But ultimately, once you’ve set up the text as needed, it’s time to animate the effect.

  • Using the Text Tool, or the Add New Media button, create a new flat text track.
  • In the text generator window, we will edit the text, font and size as needed and then position the text in the center of our Main Banner.
  • Next, we’ll create another text track, this time changing the color to black in the text generator window, making the font a bit smaller and then position it at the center of the sub Banner.

Step 4: Grouping the Lower Third Elements

The goal to animate this lower third will be to have the main banner slide on from the left of the screen, and then have the sub banner drop down from behind. It will then animate off in reverse.

To do this, we will first want to group the various elements into 3D Containers. This will allow us to animate each seperately, as well as together.

  • Track order will come in to play here, and to maintain the look, the first thing I want to do is drag my Subtext Text Track below the Main Banner and above the Sub Banner in the timeline. This will place the text behind the main banner, but in front of the sub banner.
  • Next, I want to group my elements. I’ll do this by, with shift held down, selecting the Main Title Track, and the Main Banner to select them Both. Once that is done, I’ll select New 3D Container from the Add New Container Button. This places both objects inside of a 3D Container, which I can rename MAIN BANNER.
  • I will also do the same thing with the Sub Text and Sub Banner. However, be aware that when I do, the new container will be placed above the Main Bander container. It’s important to drag this container to the bottom of the stack below the Main Banner container, so that the effect looks correct. I will rename this container SUB BANNER

By doing this, I am now able to animate the position of either the individual tracks, or the container that contains them both. This makes it easy to move tracks individually or as a group.

In fact, lets, select both the Main and Sub Banner Containers and place them inside of a new container, which we’ll rename LOWER THIRD.

Now, we can control each element, each section, and the whole lower third as a group. Very handy, and very nicely organized.

Okay, lets begin animating…

Step 5: Animating the Lower Third

To begin with, lets move the CTI to about the 20 frame mark and select the Lower Third container track.

  • at the 20 frame mark, we will set a Position X hold interpolation keyframe. This is the point at which we want the Lower Third to pause in it’s end position.
  • Next, move the CTI to the first frame and, with the Lower Third container track selected, move the whole thing off screen to the left. You’ll notice that a hold keyframe is created for the Position X value in the container tab.
  • Select the hold interpolation keyframe to bring up a menu of available interpolation settings. Lets select Decelerate. This will cause the lower third to slow down as it gets to it’s final position.

While we’re at it, lets animate the effect off at the end.

  • Move the CTI to about 20 frames from the end of the clip, and set a Hold Keyframe for the Position X value. This is temporary, but it allows us to set things up correctly.
  • Next, move to the very last frame, and move the Position X value off screen to the left, as we did before. This will automatically create a hold value at the end.
  • Lastly, select the previous keyframe and change the interpolation value to Accelerate. This will change the animation so that the effect speeds up as it moves back off screen.

One final thing we can do is animate the sub text so that it slides on after the Main Title has animated on. To do this, we are going to have it drop down from behind the Main Banner.

Since this will animate seperately from the man banner, we will want to make sure that the Sub Banner container has been selected.

  • Move the CTI to about the 1:10 mark and set a Hold Keyframe for the Position Y Value for the Sub Banner
  • Next, move the CTI back to frame 20, where the main animation ended previously. Here we are going to move the Sub Banner up so that it is hidden behind the Main Banner.
  • Now, before we change it’s interpolation value (currently set as Hold), go back to the first frame and set that interpolation value to Hold as well. And set the Position Y value to match the value at frame 20. The reason we want to do this is so that we don’t inadvertantly create an animation between frame 1 and frame 20. We want the sub banner to stay hidden until frame 20.
  • Next, select the keyframe at frame 20 and change the Position Y interpolation value from Hold To Decelerate.
  • Lastly, repeat the same process as before to animate the effect off. Or, feel free to leave the sub baner as is, so that it’s text remains visible while animating off. It’s up to you!

Step 6: Rigid Runs

One important feature of Title Studio is the ability to easily create what’s known as Rigid Runs. In this tutorial we have created an effect based off a 5 second clip. However, often, the presets we create will need to be applied to clips of varying length. If our Lower Third preset was applied to a 10 second clip, the animation that we created for 5 seconds, would now take 10 seconds to animate. While this would be perfectly fine for the main section where the lower third is fully displayed, it would cause the on and off animations to render half as fast as we originally wanted them to.

To keep animations exact, but allow for the non-animated portions to stretch to fit the length of a clip we can employ Rigid Runs to define the areas where Title Studio should use the original animation length.

In our example, we would want to place a rigid run at the very begining, until the 1:10 mark, when the animation ends.

To do this, right click on the timeline and select Add Rigid Run.

This will create a red adjustable range marker in the timeline wherever the CTI is located. Simply drag the left range marker to frame zero, and then drag the right range marker to the 1.10 mark.

Title Studio will now maintain the animation timing within this range. In essence, regardless of the clip length, the animate on effect will always take 1:10 seconds.

Repeat the Process for the Animate Off portion of the effect.

Now, Title Studio will always maintain the timing for the animate on and off, but allow the main section of the effect to stretch to fit the clip.

NOTE: Because Rigid Runs maintain the animation timing of a section of the motion graphic, if the Motion Graphic is applied to a clip that is LESS THAN the length of the original Rigid Run, the effect will not render correctly, because the animation will overlap.

Always make sure that you apply an effect with a Rigid Run to a clip of equal or greater length.


Category:

BCC Particles

BCC Color & Tone

BCC Perspective

BCC Perspective

BCC Licensing

BCC Obsolete

BCC Key & Blend

BCC Obsolete

Nested Subgroup

BCC Art Looks

BCC Licensing

BCC Time

Nested Subgroup

BCC Image Restoration

BCC Transitions

BCC Blur & Sharpen

BCC Transitions

BCC Obsolete

BCC Textures

BCC Color & Tone

BCC Image Restoration

BCC Warp

BCC Art Looks

BCC Transitions

BCC Art Looks

BCC Art Looks

BCC Stylize

BCC Textures

BCC Art Looks

BCC Transitions

BCC Key & Blend

BCC Key & Blend

BCC Textures

BCC Textures

BCC Color & Tone

BCC Stylize

BCC Color & Tone

BCC Color & Tone

BCC Obsolete

BCC Color & Tone

BCC Stylize

BCC Transitions

BCC Particles

Uncategorized

Uncategorized

Nested Subgroup

BCC Key & Blend

BCC Key & Blend

BCC Transitions

BCC Match Move

BCC Match Move

BCC Color & Tone

BCC Transitions

BCC Transitions

BCC Transitions

BCC Transitions

BCC Perspective

BCC Warp

BCC Transitions

BCC Perspective

BCC Stylize

BCC Transitions

BCC Obsolete

BCC Film Style

BCC Obsolete

BCC Blur & Sharpen

BCC Warp

BCC Stylize

BCC Image Restoration

BCC Image Restoration

BCC Image Restoration

BCC Perspective

BCC Perspective

BCC Stylize

BCC Lights

Uncategorized

BCC Stylize

BCC 3D Objects

BCC 3D Objects

BCC 3D Objects

BCC Film Style

BCC Transitions

BCC Film Style

BCC Perspective

BCC Blur & Sharpen

BCC Film Style

BCC Obsolete

BCC Obsolete

BCC Film Style

BCC Obsolete

BCC Obsolete

BCC Image Restoration

BCC Transitions

BCC Textures

BCC Browser

BCC Blur & Sharpen

BCC Lights

BCC Lights

BCC Lights

BCC Obsolete

BCC Stylize

BCC Obsolete

Nested Subgroup

BCC Textures

BCC Transitions

BCC Stylize

BCC Art Looks

BCC Color & Tone

BCC Color & Tone

BCC Time

BCC Time

BCC Transitions

BCC Lights

BCC 3D Objects

BCC Stylize

BCC Obsolete

BCC Transitions

BCC Image Restoration

BCC Transitions

BCC Obsolete

BCC Lights

BCC Obsolete

BCC Transitions

BCC Transitions

BCC Transitions

BCC Transitions

BCC Blur & Sharpen

BCC Obsolete

BCC Color & Tone

BCC Lights

BCC Transitions

BCC Obsolete

BCC Lights

BCC Transitions

BCC Key & Blend

BCC Obsolete

BCC Lights

BCC Key & Blend

BCC Key & Blend

BCC Transitions

BCC Time

BCC Image Restoration

BCC Key & Blend

BCC Film Style

BCC Match Move

BCC Key & Blend

BCC Key & Blend

BCC Art Looks

BCC Stylize

BCC Textures

BCC Warp

BCC Stylize

BCC Blur & Sharpen

BCC Image Restoration

Nested Subgroup

Nested Subgroup

Nested Subgroup

Nested Subgroup

Nested Subgroup

Nested Subgroup

Nested Subgroup

Nested Subgroup

Nested Subgroup

BCC Stylize

BCC Transitions

BCC Transitions

BCC Color & Tone

BCC Obsolete

BCC Textures

BCC Image Restoration

BCC Time

BCC Image Restoration

BCC Particles

Uncategorized

Uncategorized

Uncategorized

Uncategorized

BCC Perspective

BCC Perspective

BCC Particles

BCC Particles

BCC Particles

BCC Transitions

BCC Particles

BCC Art Looks

BCC Particles

Nested Subgroup

Nested Subgroup

BCC Image Restoration

Nested Subgroup

BCC Warp

BCC Art Looks

BCC Time

BCC Key & Blend

BCC Key & Blend

BCC Stylize

BCC Transitions

BCC Blur & Sharpen

BCC Blur & Sharpen

BCC Transitions

BCC Particles

BCC Textures

BCC Lights

BCC Transitions

BCC Lights

BCC Lights

BCC Lights

BCC Lights

BCC Lights

BCC Lights

BCC Lights

BCC Lights

BCC Transitions

BCC Stylize

BCC Image Restoration

BCC Image Restoration

BCC Textures

BCC Lights

BCC Key & Blend

BCC Transitions

BCC Transitions

BCC Stylize

BCC Stylize

BCC Transitions

BCC Transitions

BCC Warp

BCC Transitions

BCC Textures

BCC Obsolete

BCC Color & Tone

BCC Stylize

BCC Stylize

BCC Obsolete

BCC Image Restoration

BCC Particles

BCC Particles

BCC Perspective

BCC Transitions

BCC Key & Blend

BCC Blur & Sharpen

BCC Lights

BCC Art Looks

BCC Lights

BCC Obsolete

BCC Textures

BCC Textures

BCC Obsolete

BCC Transitions

BCC Time

BCC Transitions

BCC Art Looks

BCC Transitions

BCC Time

BCC 3D Objects

BCC Time

BCC Time

BCC Color & Tone

BCC Transitions

BCC Warp

BCC Warp

BCC Transitions

BCC Film Style

BCC Key & Blend

BCC 3D Objects

BCC Blur & Sharpen

BCC Image Restoration

Uncategorized

BCC Transitions

BCC Warp

BCC Textures

BCC Time

BCC Stylize

BCC Warp

BCC Color & Tone

BCC Film Style

BCC Transitions

BCC VR

BCC VR

BCC VR

BCC VR

BCC VR

BCC Warp

BCC Art Looks

BCC Transitions

BCC Warp

BCC Textures

BCC Particles

BCC Image Restoration

BCC Match Move

BCC Textures

BCC Textures

BCC Obsolete

BCC Obsolete

BCC Obsolete

BCC Blur & Sharpen

Title Studio

Title Studio

Title Studio

Title Studio

Title Studio

Title Studio

Title Studio

BCC 3D Objects

Tutorial

Tutorial

Tutorial

Tutorial

Tutorial

Tutorial

Tutorial

Tutorial

Tutorial

Tutorial

Tutorial

Title Studio

Title Studio

Title Studio

Title Studio

Title Studio

Title Studio

Title Studio

Title Studio

Title Studio

Title Studio

Title Studio

Title Studio

Tutorial

Title Studio

Title Studio

Title Studio

Title Studio

Title Studio

Title Studio

Title Studio

Title Studio

Title Studio

Tutorial

Effect:
BCC 2D Particles
BCC 3 Way Color Grade
BCC 3D Extruded Image Shatter
BCC 3D Image Shatter
BCC AE Licensing
BCC Alpha Pixel Noise
BCC Alpha Process
BCC Alpha Spotlight
BCC Apply Modes
BCC Artists Poster
BCC AVX Licensing
BCC Beat Reactor
BCC Beat Reactor Integrated
BCC Beauty Studio
BCC Blobs Wipe
BCC Blur
BCC Blur Dissolve
BCC Boost Blend
BCC Brick
BCC Brightness-Contrast
BCC Broadcast Safe
BCC Bulge
BCC Bump Map
BCC Burnt Film
BCC Cartoon Look
BCC Cartooner
BCC Cast Shadow
BCC Caustics
BCC Charcoal Sketch
BCC Checker Wipe
BCC Chroma Key
BCC Chroma Key Studio
BCC Cloth
BCC Clouds
BCC Color Balance
BCC Color Choker
BCC Color Correction
BCC Color Match
BCC Color Palette
BCC Colorize
BCC Colorize Glow
BCC Colorize Glow Dissolve
BCC Comet
BCC Common Controls
BCC Common Controls - Avid
BCC Compare Mode
BCC Composite
BCC Composite Choker
BCC Composite Dissolve
BCC Corner Pin
BCC Corner Pin Studio
BCC Correct Selected Color
BCC Criss-Cross Wipe
BCC Cross Glitch
BCC Cross Melt
BCC Cross Zoom
BCC Cube
BCC Curl
BCC Curl Dissolve
BCC Cylinder
BCC Damaged TV
BCC Damaged TV Dissolve
BCC DeGrain
BCC Deinterlace
BCC DeNoise
BCC Directional Blur
BCC Displacement Map
BCC Drop Shadow
BCC Dropout Fixer
BCC Dust and Scratches
BCC Dv Fixer
BCC DVE
BCC DVE Basic
BCC Edge Grunge
BCC Edge Lighting
BCC Effects List
BCC Emboss
BCC Extruded EPS
BCC Extruded Spline
BCC Extruded Text
BCC FAQ
BCC Fast Film Glow
BCC Fast Film Glow Dissolve
BCC Fast Film Process
BCC Fast Flipper
BCC Fast Lens Blur
BCC Film Damage
BCC Film Glow
BCC Film Glow Dissolve
BCC Film Grain
BCC Film Process
BCC Fire
BCC Flicker Fixer
BCC Flutter Cut
BCC Fractal Noise
BCC FX Browser
BCC Gaussian Blur
BCC Glare
BCC Glint
BCC Glitter
BCC Glow
BCC Glow Alpha Edges
BCC Glow Matte
BCC Gradient
BCC Granite
BCC Grid Wipe
BCC Grunge
BCC Halftone
BCC Hue-Sat-Lightness
BCC Invert Solarize
BCC Jitter
BCC Jitter Basic
BCC Kaleida Dissolve
BCC Laser Beam
BCC Layer Deformer
BCC LED
BCC Lens Blur
BCC Lens Blur Dissolve
BCC Lens Correction
BCC Lens Distortion Wipe
BCC Lens Flare
BCC Lens Flare 3D
BCC Lens Flare Advanced
BCC Lens Flare Dissolve
BCC Lens Flare Round
BCC Lens Flare Spiked
BCC Lens Flash
BCC Lens Shape
BCC Lens Transition
BCC Levels Gamma
BCC Light Leaks
BCC Light Leaks Dissolve
BCC Light Matte
BCC Light Sweep
BCC Light Wipe
BCC Light Wrap
BCC Light Zoom
BCC Lightning
BCC Linear Color Key
BCC Linear Luma Key
BCC Linear Wipe
BCC Looper
BCC Magic Sharp
BCC Make Alpha Key
BCC Match Grain
BCC Match Move
BCC Matte Choker
BCC Matte Cleanup
BCC Median
BCC Misalignment
BCC Mixed Colors
BCC Morph
BCC Mosaic
BCC Motion Blur
BCC Motion Key
BCC Motion Tracker
BCC Motion Tracker AE
BCC Motion Tracker Avid
BCC Motion Tracker FCP
BCC Motion Tracker Motion
BCC Motion Tracker PRM
BCC Motion Tracker Red
BCC Motion Tracker Resolve
BCC Motion Tracker Vegas
BCC Multi Shadow
BCC Multi Stretch Wipe
BCC Multi Stripe Wipe
BCC MultiTone Mix
BCC Noise Map
BCC Noise Map 2
BCC Noise Reduction
BCC Optical Flow
BCC Optical Stabilizer
BCC Organic Strands
BCC Overview in Adobe
BCC Overview in Avid
BCC Overview in FCP
BCC Overview in Resolve
BCC Page Turn
BCC Pan And Zoom
BCC Particle Array 3D
BCC Particle Emitter 3D
BCC Particle Illusion
BCC Particle Illusion Dissolve
BCC Particle System
BCC Pencil Sketch
BCC Pin Art 3D
BCC Pinning Controls
BCC Pixel Chooser
BCC Pixel Fixer
BCC PixelChooser – Legacy
BCC Polar Displacement
BCC Posterize
BCC Posterize Time
BCC Preferences
BCC Premult
BCC Presets
BCC Primatte Studio
BCC Prism
BCC Prism Dissolve
BCC Pyramid Blur
BCC Radial Blur
BCC Radial Wipe
BCC Rain
BCC Rays
BCC Rays Cartoon
BCC Rays Dissolve
BCC Rays Puffy
BCC Rays Radiant Edges
BCC Rays Radiant Spotlight
BCC Rays Ring
BCC Rays Ripply
BCC Rays Streaky
BCC Rays Textured
BCC Rays Wedge
BCC Rectangular Wipe
BCC Reflection
BCC Reframer
BCC Remover
BCC Reptilian
BCC Reverse Spotlight
BCC RGB Blend
BCC RGB Blur Dissolve
BCC RGB Displacement Dissolve
BCC RGB Edges
BCC RGB Pixel Noise
BCC Ribbon Wipe
BCC Rings Wipe
BCC Ripple
BCC Ripple Dissolve
BCC Rock
BCC Rough Glow
BCC Safe Colors
BCC Scanline
BCC Scatterize
BCC Sequencer
BCC Smooth Tone
BCC Snow
BCC Sparks
BCC Sphere
BCC Sphere Transition
BCC Spill Remover
BCC Spiral Blur
BCC Spotlight
BCC Spray Paint Noise
BCC Stage Light
BCC Star Matte
BCC Stars
BCC Steel Plate
BCC Super Blend
BCC Swish Pan
BCC Temporal Blur
BCC Textured Wipe
BCC Tile Mosaic
BCC Tile Wipe
BCC Time Displacement
BCC Title Studio
BCC Trails
BCC Trails Basic
BCC Tritone
BCC Tritone Dissolve
BCC Turbulence
BCC Twirl
BCC Twister
BCC Two Strip Color
BCC Two Way Key
BCC Type On Text
BCC Unsharp Mask
BCC UpRez
BCC User Guide
BCC Vector Blur Dissolve
BCC Vector Displacement
BCC Veined Marble
BCC Velocity Remap
BCC Video Glitch
BCC Video Morph
BCC VideoScope
BCC Vignette
BCC Vignette Wipe
BCC VR Blur
BCC VR Flicker Fixer
BCC VR Insert
BCC VR Reorient
BCC VR Sharpen
BCC Warp
BCC Water Color
BCC Water Waves Dissolve
BCC Wave
BCC Weave
BCC Wild Cards
BCC Wire Remover
BCC WitnessProtection
BCC Wood Grain
BCC Wooden Planks
BCC Z Space I
BCC Z Space II
BCC Z Space III
BCC Z-Blur
Removed Gradient Parameters
Title Studio - The Title Container Parameter Guide
Title Studio Basics
Title Studio- Animating an Object Using Keyframes
Title Studio- Creating a Credit Roll
Title Studio- Creating a Credit Roll Part Two
Title Studio- Creating A Fade Effect
Title Studio- Creating a Type on Effect with Title Containers
Title Studio- Creating an Animated Lower Third
Title Studio- Image Processors
Title Studio- Image Processors - Blur Shaders
Title Studio- Image Processors - Glow Shaders
Title Studio- Image Processors - Gradient Shaders
Title Studio- Image Processors - Key Shaders
Title Studio- Image Processors - Light Rays
Title Studio- Image Processors - Light Sweep
Title Studio- Image Processors - Scan Lines
Title Studio- Image Processors - Spotlight
Title Studio- Image Processors - Wipe Shaders
Title Studio- Image Processors- Linear Ripple
Title Studio- Keyframe Palette
Title Studio- Scene Container Parameter Guide
Title Studio- The Animation Tab
Title Studio- The Camera Tab
Title Studio- The Composite Tab
Title Studio- The Container Position Tab
Title Studio- The History Palette
Title Studio- The Info Window
Title Studio- The Lights Tab
Title Studio- The Preferences Panel
Title Studio- The Project Settings Window
Title Studio- The Render Tab
Title Studio- The Text Tool
Title Studio- The Tools Window
Title Studio- The User Marks Window
Title Studio- Understanding Track Structure
Title Studio- Working With Deformers
Title Studio- Working With Image Processor Shaders
Title Studio- Working With Spline Media
Title Studio- Working with the Composite Window
Title Studio- Working with the Controls Window
Title Studio- Working with the Timeline Window
Working in Vegas Pro

PRODUCT UPDATES & SPECIAL OFFERS

Join our email newsletter and keep up to date