Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Using text styles

From: Motion 5 Essential Training

Video: Using text styles

If you are joining me from the last video, I want to draw your attention to the fact that I've gone to the View Options here and re-enabled Handles and Lines. That way when the Type layer is actually selected, we can easily see exactly what's selected. Since we're all here to learn about stylizing the type, let's go ahead and select the Type layer and go to the Inspector. Make sure you're in the Text section under Style. Under Style here, you'll notice we have a bunch of different options. We could adjust the face, the outline, we could add a glow, we could add a drop shadow, and there are a whole bunch of options underneath all of these.

Using text styles

If you are joining me from the last video, I want to draw your attention to the fact that I've gone to the View Options here and re-enabled Handles and Lines. That way when the Type layer is actually selected, we can easily see exactly what's selected. Since we're all here to learn about stylizing the type, let's go ahead and select the Type layer and go to the Inspector. Make sure you're in the Text section under Style. Under Style here, you'll notice we have a bunch of different options. We could adjust the face, the outline, we could add a glow, we could add a drop shadow, and there are a whole bunch of options underneath all of these.

But before I get to doing that, I want to take you through a typical process that I would go through when I'm setting Type. First one, do I really need to add style to the Type? Because honestly, some people kind of overdo stylizing of Type, and sometimes that can cause issues with eligibility or even compression, if you're compressing this to the web or for broadcast or different things like that. Usually with a background as busy as this I would try and stick with a more clean, simple layout, just kind of the way that I have it now.

But since I really want to push this way over the top, I do want to stylize this a little bit more. Also, when I'm setting type I'm considering, okay, how am I going to animate this? And as I am looking at this Type, since the word STUDIO is dominant, I want to actually have completely separate control over that when it comes to the animation. In order to do that, rather than just selecting individual lines of type and stylizing each line separately, which I could do, I am just going to separate the word STUDIO out from the intro text of "Welcome to the." So in order to do that, I'll just double-click right inside the Type box there and I'll just make sure that I have STUDIO selected by clicking and dragging.

If I press Command+X, that will go ahead and delete that last line by cutting it out of that group. Now, I am just going to press the Delete key once to make sure I don't have any extra spaces, and just press Enter on your keypad to set this. In order to add the next line of type, I am going to press T to grab my Text tool and click in the canvas and when I press Command+V to paste, there, now I have a completely separate line of type for the word STUDIO.

Now I can go ahead and animates this and stylize this slightly differently. Let's first deal with stylizing "Welcome to the." In order to add a little bit more pop to this and sort of blend it just a little bit into the background, I want to add a glow. To add the glow, just click the box to the left of the word, and it takes a second, but it did add a Soft Glow to that type. You may notice this R pop up, and what this is telling me is the type is now rasterized.

Usually you want to try and not have things rasterize as you continue adding different elements, but this was probably caused by compositing this with 2D layers and 3D layers and some of the different options that I'm really not going to get into right now. The biggest thing you want to do when you notice something is rasterized is just change the magnification to 100% and look closely at it and see if it works for you. Right now, I'm not seeing any bad jagged edges. All I see is a slight glow, so I'm fine with the fact that this is rasterized and since I am not going to be zooming in on this type, we're good to go.

Now, with the Colors options here, let's go ahead and pop the radius of this glow out just a little bit and increase the blur. Now that is starting to look absolutely ridiculous, but in order to fix that, I'll change the Color to a more white color, and that's fine. and let's just bring the Opacity down a little bit. So what this is going to do is just sort of add a slight blur to the type, but it's just sort of blending it into the background a little bit. I can add visual interest and make somebody actually read these words by the style of the animation.

As far as stylizing these two lines of type, we're good to go. With STUDIO I want to do something a little bit more over the top. Let's look at adding a gradient through this line of type. And to do that I could choose the Fill options right here in the Face section of my style. So if I click under Fill Width, I have an option. I can choose Gradient or Texture. Just to show you really quick if I chose Texture, I could drag an image right in from the Finder and have that image populate through the Type.

