[LottieFiles 공식] After Effects로 만드는 Lottie 애니메이션 (수료증 발급)
LottieFiles
글로벌 모션디자인 플랫폼 LottieFiles의 공식 첫 한글화 강의, 지금 인프런에서 단독으로 만나보세요! 강의를 다 수강하면 LottieFiles 공식 수료증을 받아보실 수 있어요.
입문
After Effects, Lottie, 3d
글로벌 모션디자인 플랫폼 LottieFiles의 공식 첫 한글화 강의, 지금 인프런에서 단독으로 만나보세요! 강의를 다 수강하면 LottieFiles 공식 수료증을 받아보실 수 있어요.
수강생 197명
난이도 입문
수강기한 무제한





메가존
임직원들도 이 강의를 듣고 있어요!





메가존
임직원들도 이 강의를 듣고 있어요!
Framer 안에서 직접 Lottie 애니메이션을 불러오고 제어하는 방법
클릭, 스크롤, 커서 이동 등 다양한 인터랙션 구현법
복잡한 코드 없이 감각적인 웹 인터랙션을 구현하는 실전 노하우
Framer로 감각적인 웹사이트를 만들고 계신가요?
이제 LottieFiles와 함께라면 더 가볍고 매끄러운 애니메이션을 손쉽게 추가할 수 있어요!
복잡한 설정 없이도 Framer 안에서 바로 Lottie 애니메이션을 불러오고,
인터랙션에 따라 자연스럽게 움직이게 만드는 방법까지 배워보세요.
지금 바로 시작해서, 여러분의 웹 프로젝트에 한층 더 생동감을 더해보세요!
Lottie는 JSON 기반의 애니메이션 파일로
Lottie를 활용해 애니메이션을 이미지만큼 쉽게 옮길 수 있어요.
용량이 적고 어느 기기에서나 작동 가능하며
크기를 조정해도 해상도가 낮아지지 않는 것이 Lottie의 강력한 장점이에요.
자유로운 크기 조정
해상도의 영향을 받지 않고
확대하거나 축소할 수 있어요.
작은 크기
GIF나 MP4 같은 형식에 비해
품질은 같으면서 훨씬 더 작아요.
상호작용성
Lottie에는 애니메이션 요소가 드러나 있어
상호작용하도록 수정할 수 있고 스크롤링, 클릭,
호버링 같은 상호작용에 반응할 수 있어요.
다양한 플랫폼 지원과 라이브러리
개발자에게 Lottie를 핸드오프하기 정말 쉬워요. Lottie 애니메이션을 iOS, 안드로이드, 웹, React Native에서 수정하지 않고 바로 사용할 수 있어요.
그밖에 다양한 활용 케이스는 이곳에서 확인하실 수 있어요.
인프런 강의는 다양한 음성 언어와 자막을 지원하고 있어요.
수강 화면 하단에서 톱니마퀴 아이콘(설정)을 누른 뒤,
원하는 음성 언어와 자막을 자유롭게 선택해보세요.
강의를 모두 수강하고 마지막 퀴즈까지 제출하면,
LottieFiles 수료증과 인프런 수료증을 모두 받을 수 있어요!
받은 수료증은 링크드인이나 포트폴리오에 자유롭게 활용해보세요.
인프런 수료증은마이페이지 > 내 학습 > 수료증 메뉴에서 바로 확인하실 수 있습니다.
학습 대상은
누구일까요?
Framer로 웹사이트를 제작하고 있는 디자이너/기획자
웹사이트에 세련된 모션을 더하고 싶은 웹디자이너 및 마케터
노코드로 고급 인터랙션을 구현하고 싶은 프론트엔드 입문자
선수 지식,
필요할까요?
기본적인 Framer 사용 경험 (프레임 생성, 섹션 구성 등)
Figma 기본 기능에 대한 이해
초급자도 영상 흐름을 따라가며 충분히 실습 가능하도록 구성되어 있습니다.
2,379
명
수강생
87
개
수강평
4.9
점
강의 평점
5
개
강의
로티파일즈(LottieFiles)는 전 세계 디자이너와 개발자들이 손쉽게 애니메이션을 만들고, 관리하고,적용할 수 있도록 도와주는 플랫폼이에요. Lottie 포맷 기반의 애니메이션을 웹, 앱, 프리젠테이션 등 다양한 환경에 빠르게 적용할 수 있으며,효율적인 팀 협업과 모션 디자인 워크플로우 향상을 위한 다양한 도구를 제공합니다.
전체
9개 ∙ (31분)
전체
5개
4.4
5개의 수강평
수강평 1,058
∙
평균 평점 4.9
수강평 146
∙
평균 평점 5.0
수강평 4
∙
평균 평점 4.8
수강평 1
∙
평균 평점 4.0
수강평 3
∙
평균 평점 3.7
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!
무료