3d Animation Courses

Mike Dane

Build a CSS Star Animation

Build a rotating CSS animation from squares using absolute positioning, transforms, keyframes, and Flexbox.

• YouTube
• 22 minutes
• Self-Paced
• Free Video

Laith Academy

Framer Motion - React Animation Library Crash Course

Create smooth, complex animations in React with Framer Motion using props, events, dragging, variants, keyframes, and the useAnimate hook.

• YouTube
• 1 hour 13 minutes
• Self-Paced
• Free Video

Tech with Tim

Python Firework Animation Tutorial

Build a customizable firework animation in Python and Pygame, implementing launchers, projectiles, movement, and patterned effects with trigonometry.

• YouTube
• 56 minutes
• Self-Paced
• Free Video

Material Design

Animation - Building Shrine in Compose

Learn to animate the Shrine app’s backdrop, TopAppBar, search field, and navigation items in Jetpack Compose using transitions, motion specs, and the Animation Inspector.

• YouTube
• 1 hour 14 minutes
• Self-Paced
• Free Video

Kevin Powell

JavaScript Scroll Animation Tutorial - Web Animations API and ScrollTimeline

Build scroll-linked web animations with JavaScript’s Web Animations API and ScrollTimeline, including viewport-based image effects and a scroll-position tracker.

• YouTube
• 26 minutes
• Self-Paced
• Free Video

Kevin Powell

Creating a Tricky Orbiting Icon Animation

Build a tricky orbiting icon animation with HTML and Sass, using CSS rotation, hover-pause state management, and a throbbing effect.

• YouTube
• 1 hour 34 minutes
• Self-Paced
• Free Video

Kevin Powell

Cool 3D Grid Layout - Can I Clone It?

Recreate a striking 3D grid layout with HTML and CSS, exploring grid structure, hover states, perspective, sliding behavior, and shadows.

• YouTube
• 1 hour 8 minutes
• Self-Paced
• Free Video

Kevin Powell

3D Text Animations With CSS

Learn to build rotating 3D text effects in CSS with pseudo-elements, perspective, animation, color, and shading.

• YouTube
• 35 minutes
• Self-Paced
• Free Video

Kevin Powell

3D CSS - Lighting, Animations, and More

Build a spinning, bouncing 3D scene using only CSS, with perspective, gradients, shadows, transforms, and animations.

• YouTube
• 45 minutes
• Self-Paced
• Free Video

Kevin Powell

CSS Card With Hover Animation and Mobile Fallback

Build a CSS-only animated card that handles hover, keyboard navigation, mobile devices, and reduced-motion preferences.

• YouTube
• 49 minutes
• Self-Paced
• Free Video

Sebastian Kamph

Stable Diffusion Animation Tutorial - Deforum All Settings Explained - Make Your Own AI Video

Learn to use Deforum in Google Colab to configure Stable Diffusion settings, prompts, frame motion, and rendering for AI animations.

• YouTube
• 22 minutes
• Self-Paced
• Free Video

Design Computation Human

Stable Diffusion and Rhino Grasshopper Workshop - Text-to-Image to 3D - Image Processing - Data Visualization

Explore Stable Diffusion and Rhino Grasshopper workflows that turn generated and processed images into 3D forms and data visualizations.

• YouTube
• 5 hours 11 minutes
• Self-Paced
• Free Video

BoroCG

Second Witness - Horror Character 3D Sketch

Sculpt a creepy old-woman horror character in Blender, shaping anatomy, asymmetry, facial features, clothing, shoes, and a distinctive chest cavity.

• YouTube
• 29 minutes
• Self-Paced
• Free Video

BoroCG

The First Witness - Horror 3D-Sketch Process

A horror-game concept evolves from a 2D human-body sketch into a rough 3D character sculpt, with the face, clothing, anatomy, and silhouette refined in Blender.

• YouTube
• 22 minutes
• Self-Paced
• Free Video

Albert Bozesan

How to Make 3D Game Assets with AI - Stable Diffusion + Blender Tutorial 2022

Turn rough sketches into functional 3D game assets using Stable Diffusion and Blender, with mesh cleanup, texture painting, and normal-map detail.

• YouTube
• 1 hour 6 minutes
• Self-Paced
• Free Video