Start learning with our library of video tutorials taught by experts. Get started

Motion 5 Essential Training

Animating text


From:

Motion 5 Essential Training

with Ian Robinson

Video: Animating text

Now if you are joining me from the last video, you know exactly where we are. But if you just jumped straight to this video, let me get you up to speed. As you can see here, I've got this word STUDIO, and the letters are all strewn about and basically that happened because I was using the Transform Glyph tool to be able to actually click on each individual letter and address the transformations. In this video, what we are going to do is animate this type as well as another line of type.
Expand all | Collapse all
  1. 14m 18s
    1. Welcome
      1m 6s
    2. Learning important definitions
      8m 13s
    3. Using the exercise files
      1m 37s
    4. Relinking missing media
      3m 22s
  2. 49m 41s
    1. Launching Motion for the first time
      4m 3s
    2. Navigating the interface
      9m 27s
    3. Creating and transforming objects in the Canvas
      6m 9s
    4. Controlling the Timing pane
      6m 29s
    5. Setting essential preferences
      6m 41s
    6. Customizing the keyboard
      5m 5s
    7. Using RAM preview and audio controls to get smooth preview playback
      5m 26s
    8. Introducing markers and audio
      6m 21s
  3. 26m 9s
    1. Adding assets to a project
      7m 56s
    2. Using the Library
      6m 4s
    3. Working with layers and groups
      6m 9s
    4. Understanding and using blend modes
      6m 0s
  4. 31m 15s
    1. Adding and adjusting behaviors
      7m 5s
    2. Adding multiple behaviors
      6m 31s
    3. Trimming and sliding behaviors
      8m 40s
    4. Using custom presets to create a slideshow
      8m 59s
  5. 29m 49s
    1. Animating manually using keyframes
      7m 49s
    2. Using the Record button
      6m 28s
    3. Manipulating keyframes with the Keyframe Editor
      10m 9s
    4. Combining keyframes and behaviors
      5m 23s
  6. 52m 33s
    1. Adding and formatting text
      7m 50s
    2. Using text styles
      10m 36s
    3. Formatting with the Transform Glyph tool
      5m 33s
    4. Animating text
      11m 17s
    5. Working with text on a path
      8m 16s
    6. Creating credit rolls
      9m 1s
  7. 31m 19s
    1. Match Move: Four-corner pin
      7m 25s
    2. Match Move: Transform
      11m 27s
    3. Stabilization
      5m 4s
    4. Retiming footage with behaviors
      7m 23s
  8. 16m 42s
    1. Applying and adjusting filters
      4m 18s
    2. Applying multiple filters
      7m 32s
    3. Timing a style with filters
      4m 52s
  9. 33m 35s
    1. Creating and adjusting shapes
      10m 7s
    2. Using shape behaviors
      7m 40s
    3. Creating and adjusting masks
      10m 47s
    4. Creating masks with objects
      5m 1s
  10. 34m 3s
    1. Using the keyer to composite green screen footage
      7m 28s
    2. Refining a key
      11m 6s
    3. Using masks to refine a green screen composite
      7m 54s
    4. Color-correcting elements to match within a green screen composite
      7m 35s
  11. 50m 2s
    1. Understanding generators
      4m 52s
    2. Applying text generators
      5m 41s
    3. Creating particle systems
      5m 49s
    4. Making adjustments to a particle system
      7m 33s
    5. Using particle behaviors
      5m 18s
    6. Creating paint strokes
      6m 58s
    7. Animating paint strokes
      4m 57s
    8. Using the Replicator
      5m 1s
    9. Replicating video
      3m 53s
  12. 47m 28s
    1. Viewing a scene in different layouts
      7m 17s
    2. Working with lights
      8m 12s
    3. Adjusting lighting and reflectivity
      9m 13s
    4. Creating and adjusting shadows
      4m 3s
    5. Creating replicators in 3D
      7m 50s
    6. Creating particles in 3D
      5m 7s
    7. Creating text in 3D
      5m 46s
  13. 42m 14s
    1. Working with cameras
      9m 3s
    2. Creating depth of field in a composition
      4m 55s
    3. Using camera behaviors
      9m 53s
    4. Create interest with the Focus behavior
      7m 26s
    5. Animating cameras with camera framing
      10m 57s
  14. 16m 36s
    1. Adding and adjusting audio
      9m 29s
    2. Adding audio markers
      7m 7s
  15. 17m 37s
    1. Sharing files
      6m 58s
    2. Creating a pre-render
      7m 5s
    3. Archiving a project
      3m 34s
  16. 26m 5s
    1. Creating drop zones
      4m 21s
    2. Setting up rigs: Slider rigs
      6m 56s
    3. Setting up rigs: Pop-up rigs
      4m 49s
    4. Making templates for Motion
      4m 3s
    5. Making templates for Final Cut Pro
      5m 56s
  17. 1m 32s
    1. Goodbye
      1m 32s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
