Skip to content
Creative Arts, Design & Making

Animation & Motion Graphics

Create motion graphics, keyframes, easing, and animated assets for video and digital media.

Who this is for

Designers adding animation and motion to creative projects

3
workflows
10
tools

Choose a task

  1. Learn keyframe basics

  2. Animate a simple logo

  3. Add easing curves

  4. Export motion asset

Workflows

Choose a guide that matches your task.

Tools for this topic

Search by name or purpose, or choose a tool category.

10 of 10 tools shown

Video Bitrate Calculator

Reproduce decimal video-file size from documented video/audio bitrates, duration and explicit container overhead, then compare an independent file-size record.

Calculators

Video Resolution Calculator

Reproduce and compare active square-pixel sample counts, decimal megapixels and axis ratios for two explicit reviewed raster records.

Calculators

Video Storage Calculator

Reproduce media-set capacity from a reviewed inventory, per-item payload, explicit working overhead and reserve, then compare an independent capacity record.

Calculators

Aspect Ratio Calculator

Reproduce reviewed square-pixel active-image geometry for a documented target canvas using an explicit Fit/Pad or Fill/Crop mode and rounding rule.

Calculators

Observed Render Time Reproduction

Reproduce a strictly sequential render or export queue from two named completed work-and-elapsed-time observations, explicit fixed overhead, and an independent duration record.

Calculators

Color Picker

Professional color picker with HEX, RGB, and HSL conversion, WCAG contrast checking, and palette generation. Pick colors and copy CSS-ready values instantly.

Design Tools

Image Dimension Planner

Calculate whole-pixel image dimensions with a locked ratio or independent width and height, then compare scale and pixel area before exporting in an editor.

Design Tools

QR Code Generator

Generate scan-testable URL, email, phone, WiFi, or escaped vCard QR codes with UTF-8 capacity checks, color warnings, raster logos, PNG, and SVG.

Developer Tools

Word Counter

Count words, Unicode characters, sentences and paragraphs. Inspect English readability, estimate reading time and compare a selected publishing length rule.

Text Tools

Color Blindness Simulator

Preview sRGB colors with adjustable color-vision models. Compare palettes and text pairs, check original contrast, and copy the simulated colors as CSV.

Design Tools

Reusable tools

These tools already support the workflows in this niche field.

Explore more in this field

Discover more workflows, tools, and beginner guides across related niche fields in this domain.

Back to Creative Making

Related niche fields

Adjacent domains share workflows, tools, or beginner decisions with this field.