# Hana | Everything You Need To Know (https://academy.spline.design/collections/hana-everything-you-need-to-know)

> A Spline Academy course: 15 lessons, beginner.

Understand the principles and workflows behind creating real-time, and production-ready interactive experiences using Hana

## Lessons

1. [Get Started with Interactive 2D in Hana](https://academy.spline.design/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana.md) · 17 min 25 s
2. [Add Dimension to Hana Designs with the 3D Shape Effect](https://academy.spline.design/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect.md) · 2 min 52 s
3. [Design Interactions with Liquid Glass & 3D Transforms in Hana](https://academy.spline.design/collections/hana-everything-you-need-to-know/design-interactions-with-liquid-glass-3d-transforms-in-hana.md) · 16 min 6 s
4. [Explore 3D Projections and Noise Effects](https://academy.spline.design/collections/hana-everything-you-need-to-know/explore-3d-projections-and-noise-effects.md) · 8 min 14 s
5. [Create Interactive Designs That React to Your Mouse with Hana](https://academy.spline.design/collections/hana-everything-you-need-to-know/create-interactive-designs-that-react-to-your-mouse-with-hana.md) · 6 min 13 s
6. [Create a 2D Follow Interaction](https://academy.spline.design/collections/hana-everything-you-need-to-know/create-a-2d-follow-interaction.md) · 7 min 39 s
7. [Design Interactive Effects with Progressive Blur and Smoothing Gradients](https://academy.spline.design/collections/hana-everything-you-need-to-know/design-interactive-effects-with-progressive-blur-and-smoothing-gradients.md) · 9 min 23 s
8. [Create an Interactive Switch with Progressive Blur and Gradients](https://academy.spline.design/collections/hana-everything-you-need-to-know/create-an-interactive-switch-with-progressive-blur-and-gradients.md) · 3 min 53 s
9. [Design Smooth Interactive Icons in Hana](https://academy.spline.design/collections/hana-everything-you-need-to-know/design-smooth-interactive-icons-in-hana.md) · 6 min 39 s
10. [Build an Interactive Keyboard with Hana](https://academy.spline.design/collections/hana-everything-you-need-to-know/build-an-interactive-keyboard-with-hana.md) · 9 min 22 s
11. [How to Animate Along a Path with Hana and Spline](https://academy.spline.design/collections/hana-everything-you-need-to-know/how-to-animate-along-a-path-with-hana-and-spline.md) · 6 min 41 s
12. [Design and Animate with Vector Masks](https://academy.spline.design/collections/hana-everything-you-need-to-know/design-and-animate-with-vector-masks.md) · 6 min 33 s
13. [Creating Refractive 3D Text in Hana](https://academy.spline.design/collections/hana-everything-you-need-to-know/creating-refractive-3d-text-in-hana.md) · 6 min 32 s
14. [How to Design a Realistic 3D Diamond in Hana](https://academy.spline.design/collections/hana-everything-you-need-to-know/how-to-design-a-realistic-3d-diamond-in-hana.md) · 7 min 27 s
15. [How to Use AI Image Generation in Hana](https://academy.spline.design/collections/hana-everything-you-need-to-know/how-to-use-ai-image-generation-in-hana.md) · 7 min 56 s