# Bigyan ng Dimensyon ang mga Hana Design gamit ang 3D Shape Effect - Spline Academy (https://spline.design/fil/academy/tutorials/add-dimension-to-hana-designs-with-the-3d-shape-effect)

> Available na sa Hana ang 3D Shapes. 🚀

1. [Academy](https://spline.design/fil/academy)
2. [Mga Tutorial](https://spline.design/fil/academy/tutorials)
3. Bigyan ng Dimensyon ang mga Hana Design gamit ang 3D Shape Effect

# Bigyan ng Dimensyon ang mga Hana Design gamit ang 3D Shape Effect

HanaBaguhan3 min

Available na sa Hana ang 3D Shapes. 🚀

Sa mabilis na tour na ito, ipapakita namin kung saan makikita ang bagong 3D Shape effect, kung paano ito gumagana, at kung paano mo ito magagamit para magdagdag ng lalim at dimensyon sa mga design mo, lahat sa iisang canvas.

Walang bagong workflow. Instant na 3D lang.

🕓 Mga Timestamp:

- 00:00 Intro
- 00:19 Saan makikita ang 3D Shape Effect
- 00:38 Mga property na nako-customize
- 01:19 Paano gumagana ang 3D shape effect
- 01:47 Interactivity at animation
- 02:18 2D + 3D
- 02:35 Ano ang nasa susunod na tutorial

## Mga kaugnay na resource

- [3D Icon LightingTemplate](https://app.spline.design/academy/tutorials/add-dimension-to-hana-designs-with-the-3d-shape-effect?redirect-duplicate-template-uuid=1a2b1c27-a13e-42fd-8f10-d82d707c35cc&is-2d-file=true)
- [3D Shapes in HanaDokumento](https://docs.spline.design/hana-a-canvas-for-interactivity/3d-shapes-in-hana)

## Overview

- Hana
- 3 min
- Baguhan

## Bahagi ng

- [Hana | Lahat ng Kailangan Mong Malaman](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect)

## Mga kaugnay na tutorial

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

[Paano Matuto ng 3D Design gamit ang Spline: Isang Praktikal na Roadmap mula Baguhan hanggang ProSpline 3DBaguhan8 min](https://spline.design/fil/academy/tutorials/how-to-learn-3d-design-with-spline-a-practical-roadmap-for-beginners-to-pros)[Paano Magdagdag ng 3D Drag & Drop Interaction sa Spline | I-level up ang website mo sa ilang click langSpline 3DBaguhan5 min](https://spline.design/fil/academy/tutorials/how-to-add-a-3d-drag-drop-interaction-in-spline-level-up-your-website-in-just-a-few-clicks)[Malalimang Pagtalakay sa mga Bagong Feature ng Hana: Figma Import, Pencil Tool, Frame as Fill at Iba PaHanaBaguhan4 min](https://spline.design/fil/academy/tutorials/deep-dive-into-hana-s-new-features-figma-import-pencil-tool-frame-as-fill-more)

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