# Paano Gumawa ng Umiikot na 3D Icon - Spline Academy (https://spline.design/fil/academy/tutorials/how-to-create-a-spinning-3d-icon)

> Hello! Sa tutorial na ito, ipapakita namin kung paano gumawa ng umiikot na 3D icon mula simula hanggang dulo! Matututunan mong idisenyo at i-animate ito,…

1. [Academy](https://spline.design/fil/academy)
2. [Mga Tutorial](https://spline.design/fil/academy/tutorials)
3. Paano Gumawa ng Umiikot na 3D Icon

# Paano Gumawa ng Umiikot na 3D Icon

Spline 3DBaguhan15 min

Hello! Sa tutorial na ito, ipapakita namin kung paano gumawa ng umiikot na 3D icon mula simula hanggang dulo! Matututunan mong idisenyo at i-animate ito, magdagdag ng maayos na mga delay, at mag-set up ng mga interactive na trigger. Tutuklasin din namin ang mga kulay, material at mga animation na na-trigger ng button.

## Ang matututunan mo

1. [0:00Paggawa ng 3D Icon](https://www.youtube.com/watch?v=bzbL6eNEfek&t=0s)
2. [2:13Paglalapat ng Kulay at Material](https://www.youtube.com/watch?v=bzbL6eNEfek&t=133s)
3. [6:29Pag-animate ng 3D Icon](https://www.youtube.com/watch?v=bzbL6eNEfek&t=389s)
4. [10:35Pagdaragdag ng mga Interactive na Trigger](https://www.youtube.com/watch?v=bzbL6eNEfek&t=635s)

## Mga kaugnay na resource

- [Spinning 3d iconTemplate](https://app.spline.design/academy/tutorials/how-to-create-a-spinning-3d-icon?redirect-duplicate-template-uuid=785469cd-21c1-46d9-957c-7afc5a97f782&is-2d-file=false)
- [Extruding 2D objects in 3DDokumento](https://docs.spline.design/designing-in-3-d/extruding-2d-objects-in-3-d)
- [Materials & ShadingDokumento](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Transition ActionDokumento](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)
- [Cloner MotionDokumento](https://docs.spline.design/designing-in-3-d/cloner-motion)

## Overview

- Spline 3D
- 15 min
- Baguhan

## Bahagi ng

- [Animation at mga Interaction sa Spline](https://spline.design/fil/academy/collections/animation-interactions-in-spline/how-to-create-a-spinning-3d-icon)

## Mga kaugnay na tutorial

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

[Paano Mag-animate ng Naglalakad na 3D CharacterSpline 3DBaguhan14 min](https://spline.design/fil/academy/tutorials/how-to-animate-a-3d-walking-character)[Paano Gumawa ng mga 3D Multi-scene at Mag-import ng mga AnimationSpline 3DIntermediate18 min](https://spline.design/fil/academy/tutorials/how-to-build-3d-multi-scenes-and-import-animations)[Gumawa ng Seamless na 3D Loop AnimationSpline 3DBaguhan11 min](https://spline.design/fil/academy/tutorials/craft-seamless-3d-loop-animations)

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