Kinetic Type in After Effects #001

Mastering Kinetic Type Animation in After Effects

Unlock the power of dynamic text with this comprehensive course on kinetic typography! Learn to create captivating motion graphics and elevate your design skills. Join Marcos, a Senior Motion Graphics Designer with 10+ years of experience, as he guides you through the entire process of crafting engaging kinetic type animations.

Here's what you'll learn:

• Document Setup & Typeface Selection: Begin by setting up your artboard in Adobe Illustrator and choosing the ideal word and typeface for your kinetic typography design. Discover how typeface selection impacts the overall feel of your animation.
• Designing & Preparing for Animation: Establish a structured grid, ensure perfect alignment of design elements, and prepare your Illustrator file for seamless import and animation in After Effects. Learn best practices for preparing assets for motion graphics.
• Animating in After Effects: Import your Illustrator file into After Effects, set up your composition, and bring your text to life with dynamic motion using null objects and powerful expressions. No prior experience with expressions is required – we'll cover everything!
• Adding Finishing Touches: Enhance your animations with stylish effects like Echo for trails and CC Reptile for creative tiling. Master the art of exporting your final kinetic type animation in various formats, including MP4 and GIF.
• Workflow Optimization: Discover Marcos's favorite techniques and workflow scripts to boost your efficiency. Receive a valuable guide maker script to streamline your design process.

This course provides valuable insights and hands-on experience for both beginners and experienced designers looking to enhance their motion graphics skills. You'll gain the confidence to explore new creative possibilities and bring your kinetic type animations to life.

Example Expression:

var targetLayer = thisComp.layer("lookAtMe");
var targetPosition;
if(targetLayer){
    targetPosition = targetLayer.transform.position;
} else {
    targetPosition = [0,0];
}
var myPosition = thisLayer.transform.position;
var deltaX = targetPosition[0] - myPosition[0];
var deltaY = targetPosition[1] - myPosition[1];
var angleRadians = Math.atan2(deltaY,deltaX);
var angleDegrees = radiansToDegrees(angleRadians);
angleDegrees;

Ready to start creating stunning kinetic typography? Join us!