EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login
Home Design Design Tutorials After Effects Tutorial After Effect Kinetic Typography
Secondary Sidebar
After Effects Tutorial
  • Effects
    • Crop in After Effects
    • Color Grading in After Effects
    • Text Effects in After Effects
    • After Effects Templates
    • After Effects Bounce Expression
    • Time Remapping After Effects
    • After Effects Gradient
    • After Effect Font
    • After Effects Duplicate Composition
    • After Effects Expressions List
    • After Effects Green Screen
    • After Effects Loop Composition
    • Drop Shadow in After Effects
    • Background in After Effects
    • Blur in After Effects
    • After Effects Freeze Frame
    • After Effects Move Anchor Point
    • After effects?Quicktime
    • 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
    • After Effects 3D Objects
    • 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
    • Ripple 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
    • After Effects Motion Tracking
    • After Effect Kinetic Typography
    • Cut Clips in After Effects
    • Lower third after effect
    • Masking Layers in Adobe After Effects
  • 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
    • After Effect Hologram
    • 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

After Effect Kinetic Typography

By Preeti PrajapatiPreeti Prajapati

After Effect Kinetic Typography

Introduction to After Effect Kinetic Typography

Kinetic Typography in After Effect is a type of typography through which you can arrange texts in a different layer of after effect in a very effective motion animation with your own audio or with any other audio file. For creating kinetic typography in this software we have to make some arrangements regarding text parameters, timeline parameters, layer parameters, and audio file parameters. So in this article, we will discuss different features of this software for getting knowledge about this topic. We will understand it through an example of the creation of different texts on different layers with some color management parameters of texts.

How to do Kinetic Typography in After Effect?

We can do kinetic typography in this software by following some important steps. But before starting you should get knowledge about the user screen of this software so that you can understand the different terms of this software which we will use during our learning about this topic. So let us have a look at the user screen of this software.

At the top of the working screen, there is a Menu bar which has different types of menus such as File menu, Edit menu, Composition menu, and some others. Below this menu bar, we have a toolbar with its property bar. Below this toolbar we have three sections that are on the left side we have a Project panel along with the Effect Controls panel, at the center, there is a display window in which we can see our current working, at the right side we have some parameters tabs for making some parameters’ arrangement. On the lower side of this screen, we have two sections that are layer panel at the left side and Timeline frame sections at the right side.

After Effect Kinetic Typography 1

Start Your Free Design Course

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

Now let us have a new composition for our learning about this topic. For new composition, go to the composition menu of the menu bar and click on it. Choose New composition option from the list.

All in One Design Bundle(280+ Courses, 100+ projects)
AutoCADHoudiniAdobe Premiere ProPhotoshop
SolidworksVFX Visual EffectsCorelDrawUnreal Engine
Price
View Courses
280+ Online Courses | 100+ projects | 2000+ Hours | Verifiable Certificates | Lifetime Access
4.6 (64,828 ratings)

After Effect Kinetic Typography 2

Make your desired composition settings in the composition settings box.

After Effect Kinetic Typography 3

Now we need an audio file or video file of our desired sound or voice for this process. So go to the folder where you have saved it and drag it in the project panel area of this software for placing it in this software.

After Effect Kinetic Typography 4

Drag this file in the layer panel area.

layer panel area

I will off display this file by click on the eye button of this layer because i need voice only of this file. Now press the L button twice for seeing the wave of the sound of your file.

off display

Adjust the work area from starting at the frame of sound where you want to start the animation of your typography.

work area

Now adjust the end of work area at the frame of sound where you want to stop the animation of your typography.

adobe after effect 2

Now make right-click on the work area and choose the ‘Trim Comp to Work Area’ option of the list.

Trim Comp to Work Area

And now you can work on your selected area.

adobe after effect 1

Now let us take the text tool for typing our text.

adobe after effect

We will type words of our sentence in different layers so type the first word of your sentence and press the Ctrl + enter button of the keyboard for completing this word.

hello 1

Now make click on the composition window area for typing the next word in a new layer.

hello welcome

Repeat this for all words of your sentence.

graphics Desgining learning

Now press Ctrl + R button for the ruler around the composition window area.

ruler around composition

Now drag guidelines from the ruler in the vertical and horizontal direction for creating a box in which I will arrange my text for making good typography with this text.

horizontal direction

Adjust your texts in this box according to your idea. I will set it like this.

learning platform 1

Now I will make some words small and some big for giving it an effective look.

learning platform

I will also change color of some text like this. You can do it according to your idea.

After Effect Kinetic Typography 6

Now select the layer of first word and place play head at that frame of audio from where you want to start this word then press Alt + [ for start this layer from your selected frame.

selected frame

Now place play head to next audio frame for next word and press Alt + [ for starting this layer from this frame.

After Effect Kinetic Typography 5

Do the same for each word of this sentence.

After Effect Kinetic Typography 4

Now we will animate these texts with a null object for adding motion in them. So for null object go to the Layer menu then go to the New option of the drop-down list. Now choose the Null option from the new drop-down list.

After Effect Kinetic Typography 3

I will name this null object layer as Motion. You can name it according to you.

3d layer 1

Now select all text layers along with null object layer then click on 3d option of any one of the layers for making them a 3d layer. By making them 3d layers we can add motion on these text in x y and z-direction.

3d layer

And all layers become 3d like this.

After Effect Kinetic Typography 2

Now make parent this motion layer (null object layer) for all text layers.

After Effect Kinetic Typography 1

You can choose the Title/Action Safe option from this list for aligning your text during animating them with a null object.

After Effect Kinetic Typography

I will animate the position of this null object for animating my text. Move play head to the first word and add a key on the position of a null object then change its position according to which you want to move the first word. I will move it in an upward direction.

animate position

Go to next word layer and change position of the null object in an upward direction for moving this word in upward direction also

upward direction

Make some variation in the position of a null object with each word. You can animate texts with scale property of null object also as per your choice.

null object

Now you can see your kinetic typography by playing the animation.

kinetic typography 1

Conclusion

Now after this article you can understand what Kinetic Typography is and how you can handle parameters of this software for creating good kinetic typography for your project work with your own idea. You can add a plus point to your graphics skill by practicing this type of typography.

Recommended Articles

This is a guide to After Effect Kinetic Typography. Here we discuss Introduction, How to do Kinetic Typography in After Effect?. You may also have a look at the following articles to learn more –

  1. After Effects Split Clip
  2. After Effects Cartoon
  3. After Effects Repeater
  4. After Effects Timeline
Popular Course in this category
After Effects Training (3 Courses, 3+ Projects)
  3 Online Courses |  3 Hands-on Projects |  25+ Hours |  Verifiable Certificate of Completion
4.5
Price

View Course

Related Courses

Adobe Premiere Pro Tutorial (4 Courses, 7+ Projects)4.9
All in One Design Bundle (280+ Courses, 100+ projects)4.8
0 Shares
Share
Tweet
Share
Primary Sidebar
Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • 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

ISO 10004:2018 & ISO 9001:2015 Certified

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

EDUCBA
Free Design Course

Banner Creation, Object Selection, Sky Replacement, Advance Filters & others

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

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

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

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA

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

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

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

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more