Learn Motion Graphics & Animation
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.
How to get started
WEEK 1
foundations - canva path)
- Start with Canva (canva.com)—free, browser-based, beginner-friendly. No downloads needed. Perfect for learning animation principles before investing in expensive software
- Explore Canva's animation features: Select any element > Animate button (top). Options: Rise, Pan, Fade, Wipe, Breathe, Bounce. Each creates different feeling—experiment
- Learn animation timing: Short duration (0.5-1s) = snappy, energetic. Long duration (2-3s) = smooth, elegant. Offset timing between elements creates flow
- Create first animated Instagram post: Design quote graphic, animate text with Rise effect, add background with Pan. Export as MP4 (free)
- 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
- Practice project: Create 5-second animated logo reveal or YouTube intro using Canva's elements and animation features
WEEK 1
foundations - after effects path)
- 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)
- Understand interface: Composition (your canvas), Timeline (where animation happens), Effects & Presets (tools), Preview (watch your work)
- 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
- 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
- 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!
- Watch 'After Effects for Beginners' by Ben Marriott (YouTube, 20 minutes)—clearest intro tutorial
- WEEKS 2-3 (ANIMATION PRINCIPLES):
- 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)
- 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
- Understand parenting: Link objects together. Parent text to null object—move null, text follows. Useful for complex animations with multiple elements moving together
- 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
- Explore essential effects: Glow (makes things pop), Drop Shadow (depth), Motion Blur (realism for fast motion), Gaussian Blur (depth/focus)
- Practice project: Create 10-second kinetic typography animation—text synced to music, words animate on beat. Use free music from YouTube Audio Library
- WEEKS 3-4 (ADVANCED TECHNIQUES):
- 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
- 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
- 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)
- 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
- Explore pre-compositions: Group layers into sub-compositions (like nesting). Organize complex projects, create reusable animations. Think of it as folders for animations
- 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)
- Build template library: Save commonly used animations (text reveals, transitions, logo animations) as Motion Graphics Templates or project files. Speeds up future work
- Learn plugin ecosystem: Free plugins like Animation Composer (pre-made animations), SABER (light effects), Ease & Wizz (advanced easing). Paid plugins like Element 3D later
- 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
- 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
- Create consistent style: Develop signature look—color palette, animation timing, transition style. Consistency = professional. Study brand guidelines and motion style guides
- Build portfolio: 5-7 diverse pieces—logo animation, social media ad, explainer video, kinetic typography, animated infographic. Quality over quantity
- 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
- computer (8GB+ RAM recommended)
- internet access
- Canva (free) or After Effects ($22.99/month, 7-day trial)
- graphics tablet optional
- creativity
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
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
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:
- • Create animated logo reveal and share on Instagram/TikTok with #MotionDesign
- • Post portfolio reel (30-60 seconds of best work) on Behance and LinkedIn
- • Offer free animated Instagram story templates to build following and portfolio
- • Create tutorial video showing your animation process—teaching solidifies learning
- • Enter motion graphics contests and challenges for exposure and feedback
- • Offer services on Fiverr ($50-150 for logo animations, $200-500 for explainer videos)
- • Apply for motion graphics internships or junior designer roles with portfolio