EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

Typography in After Effects

By Preeti PrajapatiPreeti Prajapati

Home » Design » Design Tutorials » After Effects Tutorial » Typography in After Effects

Typography in After Effects

Introduction to Typography in After Effects

Typography can be used for animating any text in different ways. You can understand Typography as a technique of arrangement of the texts (or combination of text) and its letter in a different type of manner for making the appearance of that text different from normal writing methods which helps the graphics professionals in proper conveying of the purpose of that arrangement of those texts.

How to Create Typography in After Effect?

Before starting our article let us have a look at the user interface of this software for a better understanding of all areas of this software and when I use any word for a particular section then there will be no confusion in our understanding.

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Step 1: This is the user interface of his software. We have Menu bar at the top of working area for managing panels of this software, at the left corner we have Project panel in which you can see number of composition used by you in your work, at right corner you can find Effects & Presets option, Align option, Play head and other terms, at the center we have working screen on which you will create any animation, at the bottom section of this software we have Timeline section with its important features for animating our project.

user interface

Step 2: First of all take ‘New Composition’ for our work. For taking new composition enable Right-click in this area of the project panel. Choose the ‘New Composition’ option from the drop-down list.

New Composition

Step 3: A ’Composition Setting’ box will open for ‘New Composition’. Set the parameter of this composition according to your requirement and also name it for your future use. I will take black color as background color from this box. You can choose any color which suits your typography work. Now press the Ok button of this dialog box to apply the settings.

Typography in After Effects - 3

Step 4: Now Right-click in the Timeline section area for creating a text layer in the composition area. A drop-down list will be open. Go to the ‘New’ option of this list and choose the Text option from a new drop-down list.

Popular Course in this category
After Effects Training (1 Courses, 3+ Projects)1 Online Courses | 3 Hands-on Projects | 20+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.5 (2,813 ratings)
Course Price

View Course

Related Courses
Adobe Premiere Pro Tutorial (2 Courses, 7+ Projects)All in One Design Bundle (280+ Courses, 100+ projects)

Typography in After Effects - 4

Step 5: Now a text layer is generated on the composition screen.

Typography in After Effects - 5

Step 6: Choose the font style, size and other parameters of your text according to you from the properties bar of text layer which is at the right-hand side of the working screen. I will take the Bold Italic style of Times New Roman font. You can choose or download any stylish font style from the internet.

Typography in After Effects - 6

Step 7: Now click on the color box of the text for choosing the color of the text. A Text-color box will be open when you click on a small square color box which at the property section of the text layer, select your desired color from here. I will choose white color as my text color.

Typography in After Effects - 7

Step 8: Now type one word of text as I type here.

Typography in After Effects - 8

Step 9: Now add a new text layer in this composition. For adding a new text layer again right-click on layer section area. Go to the ‘New’ option of the drop-down list and choose Text from a new drop-down list.

Step 10: We are adding a new text layer because we will type each text in different layers so that we can animate their properties separately for getting a highly professional typographic animation.

Typography in After Effects - 9

Step 11: Type the next word of the text in this text layer. Add a new text layer again and again according to the number of the word in your text. Now type all of the text on different text layers as I did.

Typography in After Effects - 10

Step 12: Now arrange all the text in typographic style by using the move and align tool of this software. I will arrange my text like this. Make sure the arrangement made by you will convey the proper meaning of that sentence.

Arranging All Text

Step 13: Now come into the Timeline section and set the keyframe head of the timeline of the first layer (Express layer) at 2 sec.

Typography in After Effects - 12

