# Create Playful 3D Abstract Illustrations in Spline - Spline 101 | Build Your First Interactive Scene - Spline Academy (https://spline.design/academy/tutorials/create-playful-3d-abstract-illustrations-in-spline)

> Hello! 👋 In this tutorial, we'll walk you through creating a minimalistic 3D abstract illustration from simple shapes, step by step.

1. [Academy](https://spline.design/academy)
2. [Courses](https://spline.design/academy/collections)
3. [Spline 101 | Build Your First Interactive Scene](https://spline.design/academy/collections/spline-101-build-your-first-interactive-scene)
4. Create Playful 3D Abstract Illustrations in Spline

# Create Playful 3D Abstract Illustrations in Spline

Lesson 2 of 16Spline 3DBeginner24 min

Hello! 👋 In this tutorial, we'll walk you through creating a minimalistic 3D abstract illustration from simple shapes, step by step.

It's a friendly guide, perfect if you're just starting in the 3D world and Spline.

We'll also show you how to create simple looping animations and make some elements of our scene interactive, like hovering over shapes to trigger size change effects.

Let us know in the comments if there's anything else you'd like to learn!

Share your version of your own 3D illustration in our community! 💖 We'll love to see what you have created!

🔮 Spline Community → <https://community.spline.design>

Learn how to create an interactive 3D toggle: <https://www.youtube.com/watch?v=zkw5GT9nYS8&t>

## What you’ll learn

1. [0:00Intro](https://www.youtube.com/watch?v=xc-ExwgYDQI&t=0s)
2. [0:31Camera Control and View Adjustment](https://www.youtube.com/watch?v=xc-ExwgYDQI&t=31s)
3. [1:13Creating Geometric Shapes and Structures](https://www.youtube.com/watch?v=xc-ExwgYDQI&t=73s)
4. [2:34Designing a Rubik's Cube](https://www.youtube.com/watch?v=xc-ExwgYDQI&t=154s)
5. [3:10Detailing and Adding Elements to the Design](https://www.youtube.com/watch?v=xc-ExwgYDQI&t=190s)
6. [10:24Color Application](https://www.youtube.com/watch?v=xc-ExwgYDQI&t=624s)
7. [12:47Lighting](https://www.youtube.com/watch?v=xc-ExwgYDQI&t=767s)
8. [13:36Adding Looping Animations](https://www.youtube.com/watch?v=xc-ExwgYDQI&t=816s)
9. [20:39Creating Interactive Elements](https://www.youtube.com/watch?v=xc-ExwgYDQI&t=1239s)
10. [22:10Depth of Field](https://www.youtube.com/watch?v=xc-ExwgYDQI&t=1330s)
11. [23:58Exporting and Integrating 3D Scenes](https://www.youtube.com/watch?v=xc-ExwgYDQI&t=1438s)

## Related resources

- [Abstract templateTemplate](https://app.spline.design/academy/tutorials/create-playful-3d-abstract-illustrations-in-spline?redirect-duplicate-template-uuid=efaa119e-a528-4a8a-9888-bac34f490bab&is-2d-file=false)
- [Understanding Spline's UIDocument](https://docs.spline.design/basics/understanding-splines-ui)
- [Extruding 2D objects in 3DDocument](https://docs.spline.design/designing-in-3-d/extruding-2d-objects-in-3-d)
- [Cloner MotionDocument](https://docs.spline.design/designing-in-3-d/cloner-motion)
- [Materials & ShadingDocument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Interaction (States, Events & Actions)Document](https://docs.spline.design/#%F0%9F%95%B9%EF%B8%8F-interaction-states,-events,-and-actions)

## Overview

- Spline 3D
- 24 min
- Beginner

## Up next

[Create 3D Icons from Scratch16 minBeginner](https://spline.design/academy/collections/spline-101-build-your-first-interactive-scene/create-3d-icons-from-scratch)[Continue](https://spline.design/academy/collections/spline-101-build-your-first-interactive-scene/create-3d-icons-from-scratch)

[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.