Home › Ideas › Creative › Learn Motion Graphics & Animation

Learn Motion Graphics & Animation

⏱️ 3-4 weeks to basics, 2-3 months to proficiency 📊 Intermediate 🎨 Creative

About This Idea

Bring designs to life with animated graphics that captivate audiences across video, social media, advertising, and film. Motion graphics combine graphic design, animation, and storytelling to create everything from animated logos and YouTube intros to explainer videos and social media content.

This skill is increasingly valuable as video dominates online content—every business needs motion graphics for ads, presentations, and social media. 99/month). In 3-4 weeks you'll create simple animations; in 2-3 months you can produce professional motion graphics for clients. Freelancers charge $50-150/hour; full-time motion designers earn $55K-85K starting.

The demand is high and the creative possibilities are endless.

#motion-graphics#animation#after-effects#video#2d-animation#kinetic-typography#explainer-videos#social-media#logo-animation#visual-effects#motion-design#freelancing#content-creation

How to Get Started

WEEK 1
FOUNDATIONS - CANVA PATH)
  1. Start with Canva (canva.com)—free, browser-based, beginner-friendly. No downloads needed. Perfect for learning animation principles before investing in expensive software
  2. Explore Canva's animation features: Select any element > Animate button (top). Options: Rise, Pan, Fade, Wipe, Breathe, Bounce. Each creates different feeling—experiment
  3. Learn animation timing: Short duration (0.5-1s) = snappy, energetic. Long duration (2-3s) = smooth, elegant. Offset timing between elements creates flow
  4. Create first animated Instagram post: Design quote graphic, animate text with Rise effect, add background with Pan. Export as MP4 (free)
  5. Understand easing: Linear motion looks robotic. Ease in/out creates natural acceleration/deceleration (like real objects). Canva Premium has more easing options but free version sufficient to learn
  6. Practice project: Create 5-second animated logo reveal or YouTube intro using Canva's elements and animation features
WEEK 1
FOUNDATIONS - AFTER EFFECTS PATH)
  1. Download After Effects 7-day free trial (adobe.com) or use free alternatives: DaVinci Resolve Fusion (built-in), Blender (3D but does 2D), HitFilm Express (limited features free)
  2. Understand interface: Composition (your canvas), Timeline (where animation happens), Effects & Presets (tools), Preview (watch your work)
  3. Learn keyframes: Core concept of animation. Set starting position (keyframe), set ending position (another keyframe), After Effects creates motion between them. Like connect-the-dots
  4. Master basic properties: Position (where), Scale (size), Rotation (spin), Opacity (transparency). These create 80% of motion graphics. Press P, S, R, T to reveal in timeline
  5. Complete first animation: Create text, set keyframes for Position at 0 seconds and 2 seconds—text moves. Add Scale keyframes—text grows. Add Opacity—text fades in. You've animated!
  6. Watch 'After Effects for Beginners' by Ben Marriott (YouTube, 20 minutes)—clearest intro tutorial
  7. WEEKS 2-3 (ANIMATION PRINCIPLES):
  8. Learn the 12 principles of animation: Focus on most important—Timing (speed of action), Easing (acceleration), Anticipation (prepare viewer), Follow Through (motion continues), Secondary Action (supporting elements)
  9. Master shape layers: Create circles, rectangles, lines without images. Animate stroke width, trim paths (reveal lines progressively), fill colors. Essential for infographics and logo animations
  10. Understand parenting: Link objects together. Parent text to null object—move null, text follows. Useful for complex animations with multiple elements moving together
  11. Learn Graph Editor: Control easing curves precisely. Easy Ease (F9 shortcut) is default but Graph Editor lets you fine-tune. Slow-in-fast-out feels natural for most motions
  12. Explore essential effects: Glow (makes things pop), Drop Shadow (depth), Motion Blur (realism for fast motion), Gaussian Blur (depth/focus)
  13. Practice project: Create 10-second kinetic typography animation—text synced to music, words animate on beat. Use free music from YouTube Audio Library
  14. WEEKS 3-4 (ADVANCED TECHNIQUES):
  15. Learn expressions (After Effects): Code snippets that automate animation. Start simple: wiggle(2,50) makes element shake randomly—useful for cartoon effects. Copy-paste from tutorial sites
  16. Master masks and mattes: Masks hide/reveal parts of layers. Track mattes use one layer to control transparency of another. Essential for transitions and reveals
  17. Understand 3D layers: Fake 3D in 2D software. Adds depth to designs. Rotate elements in 3D space, create parallax effects (foreground moves faster than background)
  18. Learn motion tracking: Track footage motion, attach graphics to moving objects. Built into After Effects—select layer > Track Motion. Used for adding graphics to videos
  19. Explore pre-compositions: Group layers into sub-compositions (like nesting). Organize complex projects, create reusable animations. Think of it as folders for animations
  20. Practice project: Create 30-second explainer video style animation with icons, text, and transitions. Study Kurzgesagt or TED-Ed style
