2D Follow 인터랙션 만들기

레슨 6/15Hana초급8분

인터랙티브 2D 디자인이 처음이라면 여기서 시작하기 딱 좋아요! 😉 이 튜토리얼에서는 인터랙티브 2D 경험을 디자인하고 애니메이션으로 만드는 새로운 실시간 캔버스인 Hana로, 커서를 따라가는(모바일에서는 터치 입력을 추적하는) 2D 인터랙션을 쉽게 만드는 방법을 단계별로 안내합니다.

Follow 이벤트를 적용해 부드럽게 흐르는 연쇄 반응을 만들어 이 재미있는 인터랙션을 완성합니다. 웹사이트나 프로젝트에 움직임과 개성을 살짝 더하는 쉽고 즐거운 방법입니다.

데모 👉 https://app.spline.design/ui/98440491-bf75-4e54-ab6f-afa16fc04f7e

Spline 3D 에디터로 이 효과를 3D로 만드는 방법도 배워 보세요: https://youtu.be/TQe5Ae16rE8

배울 내용

  1. 0:00시작하기
  2. 0:49원을 만들고 Follow 이벤트 적용하기
  3. 2:41댐핑 값과 크기 조정하기
  4. 6:10디자인 내보내기와 임베드

관련 자료