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

Creating textures for type

From: After Effects: Principles of Motion Graphics

Video: Creating textures for type

As I'm sure you know by now, adding textures to your graphics can definitely create some visual interest; however, with type there are a few things you need to be aware off: drift, drift, and drift. Oh yeah, too much detail. If you don't know what I mean by drift, don't worry; we'll get to it in a quick second. But let's start by looking at our project. As you can see, if you're joining me from the last video, we have background that I created just using some two- dimensional layers that were scanned of some paper strokes.

Creating textures for type

As I'm sure you know by now, adding textures to your graphics can definitely create some visual interest; however, with type there are a few things you need to be aware off: drift, drift, and drift. Oh yeah, too much detail. If you don't know what I mean by drift, don't worry; we'll get to it in a quick second. But let's start by looking at our project. As you can see, if you're joining me from the last video, we have background that I created just using some two- dimensional layers that were scanned of some paper strokes.

We just offset these layers in 3D space. What we want to do is add some type into the scene, but since there's so much texture and detail going on, I want to make sure to add some grain to the type. So press Ctrl+T or Command+T and grab your Text tool, and let's go ahead and click anywhere in the canvas, and I'll type the word "REVEAL" in all caps. I specifically chose Arial Black because it's a chunky font and it will allow us to see the texture.

But one thing I want you to be aware of, don't choose a font with too small of a serif because then you could actually add more detail and thus create more noise in the little, fine detailed areas, because a font within serifs already has plenty of detail. Anyway, we have our REVEAL type, and it's in Arial Black. Now, let's go ahead and add some texture to it. I am just going to scroll up in my canvas to 100%, so we can better see the type and look at the results as we add some grain.

So to add texture, let's import a texture. In the Project pane, go ahead and double-click. I want to add some degraded texture, and I remember I had this Spackle.jpg in the images folder under my assets. Let's choose the Spackle.jpg and click Open. The easiest way to add this texture to the type is by just using a track matte. So if we click and drag our Spackle layer right underneath of the Type layer, we can then go to our Track Matte and click on None.

Make sure to choose Alpha Matte "REVEAL". That way it's going to look at alpha channel of the text REVEAL, and sure enough, we've added some detail to the texture. This detail is a little large, so I'll just press S to adjust the scale. As I scale this, you can see I've decreased the size of the grain. Let's go ahead and scale that down just a little bit more. Okay. We can reposition this layers just by clicking anywhere on the canvas. I am going to click right near my center point here, because I know that's the center of my texture.

I had that really interesting line of degradation in my initial photo, and I want to make sure to leave that within the type, because I think it kind of add a sense of character. So, let's change the scale down to around 20. There we go. So that's starting to look a little bit better. Earlier when I was talking about drift, I was talking about what happens when the type moves separately from its texture. So, for example, if I press P to open up my position data for the Spackle layer, if you click and drag, notice the fill for the type is actually drifting within the letters.

Now, this is a relatively easy fix if you're going to animate this entire word as one specific animation. All you have to do is make sure that one of the layers is parented to the other. So, I want the Spackle layer to be the child of the REVEAL type layer. So I'll grab the parent pick whip from Spackle and choose REVEAL. So now when I select the REVEAL layer and open up its position properties, if I scrub through the scene, you can see my texture is stuck to the type.

You know a little earlier I moved the texture around and the type stayed stationary. I just want to reinforce the fact if I change the parent layer for the Spackle back to None and I go ahead and move the type, notice I'm still getting the same drift that I had when I was just moving the fill. Either way, you just want to make sure that these two things are tied together. I'm going to select the REVEAL layer as my parent. So if I click on the pick whip for the Spackle and choose REVEAL, now REVEAL is the parent layer.

So again, if I were to animate this, I would only animate the position for the REVEAL Type layer. There is one other thing I want you to be aware of when you're talking about textures and type, and that has to do with actual animators. So if I collapse the type layer and open up the text, I could go ahead and choose this animate parameter. Let's animate the position. Now with the Position selected, if we go ahead and click and drag, notice as I'm clicking and dragging, since the type is moving within its own layer, I'm getting the drift because the Spackle texture is the child of the type layer itself, not the actual text generator within an animator.

So if we want that to happen, what we need to do is actually select the Position parameter for the Spackle fill, and go up under Animation and choose Add Expression. So to finally apply this expression, what we need to do is scroll up and make sure that the position data is visible for the range selector the same time the position for this expression is visible. So, now let's apply this expression. Go ahead and click on the pick whip for the Expression position and drag it to the position data for Animator 1.

If I go to the Position section for Animator 1, and start moving the type around, the texture is applied. Just be aware, again, watch out for the drift, because if I went through the range selector and adjust at the end, I am getting that drift again, and that's just because these layers are animating within their own parameter, as opposed to the overall position data of the entire group of letters. Okay, so that was a lot about drift.

But there is one last thing I want to show you, and that's how to apply a texture to a layer without necessarily having to have it set up like this, where we are using a track matte. So to do that, let's just create a duplicate of this REVEAL type layer. Turn on the visibility for REVEAL 2, and we can go ahead and turn off the fill for the original REVEAL type. Let's go and apply the Spackle texture, but this time all we have to do is go up under Effect, go down to Stylize and choose Texturize.

With the Texturize effect, notice the first option here is the ability to choose a texture layer. Since I already have the Spackle layer in my composition, I am just going to go ahead and choose that from the pulldown. Now check it out; I can actually see the texture within the type itself. It's sort of hard to see, but you can adjust some of the parameters to make it a little easier. So I'll up the Texture Contrast by clicking and dragging to the right. Now you notice that the noise is a little bit more pronounced.