MONTHS 2-3
PROFESSIONAL WORKFLOWS)
  1. Build template library: Save commonly used animations (text reveals, transitions, logo animations) as Motion Graphics Templates or project files. Speeds up future work
  2. Learn plugin ecosystem: Free plugins like Animation Composer (pre-made animations), SABER (light effects), Ease & Wizz (advanced easing). Paid plugins like Element 3D later
  3. Understand render settings: H.264 for web/YouTube (smaller files), ProRes for high-quality/editing (huge files), transparent backgrounds need PNG sequence or ProRes 4444
  4. Study successful motion graphics: Subscribe to Motion Design School on YouTube, School of Motion, Follow Beeple, Ben Marriott, Peter Quinn. Analyze what makes their work effective
  5. Create consistent style: Develop signature look—color palette, animation timing, transition style. Consistency = professional. Study brand guidelines and motion style guides
  6. Build portfolio: 5-7 diverse pieces—logo animation, social media ad, explainer video, kinetic typography, animated infographic. Quality over quantity
  7. Learn client workflow: Storyboard first (sketch ideas), get approval, then animate. Revisions are expensive—plan upfront. Send low-res previews for feedback, not full renders

What You'll Need

Recommended Resources

🛠️ Tools & Apps

  • Canva 🔗
    Free animation tool—great for beginners, browser-based, no technical skills needed
  • Adobe After Effects 🔗
    Industry standard motion graphics ($22.99/month, 7-day trial)
  • DaVinci Resolve 🔗
    Free—includes Fusion page for motion graphics
  • HitFilm Express 🔗
    Free video editing + compositing—limited features but capable
  • Motion Array 🔗
    Templates, stock footage, music (subscription but free section)

📚 Tutorials & Learning

  • Ben Marriott 🔗
    Best After Effects tutorials—clear, creative, beginner to advanced
  • School of Motion 🔗
    Professional courses (paid) but free YouTube tutorials and podcast
  • Motion Design School 🔗
    High-quality courses and free YouTube tutorials
  • ECAbrams 🔗
    Creative motion graphics techniques and experiments
  • Adobe After Effects Tutorials 🔗
    Official tutorials from Adobe

👥 Communities

  • r/MotionDesign 🔗
    100K+ members—share work, get feedback, find inspiration
  • r/AfterEffects 🔗
    Active community for technical help and showcases
  • Motion Graphics Discord 🔗
    Real-time community for feedback and networking
  • Behance Motion Graphics 🔗
    Portfolio platform to showcase and discover work

Progress Milestones

Track your progress with these key achievements:

1
Day 1
Created first animated element (text or shape moving across screen)
2
Week 1
Made 5-second animation with multiple elements and timing
3
Week 2
Understand keyframes and easing, created smooth natural motion
4
Week 3
Produced kinetic typography video synced to music
5
Week 4
Created 30-second explainer-style animation with icons and transitions
6
Month 2
Comfortable with masks, expressions, and advanced techniques
7
Month 3
Portfolio with 5-7 pieces ready to show clients or employers

