# Hana | Tudo o que você precisa saber - Spline Academy (https://spline.design/pt-br/academy/collections/hana-everything-you-need-to-know) > Entenda os princípios e fluxos por trás da criação de experiências interativas em tempo real e prontas para produção com o Hana 1. [Academy](https://spline.design/pt-br/academy) 2. [Cursos](https://spline.design/pt-br/academy/collections) 3. Hana | Tudo o que você precisa saber # Hana | Tudo o que você precisa saber Entenda os princípios e fluxos por trás da criação de experiências interativas em tempo real e prontas para produção com o Hana [Começar o curso](https://spline.design/pt-br/academy/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana) 15 aulasIniciante2 h 03 min ## Aulas 1. [01Comece a usar o 2D interativo no Hana17 min](https://spline.design/pt-br/academy/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana) 2. [02Dê dimensão aos seus designs no Hana com o efeito 3D Shape3 min](https://spline.design/pt-br/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect) 3. [03Crie interações com Liquid Glass e transformações 3D no Hana16 min](https://spline.design/pt-br/academy/collections/hana-everything-you-need-to-know/design-interactions-with-liquid-glass-3d-transforms-in-hana) 4. [04Explore projeções 3D e efeitos de ruído8 min](https://spline.design/pt-br/academy/collections/hana-everything-you-need-to-know/explore-3d-projections-and-noise-effects) 5. [05Crie designs interativos que reagem ao mouse com o Hana6 min](https://spline.design/pt-br/academy/collections/hana-everything-you-need-to-know/create-interactive-designs-that-react-to-your-mouse-with-hana) 6. [06Crie uma interação 2D de seguir o cursor8 min](https://spline.design/pt-br/academy/collections/hana-everything-you-need-to-know/create-a-2d-follow-interaction) 7. [07Crie efeitos interativos com desfoque progressivo e gradientes suaves9 min](https://spline.design/pt-br/academy/collections/hana-everything-you-need-to-know/design-interactive-effects-with-progressive-blur-and-smoothing-gradients) 8. [08Crie um switch interativo com desfoque progressivo e gradientes4 min](https://spline.design/pt-br/academy/collections/hana-everything-you-need-to-know/create-an-interactive-switch-with-progressive-blur-and-gradients) 9. [09Crie ícones interativos suaves no Hana7 min](https://spline.design/pt-br/academy/collections/hana-everything-you-need-to-know/design-smooth-interactive-icons-in-hana) 10. [10Crie um teclado interativo com o Hana9 min](https://spline.design/pt-br/academy/collections/hana-everything-you-need-to-know/build-an-interactive-keyboard-with-hana) 11. [11Como animar ao longo de um caminho com o Hana e o Spline7 min](https://spline.design/pt-br/academy/collections/hana-everything-you-need-to-know/how-to-animate-along-a-path-with-hana-and-spline) 12. [12Faça design e anime com máscaras vetoriais7 min](https://spline.design/pt-br/academy/collections/hana-everything-you-need-to-know/design-and-animate-with-vector-masks) 13. [13Criando texto 3D refrativo no Hana7 min](https://spline.design/pt-br/academy/collections/hana-everything-you-need-to-know/creating-refractive-3d-text-in-hana) 14. [14Como criar um diamante 3D realista no Hana7 min](https://spline.design/pt-br/academy/collections/hana-everything-you-need-to-know/how-to-design-a-realistic-3d-diamond-in-hana) 15. [15Como usar a geração de imagens com IA no Hana8 min](https://spline.design/pt-br/academy/collections/hana-everything-you-need-to-know/how-to-use-ai-image-generation-in-hana) [Spline](https://spline.design/pt-br) O editor 3D e 2D para equipes e seus agentes. Publique na web, no iOS e no Android. #### Pergunte à IA sobre o Spline #### Produtos - [Design 3D](https://spline.design/pt-br/3d-design) - [Hana](https://spline.design/pt-br/hana) - [Omma](https://omma.build) - [Geração 3D com IA](https://spline.design/pt-br/ai-generate) - [Spline MCP](https://spline.design/pt-br/mcp) - [Spline Arena](https://spline.design/pt-br/arena) - [Preços](https://spline.design/pt-br/pricing) - [Empresas](https://spline.design/pt-br/enterprise) #### Runtimes - [Web](https://spline.design/pt-br/web) - [iOS](https://spline.design/pt-br/ios) - [Android](https://spline.design/pt-br/android) #### Apps - [Download](https://spline.design/pt-br/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Baixar o Spline Mirror](https://spline.design/download-mirror) #### Aprenda - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/pt-br/academy) - [API do Spline](https://www.npmjs.com/package/@splinetool/runtime) - [Soluções](https://spline.design/solutions) #### Comunidade - [Comunidade do Spline](https://community.spline.design) - [Blog](https://spline.design/pt-br/blog) - [Novidades](https://spline.design/pt-br/changelog) - [Educação](https://spline.design/pt-br/education) - [Contra](https://spline.design/contra) - [Afiliados](https://spline.design/pt-br/affiliate) #### Empresa - [Clientes](https://spline.design/pt-br/customers) - [Carreiras](https://www.ycombinator.com/companies/spline/jobs) - [Segurança](https://spline.design/pt-br/security) #### Jurídico - [Termos e condições](https://spline.design/terms) - [Privacidade](https://spline.design/privacy) #### Contato - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.