After Effects 및 Lottie 과정 소개

많은 사람들이 Adobe After Effects를 모션 그래픽 제작을 위한 최고의 소프트웨어로 간주합니다. Webflow를 활용하면 After Effects 애니메이션을 웹 디자인에 통합할 수 있습니다.

튜토리얼 'Webflow의 After Effects 및 Lottie'에서는 페이지가 로드될 때, 스크롤하는 동안, 스크롤하는 동안 또는 클릭할 때 페이지가 표시될 때 트리거되도록 After Effects 애니메이션을 설정하는 방법을 안내합니다. Cinema 4D 또는 Blender에서 이미지 시퀀스를 렌더링하는 프로세스와 마우스 위치에 따라 이 시퀀스를 관리하는 방법을 보여 드리겠습니다.

이 모든 것은 시각적으로 달성할 수 있으므로 코딩이 필요하지 않습니다.

이 애니메이션은 다음을 사용하여 개발되었습니다. 에어비앤비의 로티 단 4가지 간단한 단계로 생성할 수 있습니다.

1. After Effects에서 애니메이션 구성
2. Bodymovin이라는 플러그인을 사용하여 애니메이션 내보내기
3. 애니메이션을 통합하세요
4. 트리거 설정 및 애니메이션 설정 사용자 정의

Webflow에서 After Effects와 Lottie의 기능을 살펴보고 After Effects와 Webflow의 모든 기능을 활용할 수 있는 방법을 알아보세요.