Please wait...
Motion 5 Essential Training
8h 40m Beginner Aug 05, 2011

Viewers: in countries Watching now:

Learn how to create stunning motion graphics and animations for video production. Author Ian Robinson explains how to format and animate type with the Transform Glyph tool and explores Motion's real-time 3D tools. The course also covers working in 3D space, creating depth with lights and shadows, keying green screen effects, and working with particle systems. In addition, Ian offers practical advice on integrating Motion into a professional video workflow and explains how to work smarter using rigs and templates.

Topics include:
  • Getting started with Motion and setting essential preferences
  • Working with layers, groups, and blend modes
  • Animating and adjusting behaviors
  • Building custom presets to create a slideshow
  • Keyframing animation
  • Animating type along a path
  • Creating credit rolls
  • Understanding generators
  • Adding reflections
  • Controlling and animating cameras
  • Creating depth of field in a composition
  • Adjusting audio
  • Exporting, sharing, and archiving a project
Subject:
Video
Software:
Motion
Author:
Ian Robinson

Animating text

Now if you are joining me from the last video, you know exactly where we are. But if you just jumped straight to this video, let me get you up to speed. As you can see here, I've got this word STUDIO, and the letters are all strewn about and basically that happened because I was using the Transform Glyph tool to be able to actually click on each individual letter and address the transformations. In this video, what we are going to do is animate this type as well as another line of type.

As I am looking at the screen here, you'll notice that all I am seeing is this one layer. That's just because this layer has been soloed. So press Ctrl+S with the Studio layer selected and now we'll see all the other layers that were underneath. I soloed the layer for two reasons. The first one, when you solo a layer it increases performance significantly because Motion isn't having to try and play back all the other layers below. As you can see, this is pretty intensive.

With most Motion graphics projects, you'll end up with a lot of different layers and real-time playback may be kind of hard to come by. So what you need to do is just solo the layer that you're working on and continue working. So let's get started animating this type. If you select the Studio layer, Shift+Click, and then select the other text layer, "Welcome to the," and press Ctrl+S, we can solo both those letters. I'm just going to click anywhere off of the layer in the Layers panel and just select the Studio layer again.

Since we did start using the Adjust Glyph tool to actually adjust the position here, we're going to go ahead and create the animation using that tool as well, and the way we'll do that is by using automatic keyframing. So press A on your keyboard to enable Automatic Keyframing and then press Tab to scroll through until you get to the Adjust Glyph tool, which is down there, you can see, it's the T with the lines on either side. Now before we start our first keyframe, it's really important to pay attention where the playhead is.

And as you can see, my playhead is just about at 2 seconds. So what I need to do is set my first keyframe at the beginning of the composition, because I want the type to actually start kind of like this and then resolve to an actual legible word. So to set our first keyframe, let's go to the Start, and now all we have to do is just toggle a slight change with any of the letters. And whenever you do that, that's automatically going to add a keyframe for that letter.

So notice I am just barely rotating these and kind of rotating them back. The D and the I, let's change how those are set up, so they actually have a little bit more dynamic animation. There we go, okay. So it's actually going to start like this. As I clicked through, I am not sure if I had a keyframe on U, so I am just going to double check and click on that. We have our first keyframe set. Let's move down the Timeline to set our second keyframe and in turn create our animation.

Go to one second, and now the easiest way to get this legible again is to actually just reset all the parameters back to the beginning so the word will look normal. And to do that, with the first letter selected, just go to the Inspector and under Text > Format, if you look under Advanced Formatting, we have some options here for Scale, Offset, and Rotation. Typically, if I wanted to reset how something was laid out, I would just go to the individual parameter and click on the pulldown that pops up on the right, and if you say Reset Parameter, it resets it back to the beginning value.

I know if I do that, I am actually going to delete any keyframes on that parameter, so we can't do that right here. What we need to do is reset the scale back to its original setting before we started adjusting the glyphs. I know that the original scale of these letters wasn't 100%; it was actually 190. So let's just double-click in here and type 190, perfect, and now you notice we have to adjust the Offset, so let's change that back to 0 and 0--and I am just using Tab to move between the fields.

We can adjust Rotation back to 0. It still looks a little off. Sometimes you'll have to open the disclosure triangle and look at all the different parameters just to make sure that they're all set back at 0. So the S is actually looking pretty good. Let's click through the rest of the letters. Now notice since the S is so large and the T is kind of hidden, I am having a hard time selecting that. I have two things I could do: I could zoom in, or I could just click the O over here and then come back and click right on the T.