There is another nice option; you can change the placement. If you have a really small texture, you could tile it throughout the letters, or I could just say Center Texture or Stretch Texture to Fit. Let's go ahead and choose that last one. Check that out. I ended up with a really tight texture, and that's just because it's scaled the width of that texture layer to only be the width of this REVEAL layer. Let's go ahead and select this Spackle.jpg in our Timeline and open up its position parameters.

Since I still have an expression from the previous animation example, I am just going to go ahead and delete that expression. If you select the Position parameter, you can go under Animations and say Remove Expression. Now that that's been removed, I can go ahead and click and drag and adjust my position data for the layer, and you notice that nothing is happening. This is kind of interesting, because again, I have the layer within my composition, but it's not actually affecting anything in this REVEAL 2 layer, because when you use Texturize, all it's doing is just referencing the luminance data for that texture.

It's not doing anything else, as far as dealing with the position of the layer, its place in the hierarchy, its visibility, nothing. See, even if I adjust the Opacity down to 0, we still see our texture perfectly fine. With our texture applied to the REVEAL layer, the last thing we want to do is just tweak the color. Since this is still editable text, with REVEAL 2 selected, we can just come right over here to the Color and click on the Color window and actually, I am going to open my eyedropper and choose something that's a little more directly tied to the background.

So, yeah, let's choose this sort of bright orange color, and we can click OK. So now what's making this type pop is the actual texture of the background. Now sure enough, I can go into Layer Styles and add an outer glow or add a drop shadow, but all in all, I think you have got some pretty interesting tips as to how to apply texture to letters specifically. You're probably thinking yourself, how in the world do I get a nicely detailed type animation without having to fly the type around in one big chunk? And the answer is to go into Photoshop and actually use Photoshop to create the textures for each individual letter.

Yes, you'll have to rasterize the type in many situations when you import it into After Effects. You'll want it to be the proper scale within your scene, so you don't have any loss in quality. But again, all in all, to apply textures that stick directly to letters, just go to Photoshop, and that way you'll have a lot more control over each individual parameter. I'm sure you're probably raring to go and create your own type textures, but just don't forget: watch out for the drift.

Show transcript

This video is part of

Image for After Effects: Principles of Motion Graphics
After Effects: Principles of Motion Graphics

60 video lessons · 23234 viewers

Ian Robinson
Author

 
Expand all | Collapse all
  1. 3m 37s
    1. Welcome
      1m 1s
    2. Using the exercise files
      1m 4s
    3. Defining motion graphics
      1m 32s
  2. 11m 11s
    1. Workflow for creating motion graphics
      5m 7s
    2. Organizing projects for motion graphics
      4m 25s
    3. Defining a motion graphics "package"
      1m 39s
  3. 12m 58s
    1. Collecting visual inspiration
      2m 14s
    2. Listening to imagine
      3m 20s
    3. Creating elements for inspiration
      7m 24s
  4. 33m 4s
    1. Essential theories of typography
      6m 34s
    2. Understanding shortcuts for setting type in AE
      7m 27s
    3. Converting type from Photoshop
      5m 51s
    4. Importing type from illustrator
      9m 44s
    5. Creating shapes from text
      3m 28s
  5. 36m 30s
    1. Understanding the role of timing in motion graphics
      8m 1s
    2. Creating and using markers
      7m 58s
    3. Creating animation with markers
      5m 16s
    4. Using audio to create animated graphics
      5m 47s
    5. Editing techniques for graphics and video
      9m 28s
  6. 49m 27s
    1. Understanding different kinds of type in After Effects
      15m 53s
    2. Using animators with type
      7m 59s
    3. Using type presets
      7m 35s
    4. Creating custom type presets
      4m 35s
    5. Animating paragraph type
      13m 25s
  7. 45m 51s
    1. Exploring the use of color in motion graphics
      10m 40s
    2. Creating and using color palettes
      13m 45s
    3. Exploring color correction tools in AE
      6m 46s
    4. Advanced correction with Color Finesse
      8m 30s
    5. Creating custom color presets
      6m 10s
  8. 59m 6s
    1. Exploring textures in motion graphics
      8m 30s
    2. Building an animated background texture
      16m 48s
    3. Creating textures for type
      10m 19s
    4. Animating seamless textures
      15m 1s
    5. Creating custom vignettes
      8m 28s
  9. 38m 25s
    1. Understanding lighting in After Effects
      12m 57s
    2. Intro to lighting techniques
      5m 17s
    3. Using material settings to enhance lighting
      7m 36s
    4. Adding polish to a light setup
      12m 35s
  10. 50m 32s
    1. Animating swoops and swooshes
      12m 37s
    2. Creating repeating light trails with the Vegas effect
      6m 28s
    3. Repeating patterns with shape layers
      8m 11s
    4. Exploring graphic transitions
      10m 37s
    5. Exploring video transitions
      5m 16s
    6. Adding dynamic elements to a video transition
      7m 23s
  11. 22m 23s
    1. Working in 3D
      8m 36s
    2. Rigging cameras for animation
      8m 45s
    3. Working with depth of field
      5m 2s
  12. 50m 54s
    1. Creating storyboards in After Effects
      10m 20s
    2. Creating an animatic
      18m 14s
    3. Polishing the animation and timing
      8m 45s
    4. Applying the final effects
      13m 35s
  13. 47m 53s
    1. Preparing a map for animation
      7m 59s
    2. Animating and styling a map
      8m 24s
    3. Designing a lower-third graphic
      8m 22s
    4. Adding animation to the lower-third graphic
      9m 10s
    5. Creating bumper animations
      13m 58s
  14. 14m 17s
    1. Defining the toolkit
      2m 2s
    2. Preparing templates
      7m 12s
    3. Creating a style guide
      5m 3s
  15. 1m 3s
    1. Next Steps
      1m 3s

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 After Effects: Principles of Motion Graphics.

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