How to Animate Along a Path with Hana and Spline

How to Animate Along a Path with Hana and Spline

In this tutorial, we’ll show you how to use one of our recent updates in Hana, and how you can easily animate shapes or designs along a custom trajectory.

We’ll guide you through different ways to design a path in Hana, how to align shapes to that path, create animations, adjust position offsets, and choose between world and tangential orientation.

Demos 👉 https://app.spline.design/ui/6a36d303-a217-4466-95f5-85a1561c5725

#animate#path#hana#stepbystep#tutorial#beginner#interactive#design#ixd#webdesign#website#ui#ux#tutorial-interaction#design tool#2d#2d design#interactive 2d#tutorial-hana#vector#graphic design#animation#motion#animation along a path#align#align to path

What you'll learn

  • 0:00Intro
  • 0:16How to create a path using the Vector Tool
  • 1:00How to Align to Path
  • 2:07Creating Animations
  • 3:23How to create a path using a Shape
  • 4:03Adjusting Position Offsets

Related resources

Overview

Hana 2D
6min
Beginner