Create Animated 3D Blobs that React to Your Mouse

Create Animated 3D Blobs that React to Your Mouse

In this beginner-friendly tutorial, we’ll start from scratch and learn how to create colorful, animated, and interactive 3D blobs, using Shape Blend.

We’ll walk you through some easy tips for applying colors and textures to create smooth transitions and natural-looking gradients.

Plus, we’ll explore how to add interactive events, like changing the shape of the blob when you hover over it.

--

Discover more amazing creators and projects #MadeInSpline at https://community.spline.design/

#animated#blobs#react#mouse#beginnerfriendly#3d#abstract 3d#motion graphics#mograph#blob#wallpaper design#3d design#ui#ui design#ux#ux design#tutorial#3d modeling#interactive 3d#materials#tutorial-interaction#tutorial-materials#tutorial-ui-design#tutorial-animation#tutorial-3d-design#shape blend

What you'll learn

  • 0:00Intro
  • 0:24Creating a Blob with Shape Blend
  • 1:31Adding Colors
  • 3:21Adding Glow Effects and Textures
  • 5:20Animating Our Blob
  • 6:49How to Make the Animation Loop

Related resources

Overview

Spline 3D
11min
Beginner
Similar Tutorials
Spline V2 Full Tour: New Layout, Faster Creation, Agent Workflow

Spline V2 Full Tour: New Layout, Faster Creation, Agent Workflow

Video9minBeginner
Build Interactive Animations: Morphing UI & Reactive Glow in Hana (Step by Step)

Build Interactive Animations: Morphing UI & Reactive Glow in Hana (Step by Step)

Video13minBeginner
How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks

How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks

Video4minBeginner