모션 메뉴판이징“자연스럽게 움직이게”
메뉴판 › 모션 메뉴판 › 타이밍 · 질감 › 스태거
실물 새 창으로 열기motion-menu · stagger
코드 보기
불러오는 중…
헷갈리는 것과 구분
이 영상에 나왔어요여러 요소를 시간차로 움직이면 스태거(12원칙의 팔로스루·오버래핑), 한 요소의 속도 곡선은 이징
모션 기본기 24 · 나타나기 영상 2번째 칸
같이 나온 7개 보기같은 묶음 · 타이밍 · 질감
모션 메뉴판 · 타이밍 · 질감
모션 메뉴판이즈 아웃“들어올 때 천천히 멈추게”
이즈 아웃 Ease Out
“들어올 때 천천히 멈추게”모션 메뉴판오버슈트“살짝 튕기게”
오버슈트 Overshoot
“살짝 튕기게”모션 메뉴판안티시페이션“움직이기 전 준비동작”
안티시페이션 Anticipation
“움직이기 전 준비동작”모션 메뉴판모션 블러“빠를 때 흐릿하게”
모션 블러 Motion Blur
“빠를 때 흐릿하게”모션 메뉴판스쿼시 앤 스트레치“통통 눌렸다 늘어나게”
스쿼시 앤 스트레치 Squash & Stretch
“통통 눌렸다 늘어나게”모션 메뉴판모션 트레일“잔상 남기며 지나가게”
모션 트레일 Motion Trail
“잔상 남기며 지나가게”모션 메뉴판BPM 비트 싱크“박자에 맞춰 컷 넘어가게”