I am not going to do that right now. I just want to choose Gradient for right now. And with the gradient, notice I have these colors that popped up. This Gradient tool you'll see repeated throughout many different elements in the interface, from the particle generator, to the replicator, to the inside of a text layer. Let's look at how the Gradient controls actually function. If I open the disclosure triangle here, you'll notice these two main lines. Let's start with the top up here.

This first one controls Opacity. So if I click on this little chip right here in the upper left, notice when I click on it, the Opacity actually pops up. And if I drag that down to 0, you'll notice the word actually disappears. When you have one chip, it's going to control the overall opacity of that gradient. If you want the word to fade in, what you need to do is click in this bar just anywhere else. So I'm going to click over here on the left-hand side.

The way this works is left to right, top to bottom. Notice when I clicked in here it automatically added a second chip, which is selected, and it's called Opacity2, and here I can crank the Opacity back up. So now, if I drag this first Opacity parameter closer over to the left, notice it's starting to chop off the top of the words, see? I don't want to do an opacity gradient so what I'm going to do is actually just get rid of this left one by dragging up out of the way, and notice I get the poof animation and it's gone.

I can do the same thing with this other chip, but I'll just drag it over to the left. I want to choose a different color gradient. In order to do that, I could choose Custom Colors by clicking in the Color Chip and then adjusting my sliders or just quickly right-clicking within the color well. Let's go ahead and do this funky yellow. That's great. And then here I can do the same thing right within the chip. If you just right-click, it's kind of a neat, fast way of quickly changing the colors here.

So here I'll do this kind of pinkish, purpley color. That's kind of over the top, but to keep pushing it, I want to go ahead and add a glow. To enable the glow, we can just go ahead and click right on that and then the glow will pop out from the word. Now, I want to adjust the color of this glow and, again, enabling Glow has rasterized this type. I think that's totally fine for right now. I want the glow to be kind of a bluish tint, so I'm going to go to the blue color here.

And let's increase the Blur so it's really kind of soft. And adjusting the Radius just really adjusts the intensity right out of where the glow is coming from. And as I am looking at this, that's really kind of funky, and what I want to do is actually have a gradient move throughout the glow. And to do that, you guessed it, a Fill with Parameter, I could go ahead and change that to a gradient. In doing that, notice now I have the color changing from this light blue on the left to a dark blue on the right, and that's kind of giving me more of a look that I'm looking for.

If we scroll down here, there is another option that I could enable for the type within the style itself, and that's Drop Shadow. So if I add a drop shadow on here, notice now I've really got this type kind of popping off the screen. First thing I want to do is adjust the actual blur on this, because that's a little too harsh. Now to make this pop even more, I can adjust the scale of the type itself. And one of the things I want you to be aware of when you're manipulating type is there is an option for the actual format of the type itself.

If I go to Scale, it will go ahead and scale up like that. But there is also the scale that pops up within the actual layer that the type layer inhabits. So if I scale that up, that's also increasing the scale. So just keep in mind there are several redundant controls that can actually pop up when you are making adjustments to type within the different layer hierarchies within Motion. I am just going to center this type a little bit on this sphere, and I'll grab the "Welcome to the" type and just have that sort of populate over here on the left and scale this down, making sure to hold Shift+Option.

And just to have a better idea as to what I'm looking at, I'll zoom out here. You can see Welcome to the STUDIO. Let's go ahead and just really pop this out so it's really large. The last thing I want to do to blend this into the scene is just adjust the overall blend mode of the type. So here under the Properties section of the Inspector, if I add something like Multiply or Screen, notice it is applying the blend mode throughout all of the adjustments that we made within the style of the type itself.

That's really kind of cool that you can generate all those different colors and things like that and still have the blend mode function properly throughout the application. Let's deselect and check out what we've got here. That's a little stylized for my personal pleasure, but as you can see, when it comes to actually stylizing type and laying things out, creating heavily stylized type within Motion is just a matter of clicking through the different properties in the Inspector and getting what you like.

Show transcript

This video is part of

Image for Motion 5 Essential Training
Motion 5 Essential Training

77 video lessons · 25838 viewers

Ian Robinson
Author

 
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

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

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.


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.

Join now "Already a member? Log in

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
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.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

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
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.