이미지 포함 Lottie 만들기
Lottie JSON·.lottie·ZIP과 참조하는 이미지를 추가해 대응을 확인하고 하나의 .lottie로 묶습니다. 선택한 애니메이션 1개를 소재와 함께 전달할 수 있습니다. 이미지 크기와 품질은 바꾸지 않으며, 만든 움직임을 확인하고 저장할 수 있습니다.
할 수 있는 것
이미지와 애니메이션을 하나로
Lottie JSON이 참조하는 이미지를 애니메이션과 함께 .lottie에 저장합니다.
소재 대응 확인
참조 이름과 가진 이미지를 대조할 수 있습니다. 이미지가 부족하거나 같은 이름의 후보가 있으면 만들기 전에 대응을 확인합니다.
만든 파일 재생, 저장
생성한 .lottie를 다시 불러와 미리 봅니다. 이미지와 움직임을 확인하고 그 파일을 다운로드할 수 있습니다.
사용 방법
JSON과 이미지 추가
Lottie JSON과 필요한 이미지를 추가합니다. 폴더나 ZIP으로 함께 추가할 수도 있습니다.
이미지 대응 확인
참조 대상에 대응하는 소재를 확인합니다. 부족한 이미지를 추가하고, 후보가 여러 개인 경우 사용할 이미지를 선택합니다.
.lottie 만들기
미리보기에서 이미지와 움직임을 확인하고 '.lottie 파일 만들기'를 누릅니다. 애니메이션이 여러 개면 선택한 하나를 만듭니다.
결과 확인 후 저장
생성한 파일의 미리보기가 표시되면 내용을 확인하고 '다운로드'로 저장합니다.
이럴 때 유용합니다
제작물을 소재째 전달
애니메이션의 JSON과 이미지를 따로 전달하는 대신 하나의 .lottie로 묶습니다.
이미지를 쓰는 움직임 공개
.lottie에 대응한 사이트나 앱에 포함하기 위해 필요한 이미지를 포함한 파일을 준비합니다.
이미지를 포함한 Lottie 전달 방법
참조 이름과 가진 이미지
JSON 안의 이미지 이름, 경로에 대응하는 소재를 확인합니다. 같은 이름의 후보가 여러 개면 사용할 것을 선택해 주세요. 외부 URL에서 이미지를 자동으로 가져오는 기능은 없습니다.
.lottie와 이미지 임베드 JSON의 차이
.lottie는 애니메이션과 소재를 저장하는 패키지 형식입니다. 이미지를 문자열로 만들어 JSON 안에 포함하고 싶다면 'Lottie JSON에 이미지 임베드'를 사용합니다.
사용할 곳의 플레이어
사용할 곳이 .lottie에 대응하는지 확인해 주세요. 이 페이지에서의 표시 확인은 모든 플레이어에서 같은 재생을 보증하는 것은 아닙니다.
이미지 겉모습과 확인용 설정
이미지 크기나 압축 품질은 변경하지 않습니다. 재생 속도, 배경, 반복은 미리보기용이며 저장하는 움직임이나 소재에는 반영하지 않습니다.
자주 묻는 질문
필요한 이미지가 부족한 경우에는 어떻게 되나요?
해당 참조 대상을 표시하고 만들기를 멈춥니다. 가진 이미지를 추가해 주세요. 없는 이미지의 자동 가져오기나 생성은 하지 않습니다.
같은 이름의 이미지가 여러 개 있습니다.
참조 대상마다 사용할 이미지를 선택합니다. 폴더 안의 경로와 미리보기를 확인해 의도한 이미지를 대응시켜 주세요.
이미지만으로 Lottie를 만들 수 있나요?
할 수 없습니다. 움직임이 정의된 Lottie JSON이 필요합니다. 이 도구는 그 애니메이션과 참조 이미지를 묶습니다.
여러 애니메이션을 함께 저장할 수 있나요?
이 페이지에서는 선택한 하나를 저장합니다. '여러 Lottie를 1파일로 묶기'를 사용하면 여러 애니메이션을 개별로 유지한 채 함께 담을 수 있습니다.
테마나 상호작용 상태를 포함한 파일도 만들 수 있나요?
이 기능에서는 다룰 수 없습니다. 기본 움직임을 미리 볼 수 있어도 고급 설정을 유지해 만들 수 있다는 의미는 아닙니다. 기본 Lottie를 내보내 추가해 주세요.
입력과 결과
- 입력
- Lottie JSON, .lottie, ZIP과 참조하는 가진 이미지 등.
- 출력
- 선택한 하나의 애니메이션과 소재를 포함한 .lottie.
- 원본 파일
- 덮어쓰지 않습니다. 입력이나 소재 대응을 변경한 후에는 다시 만듭니다.