# Paggawa ng Refractive na 3D Text sa Hana - Spline Academy (https://spline.design/fil/academy/tutorials/creating-refractive-3d-text-in-hana)

> Alamin kung paano gumawa ng kahanga-hangang 3D text effect sa Hana gamit ang bagong 3D Shape effect.

1. [Academy](https://spline.design/fil/academy)
2. [Mga Tutorial](https://spline.design/fil/academy/tutorials)
3. Paggawa ng Refractive na 3D Text sa Hana

# Paggawa ng Refractive na 3D Text sa Hana

HanaBaguhan7 min

Alamin kung paano gumawa ng kahanga-hangang 3D text effect sa Hana gamit ang bagong 3D Shape effect.

Sa tutorial na ito, ipapakita namin kung paano gawing interactive na 3D typography ang flat na text, na may refractive na material na parang salamin, dynamic na ilaw at maayos na mga animation. Swak para sa mga designer na gustong magdagdag ng lalim at visual interest sa kanilang mga project!

⏲️ Mga Chapter

- 00:00 Intro
- 00:29 Simulang ilagay ang text mo
- 00:56 Pagdaragdag ng 3D shape effect sa text
- 02:31 Pag-duplicate ng text
- 02:59 Glass material
- 03:56 Iba pang effect
- 04:27 Pagdaragdag ng galaw
- 05:24 Mga huling detalye
- 05:53 Outro

## Mga kaugnay na resource

- [3D Design TextTemplate](https://app.spline.design/academy/tutorials/creating-refractive-3d-text-in-hana?redirect-duplicate-template-uuid=e3d0aa9a-4962-43ea-9880-6d9a2c625103&is-2d-file=true)
- [Designing in HanaDokumento](https://docs.spline.design/hana-a-canvas-for-interactivity/designing-in-hana)
- [Effects in HanaDokumento](https://docs.spline.design/hana-a-canvas-for-interactivity/effects-in-hana)

## Overview

- Hana
- 7 min
- Baguhan

## Bahagi ng

- [Hana | Lahat ng Kailangan Mong Malaman](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/creating-refractive-3d-text-in-hana)

## Mga kaugnay na tutorial

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

[Magdisenyo at Mag-animate gamit ang mga Vector MaskHanaBaguhan7 min](https://spline.design/fil/academy/tutorials/design-and-animate-with-vector-masks)[Tuklasin ang 3D Projections at Noise EffectsHanaBaguhan8 min](https://spline.design/fil/academy/tutorials/explore-3d-projections-and-noise-effects)[Paano Gamitin ang AI Image Generation sa HanaHanaBaguhan8 min](https://spline.design/fil/academy/tutorials/how-to-use-ai-image-generation-in-hana)

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