Let's make sure that the T is set up the way that we want. So it looks pretty good, 190%, but the X rotations off. If you notice, we have this shadow that's kind of popping out from underneath the T. That was created by adjusting the separate style with the Adjust Glyph tool. So if we go to the Style section, we can navigate down to our Glow, and you notice here we have some options for Offset and Scale.

So let's open up the parameters. The Scale looks good, the Offset looks good, but what we need to adjust is the Four Corner pin. See, when this was distorted, it was done using four corners. So in order to actually see that, if you open the HUD by pressing F7 on your keyboard, you can go to Attribute section and instead of Transform Glyph, you want to go to the actual Glow parameter. Now we can see the bounding box that was created for this four-corner pin.

So if we change the Bottom Left to 0 and then just press 0 as you tab through any of the other parameters, you'll notice now the glow is set perfectly behind the T. So make sure to change your Attribute back to Transform Glyph, and let's continue clicking on the other letters. So I am going to go through and finish the rest of these letters. Now that we have everything all set, let's turn off automatic keyframing. To preview our animation, just move your playhead back to the beginning and press play.

As you can see, everything sort of moves up. This is relatively close to what I was thinking, but I want all these letters to just have a quick short fade so they're not already at 100% Opacity right at the start of our animation. Now to do that I could apply a behavior that's designed to work specifically with text, or I could just apply a typical fade behavior. So let's just do that by going to Basic Motion and under here, there's Fade In/ Fade Out, so to apply to the text layer just drag and drop it.

If you press F7, you can see in the HUD how many frames it's going to take before the fade actually appears at full opacity. So it only takes about 20 frames and since we are working at 59.94, that's going to be pretty quick. That is exactly what I was looking for. So no we are ready to animate these other two lines of text. Notice when I click on the type layer, you'll see that I still have the Adjust Transform tool selected. Now notice, once we've selected the layer, we still have the Transform Glyph tool selected.

So let's go back up under Transform just so we can have the traditional bounding box, and now it's time to actually add a text behavior for this animation. This will make the animation very quick. If you go to Text Animation, there's an option for Sequence Text, which allows you to set a custom parameter. Or if you go to Text Sequence, there are a bunch of presets that we could start with. Let's look under Text Basic. And in here there's an option for Fade Characters Random In, so notice now it's going to create this kind of interesting fade-in for each character.

Well, that looks pretty good. Let's go ahead and click Apply. With that behavior applied, notice it only takes place over a short amount of time. Just to check what's going on, let's move our playhead here, and as you can see, it's just about 41 frames before it comes in. So if you want this transition to take a little bit longer, you can just click on the right edge of that behavior and drag it out to the right. And notice as I drag, I'm getting a pop-up window that's letting me know the new duration that I've created. It's also showing me the in out point of that behavior.

Just by clicking and dragging on the right, I've lengthened how long it takes to create this type affect. Just to show you one last thing about this effect, I am going to go ahead and zoom in here a little more, just Command+Plus and then the spacebar to move over. I just want you to know, whenever you apply one of these preset behaviors, it's easy enough to customize if you want things to change a little bit. With that behavior selected, jump back into the Inspector. Notice under the Behaviors, I have Fade Characters Random In selected.

Under format, open the disclosure triangle and you notice the Opacity is set to 0. Well, obviously there's opacity on the letters, so how is this working? If you open the disclosure triangle for Controls, you'll notice it's doing a sequence from whatever value is set here. So it's starting from 0% Opacity and it's moving up through the characters without spaces at a spread of roughly two characters. So notice the O and the T are missing, or just slightly starting to fade in.

That's because the spread is two characters. So as the fade happens, it's going to do it roughly two characters at a time. So if we want the fade to happen for each word, we can set it like that and then if we scrub back through, you'll notice that one word, the next word, and the next word pops up. I actually liked the way it was set, so I will change back to character without spaces. Just so we can see what this is going to look like for the entire animation, I am going to go ahead and move my playhead back to the beginning, select both of the type layers, and press Ctrl+S again to turn off my solo, and I'll hide the left side of the interface with Command+1. I'll just press it twice.

And we can do the same thing, hiding the Layers panel by pressing F5, and I'll just load up a quick RAM Preview and show you what we've created by using the Adjust Transform tool and automatic keyframing, as well as using some text behaviors. Well, I know the text animation only took place over the first few seconds and if you look down here really closely, you can see there's that green shade letting me know that those layers have been loaded up in the RAM Preview.

I am just going to stop the preview and show our animation. So I'd say it's looking pretty good.

There are currently no FAQs about Motion 5 Essential Training.

Share a link to this course
Please wait... Please wait...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Motion 5 Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Welcome to the redesigned course page.

We’ve moved some things around, and now you can



Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked