애프터 이펙트로 웹 애니메이션 프로토타입 만드는 방법
Advertisement
Advertisement
Advertisement
Advertisement
Advertisement
Read Time:
1 min
() translation by (you can also view the original English article)

이 튜토리얼 영상에서는 앱 UI 애니메이션 프로토타입을 만들 것입니다. 포토샵 레이어를 가져와 사용할 것이고, 애프터 이펙트를 이용해 여기에 숨을 불어넣을 것입니다.
애프터 이팩트로 인터페이스를 프로토타이핑하는 것은 복잡한 애니메이션이나 여러분의 아이디어를 테스트해보고 클라이언트에게 보여주기에 훌륭한 방법입니다. 이것이 오늘날 각광받는 방식이고, 드리블의 빠른 검색은 애프터 이펙트로 만든 수많은 UI 애니메이션 예제들을 보여주고 있습니다.
튜토리얼 영상
저희 YouTube 채널에 오시면 원하시는 정보를 더 받아볼 수 있습니다.
튜토리얼을 위한 재료들
이번 튜토리얼에 쓰는 파일에 몇 가지 재료들이 들어있습니다. 아래 목록들이요.
- unsplash.com에서 가져온 이미지
- 제가 스마트폰 목업을 만들 때 사용하던 아이폰 5모델
- GitHub에 있는 소스 파일들
그밖에 리소스들
혹시 애프터 이펙트가 처음이시라면, 애프터 이펙트 기초와 함께 속도를 올릴 수 있는 몇 가지 입문 과정의 튜토리얼을 권해드립니다.
- Welcome to After Effects - Dave Scotland의 초보자 시리즈 10편
여러분의 애프터 이펙트 프로젝트에 도움이 필요하시다면, Envato Studio에 있는 수많은 애프터 이펙트 비디오 모음 서비스를 찾아보시면 좋을거에요. Envato Market에 있는 애프터 이펙트 프로젝트 파일들 또한 눈여겨볼 만할 것입니다.
Advertisement
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.
Sign upCharles Yeager is a Motion Graphics Artist and Filmmaker currently residing in Arkansas. Locally he works with many advertising and production companies in the South and Midwest. He also regularly creates tutorial content for Envato Tuts+, Mettle, Adobe, and PremiumBeat. See his portfolio at yeagerfilm.com.
Advertisement
Advertisement
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.