# Paano gumawa ng mga 3D blob gamit ang Spline - Spline Academy (https://spline.design/fil/academy/tutorials/how-to-create-3d-blobs-using-spline)

> Hi! Sa tutorial na ito, matututunan mo kung paano magdisenyo ng mga 3D blob gamit ang Spline at kung paano i-animate ang mga ito gamit ang mga mouse event.

1. [Academy](https://spline.design/fil/academy)
2. [Mga Tutorial](https://spline.design/fil/academy/tutorials)
3. Paano gumawa ng mga 3D blob gamit ang Spline

# Paano gumawa ng mga 3D blob gamit ang Spline

Spline 3DBaguhan14 min

Hi! Sa tutorial na ito, matututunan mo kung paano magdisenyo ng mga 3D blob gamit ang Spline at kung paano i-animate ang mga ito gamit ang mga mouse event.

Demo: <https://my.spline.design/blobstutorial-6e112bc08d55b050a016382ec5a9c816/>

Tip: Para sa demo, in-enable namin ang 'Orbit Limits' mula sa export panel sa loob ng Spline.

## Ang matututunan mo

1. [0:00Introduksyon](https://www.youtube.com/watch?v=td55wUvU66U&t=0s)
2. [0:26Paggawa ng mga basic na sphere](https://www.youtube.com/watch?v=td55wUvU66U&t=26s)
3. [2:10Paggawa ng mga simpleng material](https://www.youtube.com/watch?v=td55wUvU66U&t=130s)
4. [3:40Paggawa ng salamin](https://www.youtube.com/watch?v=td55wUvU66U&t=220s)
5. [4:10Pagdaragdag ng mga gradient](https://www.youtube.com/watch?v=td55wUvU66U&t=250s)
6. [7:10Pag-blur ng background gamit ang salamin](https://www.youtube.com/watch?v=td55wUvU66U&t=430s)
7. [8:55Pag-deform ng mga sphere](https://www.youtube.com/watch?v=td55wUvU66U&t=535s)
8. [10:30Mga huling adjustment sa material](https://www.youtube.com/watch?v=td55wUvU66U&t=630s)
9. [11:35Pagdaragdag ng mga interaction at transition](https://www.youtube.com/watch?v=td55wUvU66U&t=695s)

## Overview

- Spline 3D
- 14 min
- Baguhan

## Mga kaugnay na tutorial

[Lahat ng tutorial](https://spline.design/fil/academy/tutorials)

[Mag-animate ng mga Organic na 3D Blob gamit ang mga StateSpline 3DBaguhan5 min](https://spline.design/fil/academy/tutorials/animate-organic-3d-blobs-with-states)[Gumawa ng mga Animated na 3D Blob na Tumutugon sa Mouse MoSpline 3DBaguhan12 min](https://spline.design/fil/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse)[Gumawa ng mga 3D Icon gamit ang mga VectorSpline 3DBaguhan10 min](https://spline.design/fil/academy/tutorials/build-3d-icons-with-vectors)

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

Ang 3D at 2D editor para sa mga team at kanilang mga agent. I-publish sa web, iOS at Android.

#### Magtanong sa AI tungkol sa Spline

#### Mga Produkto

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

#### Runtimes

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

#### Apps

- [I-download](https://spline.design/fil/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [I-download ang Spline Mirror](https://spline.design/download-mirror)

#### Matuto

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

#### Community

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

#### Kumpanya

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

#### Legal

- [Mga Tuntunin at Kundisyon](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.