개발노트

Lottie File 커스텀 하기 본문

미분류 노트

Lottie File 커스텀 하기

mroh1226 2022. 11. 16. 15:51
반응형

Lottie 파일을 수정하고 싶을 때가있다.

 

Lottie를 다운받기  전 수정하는 방법을 설명한다.

 

- Lottie 링크: 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


마음에 드는 Lottie 파일을 찾기 위해 아래와 같이 이동한다.

 

1)  Free Ready-to-use Animation 클릭

Free Ready-to-use Animation 클릭

 

2)  키워드를 검색하고 마음에 드는 Lottie 파일을 클릭한다.

cat 검색 후 이미지 클릭

3) 클릭 후 Color Palette라는 곳에서 원하는 색상을 클릭한다.

Color Palette 클릭

 

4)  Save to My Private Animations 를 클릭한다.

 

Save to My Private Animations  클릭

5) First Project를 클릭하여 프로젝트저장 경로를 설정, 생성한다.

First Project 클릭

 

6) Save를 눌러 프로젝트 페이지로 이동한다.

 

Save 클릭

 

7) 오른쪽 아이콘 중 원하는 수정 목록을 클릭하면 수정 값을 넣을 수 있는 창이 오픈된다.

우측 수정 아이콘 클릭
값 수정 후, Save animation 클릭

 

8) Export 후, 사용한다.

Export아이콘 클릭 후, 다운로드

반응형
Comments