모션 디자인, 애니메이션을 무료 다운로드 받을 수 있는 플랫폼 사이트, LottieFiles
▣ 목록 (LIST) ▣ |
1. LottieFiles 이해하기
2. LottieFiles의 주요 기능
3. LottieFiles 저작권 정보
4. LottieFiles 바로가기 링크 정보 및 무료 애니메이션 다운로드하는 방법
1. LottieFiles 이해하기
(1) Lottie 모션 디자인, 애니메이션을 만들고 사용할 수 있는 플랫폼 사이트
(2) Lottie는 오픈소스 애니메이션 파일 형식으로, 웹과 앱에서 적용할 수 있음
(3) Lottie 애니메이션을 생성, 편집, 테스트, 협업하고 배포하는데 필요한 모든 도구와 플러그인을 제공하고 있음
(4) 다양한 디자인과 개발 도구와도 잘 통합 됨
ex) 애프터 이펙트, 피그마, 스케치, XD 등의 도구에서 Lottie 애니메이션을 만들고 내보낼 수 있음
ex) 구글 워크스페이스, 오피스, 프레이머, 프로토파이 등의 도구에서 Lottie 애니메이션을 사용하고 임베드할 수 있음
2. LottieFiles의 주요 기능
(1) 무료 애니메이션
- 전 세계의 모션 디자이너들이 만든 수천 개의 무료 Lottie 애니메이션을 검색, 다운로드가능
- 직접 만든 애니메이션을 공유하고 커뮤니티와 소통할 수 있음
(2) Lottie 에디터
- 웹 기반의 에디터를 통해 Lottie 애니메이션을 수정, 커스터마이징 할수 있음
- 색상, 텍스트, 속도 등을 변경하거나 트리거와 마커를 추가할 수 있음
(3) Lottie 플레이어
- Lottie 애니메이션을 웹사이트에 삽입, 재생할 수 있는 플레이어
- 코드 작성 없이 몇 번의 클릭으로 워드프레스, 샵리파이, 웹플로우 등의 플랫폼에 적용 가능함.
(4) Lottie 테스터
- 모바일 앱을 통해 Lottie 애니메이션을 실시간으로 스마트폰에서 확인하고 테스트할 수 있음
- QR 코드를 스캔하거나 파일을 업로드하여 다양한 기기와 화면 크기에서 어떻게 보이는지 확인할 수 있음
(5) Lottie 최적화
- Lottie 파일의 크기를 최대 80%까지 줄여주는 기능
- 당연하지만, 파일 크기가 작아지면 로딩 속도가 빨라지고 성능이 향상됨
(6) Lottie 변환
- GIF나 MP4 형식으로 Lottie 애니메이션을 저장
- SVG나 JSON 형식으로 변환할 수 있음
- GIF, MP4 ↔ SVG, JSON
3. LottieFiles 저작권 정보
(1) LottieFiles에서 제공하는 모든 애니메이션은 무료로 사용할 수 있음
(2) LottieFiles에서 제공하는 애니메이션을 수정하거나 재배포할 수 있음
(3) LottieFiles에서 제공하는 애니메이션을 상업적으로 이용할 수 있음
4. LottieFiles 바로가기 링크 정보 및 무료 애니메이션 다운로드하는 방법
(1) LottieFiles 바로가기 https://lottiefiles.com/
(2) 구글 계정으로 로그인하기
(3) 상단의 돋보기 모양에서 검색을 원하는 단어 입력하기
(4) 원하는 애니메이션 클릭하기
(5) 새 창이 뜨면 상단에 'Download' 클릭하기
(6) 리스트에서 동영상에 사용할 것이므로 'MP4' or 'Gif' 클릭하기
(7) 이제 자동으로 브라우저에 다운로드 되어지고 파일을 사용하면 됨
이상으로
LottieFiles 사이트 사용법에 대해 알아보았습니다.
댓글