Step 14: And press ‘[‘ to set its timeline at 2 sec of the keyframe.

Typography in After Effects - 13

Step 15: We will set the timeline of each text layer at a difference of a 2-sec keyframe. For setting them select that layer and place the keyframe head at the 2-sec difference in each step and also press ‘[‘ in each step.

Typography in After Effects - 14

Step 16: Now press play head to see the animation. You can adjust the timeline of each text layer according to you for getting the desired effect in your typography.

Typography in After Effects - 15

Step 17: Now come to the layer section and select the Express layer. Now click on the Animator option of this layer. A drop-down list will be open. Choose the Rotation option from here.

Rotation option

Step 18: Now set a keyframe in the Offset and Rotation property of this layer by click on the clock icon of these properties. Set rotation angle at -40 degrees and the offset value at 0%.

Typography in After Effects - 17

Step 19: Now place the keyframe play head just before the timeline of the next text. Set the value of offset at 100% and make rotation at 0 degrees.

offset at 100%

Step 20: Now select keys of both property and press F9 for making them Easy Ease key.

Easy Ease key

Step 21: Now when you play the generate animation of this text layer it will look like this.

Typography in After Effects - 20

  • In this way, you can animate more properties of this layer. After animating properties of this layer move to the next layer of text combination and animate them according to your choice.

Conclusion

Now after going through this article you can understand ‘What is Typography?’ and ‘How you can animate in adobe After Effect with a different type of presenting manner?’ In the present time, Typography is covering most of the area of graphics designing and you can have command on it by analyzing is different aspects.

Recommended Articles

This is a guide to Typography in After Effects. Here we discuss a simple example and learned the technique of animation in a step by step manner. You can also go through our other related articles to learn more –

  1. 2D After Effects Animation
  2. Glitch Effect in After Effects
  3. Masking Layers in After Effects
  4. After Effects Software

After Effects Training (1 Courses, 3+ Projects)

1 Online Courses

3 Hands-on Projects

20+ Hours

Verifiable Certificate of Completion

Lifetime Access

Learn More

0 Shares
Share
Tweet
Share
Primary Sidebar
After Effects Tutorial
  • Effects
    • Crop in After Effects
    • Text Effects in After Effects
    • Drop Shadow in After Effects
    • Background in After Effects
    • Blur in After Effects
    • Text in After Effects
    • Motion Blur in After Effects
    • Mask in After Effects
    • Color Correction in After Effects
    • Blending Modes in After Effects
    • Track Matte in After Effects
    • Transparent Background in After Effects
    • Slow Motion in After Effects
    • Animation in After Effects
    • Text Animation in After Effects
    • Logo Animation in After Effects
    • 2D After Effects Animation
    • 3D Effects in After Effects
    • 3D Text in After Effects
    • Shape Layers in After Effects
    • Export in After Effects
    • Morphing in After Effects
    • Twitch in After Effects
    • Snowfall in After Effects
    • Rain in After Effects
    • Masking Layers in After Effects
    • Group Layers in After Effects
    • Glitch Effect in After Effects
    • Composition in After Effects
    • After Effects Transitions
    • Typography in After Effects
    • Slider Control After Effects
    • Motion Graphics in After Effects
    • Wiggle in After Effects
    • After Effects Portable
    • Wiggle Expression in After Effects
    • Keylight in After Effects
    • Rotoscoping in After Effects
    • After Effects Render
    • After Effects Expressions
    • After Effects Presets
    • Duik After Effects
    • After Effects Split Clip
    • Trapcode in After Effects
    • Plexus After Effects
    • Logo Reveal After Effects
    • Mocha in After Effects
    • Twixtor in After Effects
    • Lens Flare in After Effects
    • After Effects Particles
    • After Effects Timeline
    • After Effects Tracking
    • Camera Tracking in After Effects
    • After Effects Repeater
    • After Effects Cartoon
    • After Effects Loop Expression
    • After Effects Optical Flares
    • Glow in After Effects
    • After Effects GIF
  • Basic
    • What is After Effects
    • After Effects Versions
    • After Effects Software
    • After Effects Shortcuts
    • Adobe After Effects Plugins
    • How to Use After Effects
  • After Effects Tools
    • After Effects Tools
    • Pen Tool in After Effects
    • Puppet Tool in After Effects
    • KeyFrames in After Effects
    • Adding Keyframes in After Effects

Related Courses

After Effects Training Course

Adobe Premiere Pro Training Course

Design Training Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

© 2020 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA Login

Forgot Password?

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you
Book Your One Instructor : One Learner Free Class

Let’s Get Started

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

Special Offer - After Effects Training (1 Courses, 3+ Projects) Learn More