어도비 XD로 웹 프로토타입 만들기 연습 - Parallax

XD를 써보고 싶어서 한 연습

웹 패럴렉스 프로토타입 연습 ( 마우스도 같이 녹음됐네;; )

 

연습 이미지 소스는 인터넷의 무료 소스를 긁어서 사용했다.

 

프로토타입

 

하단에 유튜버 Design Medium 의 유튜브 영상을 첨부했다.

보면 알겠지만 자동 애니메이션을 위해서 이미지를 숨겨놔야한다. 

에프터이펙트나 옛날에 다뤄봤던 플래시랑 비슷한 느낌.

 

프로토타입으로 애니메이션1

프로토타입으로 애니메이션2

 

역시 해야만 하니까 하는 일이 아닌 재미로 할 때가 제일 신난다.

 

 

오늘 따라한 웹 프로토 타입 링크 

https://youtu.be/wy1ldpkOw_g