본문 바로가기
소소한 일상 정리/인터넷 & 즐겨찾기

모션 디자인, 애니메이션을 무료 다운로드 받을 수 있는 플랫폼 사이트, LottieFiles

by 코코쥬안 cocojuan 2023. 4. 10.

모션 디자인, 애니메이션을 무료 다운로드 받을 수 있는 플랫폼 사이트, 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/

 

LottieFiles: Download Free lightweight animations for website & apps.

Effortlessly bring the smallest, free, ready-to-use motion graphics for the web, app, social, and designs. Create, edit, test, collaborate, and ship Lottie animations in no time!

lottiefiles.com

 

  (2) 구글 계정으로 로그인하기

  (3) 상단의 돋보기 모양에서 검색을 원하는 단어 입력하기

  (4) 원하는 애니메이션 클릭하기

 

  (5) 새 창이 뜨면 상단에 'Download' 클릭하기

  (6) 리스트에서 동영상에 사용할 것이므로 'MP4' or 'Gif' 클릭하기

 

  (7) 이제 자동으로 브라우저에 다운로드 되어지고 파일을 사용하면 됨

 

 

이상으로

LottieFiles 사이트 사용법에 대해 알아보았습니다.

 

 

댓글