Advertisement
  1. Web Design
  2. HTML/CSS
  3. Animation

애프터 이펙트로 웹 애니메이션 프로토타입 만드는 방법

Scroll to top
Read Time: 1 min

() translation by (you can also view the original English article)

Final product image
What You'll Be Creating

이 튜토리얼 영상에서는 앱 UI 애니메이션 프로토타입을 만들 것입니다. 포토샵 레이어를 가져와 사용할 것이고, 애프터 이펙트를 이용해 여기에 숨을 불어넣을 것입니다.

애프터 이팩트로 인터페이스를 프로토타이핑하는 것은 복잡한 애니메이션이나 여러분의 아이디어를 테스트해보고 클라이언트에게 보여주기에 훌륭한 방법입니다. 이것이 오늘날 각광받는 방식이고, 드리블의 빠른 검색은 애프터 이펙트로 만든 수많은 UI 애니메이션 예제들을 보여주고 있습니다.

튜토리얼 영상

저희 YouTube 채널에 오시면 원하시는 정보를 더 받아볼 수 있습니다.

튜토리얼을 위한 재료들

이번 튜토리얼에 쓰는 파일에 몇 가지 재료들이 들어있습니다. 아래 목록들이요.

그밖에 리소스들

혹시 애프터 이펙트가 처음이시라면, 애프터 이펙트 기초와 함께 속도를 올릴 수 있는 몇 가지 입문 과정의 튜토리얼을 권해드립니다.

여러분의 애프터 이펙트 프로젝트에 도움이 필요하시다면, Envato Studio에 있는 수많은 애프터 이펙트 비디오 모음 서비스를 찾아보시면 좋을거에요. Envato Market에 있는 애프터 이펙트 프로젝트 파일들 또한 눈여겨볼 만할 것입니다.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.