LearnFlat · Creative & Performance Arts · Graphic & Digital Design

Motion Graphics

Bring graphic designs to life with animation and visual effects. Learn to create animated logos, title sequences, and explainer videos using tools like Adobe After Effects.

Motion Graphics

CSS Animations with TypeStyle: Type-Safe Motion Design

Designing Fluid Loading Animations in CSS

Screenflow Editing: Fixing Recording Mistakes with Layering

ScreenFlow Editing Workflows: Fixing Typos After Ripple Deletes

GreenSock Animation Control: Pause and Resume

Screenflow Editing: Optimize Workflow with Custom Inputs

Animate React Components with Framer Motion

Tailwind CSS: Customize Your Design System

React Loading Animations with Framer Motion

Karabiner: Customize Your Mouse for macOS Workflow

Focusing Reader Attention in Text

Basic Annotations for Clear Documentation

ScreenFlow: Master Video Playback Speed

Svelte Transitions: Building Smooth Fade and Animation Effects

CSS Animation Fill Mode: Retaining Keyframe Styles and Smooth Transitions

Animating and Highlighting Code in Keynote

Controlling React Animations with Framer Motion and the Animate Prop

Customizing React Animations with Framer Motion Transitions

Next-Level Stop Motion Animation: Step-by-Step Filmmaking Techniques

Whiteboard Animation: Scripting and Storyboarding Fundamentals

Easing and Motion Blur in After Effects: Creating Natural Animation

Foundations of Keyframe Animation in After Effects

After Effects Timeline Fundamentals for Motion Design

After Effects Interface and Workspace Essentials