프로그레시브 블러와 부드러운 그라디언트로 인터랙티브 효과 디자인하기

Hana초급9분

이 튜토리얼에서는 부드러운 그라디언트와 프로그레시브 블러로 은은하고 세련된 디자인을 만드는 다양한 스타일과 기법, 그리고 이를 Hana에서 인터랙티브 경험으로 바꾸는 방법을 살펴봅니다.

먼저 셰이프에 그라디언트와 블러 효과를 추가하는 방법을 설명한 뒤, 호버 애니메이션, 커서를 따라가는 효과, 반복 애니메이션, 겹겹이 쌓은 블러 효과 같은 인터랙티브 요소를 만들어 봅니다. 모두 코딩 없이 웹 프로젝트에 바로 임베드할 수 있습니다! 👌

데모 씬: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

배울 내용

  1. 0:00인트로
  2. 0:15그라디언트로 만드는 간단한 디자인
  3. 2:57레이어 블러 추가하기
  4. 3:41마우스 호버 인터랙션 만들기
  5. 5:28텍스트에 인터랙티브 블러 효과 만들기
  6. 6:44반복되는 원형 그라디언트 애니메이션 만들기
  7. 7:43커서를 따라가는 그라디언트와 블러 효과 만들기

관련 자료

관련 튜토리얼

모든 튜토리얼