# Gumawa ng mga 3D Icon mula sa Wala - Spline 101 | Gawin ang Una Mong Interactive Scene - Spline Academy (https://spline.design/fil/academy/tutorials/create-3d-icons-from-scratch)

> Hello! Sa tutorial na ito, sisilipin natin ang paggawa ng mga 3D icon gamit ang Spline, kasama ang mga paksa gaya ng paggawa ng mga 2D vector bilang 3D,…

1. [Academy](https://spline.design/fil/academy)
2. [Mga Kurso](https://spline.design/fil/academy/collections)
3. [Spline 101 | Gawin ang Una Mong Interactive Scene](https://spline.design/fil/academy/collections/spline-101-build-your-first-interactive-scene)
4. Gumawa ng mga 3D Icon mula sa Wala

# Gumawa ng mga 3D Icon mula sa Wala

Aralin 3 ng 16Spline 3DBaguhan16 min

Hello! Sa tutorial na ito, sisilipin natin ang paggawa ng mga 3D icon gamit ang Spline, kasama ang mga paksa gaya ng paggawa ng mga 2D vector bilang 3D, paggamit ng pen tool, at pag-import at pag-convert ng mga SVG. Sama-sama tayong gagawa ng icon mula simula hanggang dulo, magdaragdag ng mga material para makagawa ng frosted glass effect. Tutuklasin din natin kung paano gawing interactive ang mga icon at gamitin ang mga ito sa mga web o app project.

Simulan na natin!

\---

Narito ang mga resource! 👋: 🏃 Narito ang isang magandang tutorial para matuto pa tungkol sa paggawa ng mga interactive na bagay sa Spline: <https://www.youtube.com/watch?v=JPUSjRxQEKI&t=352s>

🏗️ Iba pang paraan ng paggawa sa Spline: <https://www.youtube.com/watch?v=xc-ExwgYDQI>

💻 3D para sa Website Mo:

<https://www.youtube.com/watch?v=ncoSN9mgWe8&t=165s>

💖 3D para sa mga iOS Project:

<https://www.youtube.com/watch?v=44OPMq7FdD0&t=18s>

\--- Tumuklas ng iba pang kahanga-hangang creator at project #MadeInSpline sa <https://community.spline.design/>

## Ang matututunan mo

1. [0:00Introduksyon sa mga 3D Icon](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=0s)
2. [0:21Paggawa ng 2D bilang 3D](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=21s)
3. [1:00Paggamit ng Pen Tool at mga Shape](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=60s)
4. [2:31Pag-import at Pag-convert ng mga SVG](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=151s)
5. [4:38Pagdaragdag ng mga Material para sa mga 3D Effect](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=278s)
6. [14:04Magdagdag ng Simpleng Interaction sa Icon](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=844s)

## Mga kaugnay na resource

- [Message IconTemplate](https://app.spline.design/academy/tutorials/create-3d-icons-from-scratch?redirect-duplicate-template-uuid=806351b2-5c4c-4587-b4e1-eaeb698c5445&is-2d-file=false)
- [Pen ToolDokumento](https://docs.spline.design/designing-in-3-d/pen-tool)
- [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)

## Overview

- Spline 3D
- 16 min
- Baguhan

## Susunod

[Magdagdag ng mga Mouse-Based na Interaction sa mga 3D Object14 minBaguhan](https://spline.design/fil/academy/collections/spline-101-build-your-first-interactive-scene/add-mouse-based-interactions-to-3d-objects)[Magpatuloy](https://spline.design/fil/academy/collections/spline-101-build-your-first-interactive-scene/add-mouse-based-interactions-to-3d-objects)

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