# Animate Organic 3D Blobs with States - Animation & Interactions in Spline - Spline Academy (https://spline.design/academy/tutorials/animate-organic-3d-blobs-with-states)

> ☀️ Update: Spline UI has improved, and we have now introduced the concept of Actions that allow much more time for interactions. Within the event panel, the…

1. [Academy](https://spline.design/academy)
2. [Courses](https://spline.design/academy/collections)
3. [Animation & Interactions in Spline](https://spline.design/academy/collections/animation-interactions-in-spline)
4. Animate Organic 3D Blobs with States

# Animate Organic 3D Blobs with States

Lesson 13 of 14Spline 3DBeginner5 min

☀️ Update: Spline UI has improved, and we have now introduced the concept of Actions that allow much more time for interactions. Within the event panel, the previous "Objects" section is now called Transition (which is an action). Make your transition action go from Current (Base State) to State.

Hi! In this tutorial, you will learn how to create and add motion/animation to a 3D blob using Spline materials and the state transitions.

Demo: <https://my.spline.design/animateblobtutorial-3cd0ff763c85d6c7932987288496472e/> Remix: <https://app.spline.design/file/8784fb55-d7a0-4a39-b00c-b88ab4524c2e>

## What you’ll learn

1. [0:00Introduction](https://www.youtube.com/watch?v=KclCVV4bnow&t=0s)
2. [0:27Creating the sphere](https://www.youtube.com/watch?v=KclCVV4bnow&t=27s)
3. [1:28Creating the materials](https://www.youtube.com/watch?v=KclCVV4bnow&t=88s)
4. [3:34Animating the deformation](https://www.youtube.com/watch?v=KclCVV4bnow&t=214s)
5. [4:13Exploring alternatives](https://www.youtube.com/watch?v=KclCVV4bnow&t=253s)

## Related resources

- [Blob Soft AnimationTemplate](https://app.spline.design/academy/tutorials/animate-organic-3d-blobs-with-states?redirect-duplicate-template-uuid=8d2738da-646b-4647-8a1e-696489259738&is-2d-file=false)
- [Materials & ShadingDocument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Displace LayerDocument](https://docs.spline.design/materials-shading/displace-layer)
- [Transition ActionDocument](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)
- [Events & InteractivityDocument](https://docs.spline.design/interaction-states-events-and-actions/events-interactivity)

## Overview

- Spline 3D
- 5 min
- Beginner

## Up next

[Rotate & Animate 3D Objects6 minBeginner](https://spline.design/academy/collections/animation-interactions-in-spline/rotate-animate-3d-objects)[Continue](https://spline.design/academy/collections/animation-interactions-in-spline/rotate-animate-3d-objects)

[Spline](https://spline.design/)

The 3D and 2D editor for teams and their agents. Ship to the web, iOS and Android.

#### Ask AI about Spline

#### Products

- [3D Design](https://spline.design/3d-design)
- [Hana](https://spline.design/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/ai-generate)
- [Spline MCP](https://spline.design/mcp)
- [Pricing](https://spline.design/pricing)
- [Enterprise](https://spline.design/enterprise)

#### Runtimes

- [Web](https://spline.design/web)
- [iOS](https://spline.design/ios)
- [Android](https://spline.design/android)

#### Apps

- [Download](https://spline.design/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Download Spline Mirror](https://spline.design/download-mirror)

#### Learn

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Solutions](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/blog)
- [Changelog](https://spline.design/changelog)
- [Education](https://spline.design/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/affiliate)

#### Company

- [Customers](https://spline.design/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/security)

#### Legal

- [Terms & Conditions](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.