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.

Training PDF Download Project files

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, Layer Management

Key Insights

  • Use RGB color mode for After Effects projects.
  • Design with flexibility for animation in mind.
  • Import Photoshop layers as After Effects layers.
  • Utilize pre-compositions for better layer management.
  • Apply keyframe easing for smoother animations.
  • Use parenting to link layers for coordinated movement.
  • Adjust composition settings for social media formats.
  • Optimize preview settings for better performance.
  • Utilize expressions for dynamic layer relationships.
  • Trim layers to improve timeline organization.

Did the AI summary help? Let us know.

Related Tutorials

User Interface Tour & Basic Animation Techniques
Product Icon 32.3K Views
47:56

User Interface Tour & Basic Animation Techniques

Learn to navigate the After Effects interface, structure your projects and create basic animations from existing Photoshop designs.
Masking, Effects & Shapes
Product Icon 1.3K Views
54:01

Masking, Effects & Shapes

Use masking, blending modes and effects to stylize existing elements or create new ones from scratch. Learn to leverage shape layers, similar to working in Illustrator, to create animations with flexible and versatile shapes.
Intermediate Animation Techniques
Product Icon 5.4K Views
48:28

Intermediate Animation Techniques

Learn to smooth and refine your animations, building upon all you've learned to create a stylish animated product ad. This section includes a 3D model to take your work to a whole new dimension!

Explore Other Tutorials

After Effects 1.9K Views
08:32

Introduction and Project Setup

Overview of Substance Painter's workflow, UI, and initial project setup, introducing the essentials for 3D texturing workflows.
After Effects 448 Views
19:10

Fundamentals of Applying Textures

Core texturing concepts including how to apply, manipulate, and visualize materials on 3D models using Painter's non- destructive layer workflow
After Effects 194 Views
15:12

Working with Custom Materials

Building and refining custom texture effects using masks, selections, and layer operations to get precise material placement on 3D models
After Effects 409 Views
26:43

Advanced Texturing Techniques

Creating complex details using procedural textures, projection options, and importing vector graphics from Adobe Illustrator
After Effects 128 Views
11:01

Final Steps and Exporting

Notes on preparing and optimizing textures for use in After Effects and various 3D applications, including resolution management, export options, and techniques for optimizing textures
After Effects 205 Views
03:27

Exporting Animated GLB files from Cinema 4D for After Effects

Learn how to export animated GLB files from Cinema 4D and seamlessly integrate them into After Effects. You’ll learn how to export it as a GLB file and importing it into After Effects.

Contact Us

Community -

Follow us on social media

Ask about this video