Common Challenges & Solutions

Every beginner faces obstacles. Here's how to overcome them:

⚠️ Rendering takes forever (30+ minutes for 10-second clip)
Solution: Lower preview quality while working (Quarter or Half resolution). Disable effects like motion blur during preview. Use proxies for imported footage. Render overnight for final exports. Upgrade RAM if serious (16GB minimum). Close other programs during render.
⚠️ Animation looks jerky or robotic, not smooth like professional work
Solution: Apply Easy Ease (select keyframes, F9). Open Graph Editor—create gentle curves, avoid sharp angles. Add motion blur for fast movements. Watch real-world objects move—natural motion eases in/out. Slow down—subtle timing differences make huge impact.
⚠️ Overwhelmed by After Effects interface and don't know where to start
Solution: Ignore 90% of features initially. Focus on: Position, Scale, Rotation, Opacity + keyframes. That's it for first week. Follow single tutorial start-to-finish and recreate exactly. After Effects reveals complexity gradually—start simple.
⚠️ Don't know what to create for portfolio
Solution: Copy professional work initially (for learning, don't claim as original). Create: logo animation (every business needs one), social media ad (15-30 seconds), explainer video section, kinetic typography. Browse Behance 'Motion Graphics' for inspiration.
⚠️ Compositions get messy with hundreds of layers
Solution: Use pre-compositions—select layers > Layer > Pre-compose (Ctrl/Cmd+Shift+C). Color-code layers (right-click layer > Label). Name everything descriptively ('Text_Title_Intro' not 'Text 17'). Use folders/guides. Delete unused layers. Organization = productivity.

Share Your Progress

Celebrate your achievements and inspire others:

Ready to Get Started?

Discover more creative ideas and start your next adventure!

Get Today's Idea

You Might Also Like

Learn 3D Modeling with Blender

Create stunning 3D art, animations, and visual effects using the world's most powerful free 3D software. Blender is used by studios like Netflix, Ubisoft, and NASA—and it's 100% free and open-source. From character modeling to architectural visualization, product design to game assets, Blender's capabilities rival expensive software like Maya ($1,620/year) and 3ds Max ($1,785/year). The learning curve is real, but the community is massive with thousands of free tutorials. In 2-3 months of consistent practice, you can create impressive renders and animations. This skill opens doors to game development, film VFX, product visualization, architectural rendering, and NFT art—all in-demand freelance markets.

intermediate 3-4 weeks to basics, 3-6 months to proficiency

Learn Video Editing with DaVinci Resolve

Create professional videos using Hollywood-grade software that's completely free. DaVinci Resolve is used to edit major films (Deadpool, La La Land), TV shows, and YouTube content—yet the free version includes 90% of professional features. Unlike Premiere Pro ($54.99/month) or Final Cut Pro ($299), Resolve costs nothing and runs on Windows, Mac, and Linux. Video is the dominant content format: YouTube has 2.6B users, TikTok 1B+, and video editors are in high demand. In 2-3 weeks you'll understand the workflow, and in 2-3 months you can create professional-quality videos for YouTube, social media, weddings, or corporate clients. This skill opens doors to freelancing ($50-150/hour), full-time editing careers ($45K-75K starting), or simply making your own content shine.

intermediate 2-3 weeks to basics, 2-3 months to proficiency

ElevenLabs Audio Generation: Complete Beginner's Guide

Convert written text into realistic AI-generated voices using ElevenLabs. This text-to-speech platform lets you create professional audio content in minutes—perfect for YouTube narration, podcast intros, audiobooks, and more. With the free tier offering 10,000 characters per month (roughly 10 minutes of audio), you can start creating high-quality voiceovers immediately without any technical expertise.

beginner 30 minutes to first audio, 1-2 hours to master basics

Share This Idea

Help others discover this creative project!

Link copied to clipboard! ✨