After Effects Tutorial: Kinetic Typography #029

Published: 01 July 2024
on channel: Masd LAB
2k
153

️ Buy me a Coffee :)

Welcome to this step-by-step tutorial where we'll create an amazing Kinetic Type Animation using Adobe Illustrator and After Effects! Follow along and learn some cool tips and tricks for your animation projects.

Steps:
Adobe Illustrator Setup:

Create a new document (1080x1080 pixels, RGB).
Use the Type Tool to create a letter (e.g., "A").
Scale and choose a typeface (e.g., Campaign Black Italic).
Convert the letter to outlines.
Design Elements:

Use the Line Tool to draw lines taller than the letter.
Set stroke to black, 10 pixels thickness, round cap.
Duplicate the stroke on the other side of the letter.
Change the letter color for contrast.
Blend strokes (Object - Blend - Make, then adjust blend options to specified steps).
Expand the blend (Object - Expand).
Ungroup lines, select all, and use Shape Builder Tool to refine the design.
Use the Scissors Tool to break lines at random places.
Release to layers sequence and organise layers.
Import to After Effects:

Import the Illustrator file as a composition retaining layer sizes.
Create a solid background.
Add a Null object and sliders (Field of Influence, Amplitude, Random Seed) for controlling animation.
Expression Coding:

Write expressions to control layer movement based on the Null object's position and slider values.
Use variables to connect sliders and calculate positions.
Apply the expression to all layers using animation presets.
Animating:

Set keyframes for the Null object and sliders.
Move the Null object to animate layers.
Adjust slider values for different visual effects.
Final Touches:

Preview and tweak the animation.
Render and export your kinetic type animation.
Enjoyed the tutorial?

Like and subscribe for more!
Check out my other kinetic-type tutorials for more tips and tricks.
Support the channel on 'Buy Me a Coffee' for access to working files and exclusive resources.
Thank you for watching! Have a fantastic day, and see you in the next tutorial. Cheers and goodbye!

----------------------------------

Socials↴




Discord:


️ Amazing Design/Motion/VFX products ↴

AEJuice: bit.ly/48jxTTX


Watch video After Effects Tutorial: Kinetic Typography #029 online without registration, duration 09 minute 20 second in high hd quality. This video was added by user Masd LAB 01 July 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2 thousand once and liked it 15 people.