프로그레시브 블러와 그라디언트로 인터랙티브 스위치 만들기

Hana초급4분

이 튜토리얼에서는 프로그레시브 블러와 그라디언트, 그리고 인터랙션을 위한 마우스 호버 이벤트를 사용해 100% Hana로 인터랙티브 스위치를 만드는 방법을 보여 드립니다. 다양한 프로젝트에 활용할 수 있는 흥미로운 디자인이며, 모든 단계를 차근차근 안내해 드립니다.

이 데모를 리믹스하세요: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

배울 내용

  1. 0:00인트로
  2. 0:15기본 셰이프 만들기
  3. 0:39그라디언트 추가하기
  4. 1:04레이어 블러 이펙트 추가하기
  5. 1:46트리거 만들기
  6. 1:57마우스 호버 이벤트와 트랜지션 추가하기
  7. 2:24흰색 선 만들고 상태 추가하기
  8. 3:07선의 트랜지션 설정하기
  9. 3:35마무리

관련 자료

관련 튜토리얼

모든 튜토리얼