Home > Designing with Animation In Mind

Kyle Hamrick

Motion | Creative & Technical Direction

linkedin-icon

Designing with Animation In Mind

Create an animated logo from an imported Illustrator design, then apply a variety of techniques to create a complete motion graphic within After Effects.

This summary is AI generated

Learning Outcomes:

  • Understand design structure for animation
  • Convert Photoshop layers to After Effects
  • Animate elements using keyframes effectively

Level: Beginner

Skills you'll gain:

After Effects, Animation, Keyframes, Design

Key Insights

  • Use RGB color mode for After Effects projects.
  • Design with flexibility to accommodate animations.
  • Import Photoshop layers as After Effects layers.
  • Pre-compose layers for easier animation management.
  • Utilize keyframe assistant for smoother animations.
  • Adjust composition settings for social media formats.
  • Use parenting to link layers for coordinated movement.
  • Optimize preview settings for better performance.
  • Apply animation presets for quick effects.
  • Utilize masks and effects for creative reveals.