롯데애니메이션이란? 롯데에 대해 알아야 할 모든 것

물론 Android, iOS 등을 위한 복잡한 애니메이션을 만드는 것은 긴 과정입니다. 디자이너나 애니메이터로서 때로는 두뇌를 자극하는 과정이기도 합니다.

각 화면 크기에 대해 큰 이미지 파일을 업로드하거나 수천 줄의 깨지기 쉽고 유지 관리하기 어려운 코드를 작성해야 합니다. 결과적으로 아이디어를 전달하고 매력적인 사용자 경험을 생성하기 위한 강력한 도구임에도 불구하고 대부분의 앱은 비디오 애니메이션을 사용하지 않습니다.

그럴 필요는 없어! 이러한 문제는 사라진 지 오래이며 워크플로를 단순화하는 데 활용할 수 있는 편리한 파일 형식, 플랫폼 등이 많이 있습니다. 그러한 형식 중 하나는 Lottie입니다.

이 블로그에서는 이 흥미롭고 편리한 형식에 대해 알려 드리겠습니다.

롯데가 뭔가요?

Lottie 이전 몇 년 동안 모션 디자이너는 애니메이션을 만든 다음 이를 소프트웨어 개발자에게 보내 실행에 옮겼습니다. 구현 옵션이 부적절하고 범위가 제한적이었습니다.

개발자가 애니메이션을 품질이 낮은 형식으로 내보내거나 코드로 애니메이션 디자인을 처음부터 최선을 다해 재생성하는 것이 일반적인 관행이었습니다. 당연히 이것은 가장 효율적인 기술이 아니었고 종종 애니메이션이 비효율적이고 모션 디자이너가 의도한 출력과 완전히 다르게 보이는 결과를 초래했습니다.

Hernan Torrisi는 2015년 Adobe After Effects에서 만든 애니메이션의 표현을 내보내고 런타임에 애니메이션을 생성한다는 개념을 제시했습니다. After Effects의 스크립팅 기능은 애니메이션 프로젝트를 반복하는 데 사용되었으며 Adobe After Effects용 플러그인인 Bodymovin JSON 형식으로 애니메이션에 대한 설명을 생성하도록 개발되었습니다.

브라우저용 플레이어와 함께 그는 Javascript를 사용하여 구축된 최초의 형식용 렌더러를 제공했습니다.

2017년 도입된 이후 LottieFiles는 애니메이터와 개발자에게 웹에서 애니메이션을 빠르게 테스트, 공유 및 전시할 수 있는 플랫폼을 제공했습니다. Lottie Animation 기반 파일 형식(JSON)을 사용하면 디자이너가 플랫폼 간에 애니메이션을 손쉽게 전송할 수 있습니다.

Lottie는 세계 최고의 실루엣 애니메이션의 선구자로 널리 알려진 독일 영화 감독 Charlotte 'Lotte' Reiniger의 이름을 따서 명명되었습니다. 지원하는 플랫폼에는 제한이 없습니다. iOS, Android 및 웹을 통해 액세스할 수 있습니다.

벡터와 래스터 구성 요소의 조합은 본질적으로 크로스 플랫폼인 고품질 애니메이션을 만들기 위해 Lottie에서 사용됩니다. 특정 애니메이션 요소 및 매개변수를 목표로 하여 런타임 중에 상호작용성을 추가하고 매개변수를 변경할 수 있는 기능을 제공합니다.

이것은 모든 장치에서 사용할 수 있는 작은 파일이며 품질 손실 없이 확장할 수 있습니다. Lottie 파일은 개발자가 프로그래밍에서 재사용할 수 있습니다.

롯데는 무엇을 할 수 있나요?

Lottie를 사용하면 모든 웹 또는 모바일 장치에서 고품질의 애니메이션을 재생할 수 있으며 스마트 설정으로 애니메이션을 더욱 매력적으로 만들 수 있습니다.

한 가지 명심해야 할 점은 Lottie용으로 빌드하는 동안 JSON 파일은 모바일 플랫폼용으로 최대한 작아야 한다는 것입니다. 가능하면 양육 기술을 사용하십시오.

유사한 레이어에 동일한 키프레임을 복제하는 동안 추가 코드가 추가됩니다. 가능하면 경로 키프레임 애니메이션을 사용해야 합니다.

각 키프레임의 각 정점에 대한 데이터를 추가하면 대부분의 공간이 소모됩니다.

자동 추적 또는 흔들기 기술은 모든 프레임에 대한 키프레임을 제공하지만 JSON 파일 크기를 매우 무거워지게 하면 성능에 부정적인 영향을 미칠 수 있습니다. 원활하고 효율적으로 작동하려면 구성과 균형을 이루어야 합니다.

롯데는 어디에서 사용할 수 있나요?

개발자에 따르면 Lottie's는 웹 및 모바일 장치를 포함한 거의 모든 플랫폼에서 액세스할 수 있습니다. 즉, 모바일 애플리케이션과 웹 기반 애플리케이션 모두에 쉽게 통합될 수 있습니다.

일부 메시징 서비스에서는 Lottie 애니메이션을 스티커로 사용할 수도 있습니다. 기술적 한계에 있어서 웹이나 모바일 기기에 국한되지 않습니다. 데스크톱 애플리케이션과 일부 스마트워치에서 이를 활용할 수 있습니다.

Web, iOS, Android, Flutter, React, Vue, Angular, Sketch용 다양한 크로스 플랫폼 플러그인 및 라이브러리를 사용할 수 있습니다. Figma, After Effects 등은 Lottie 애니메이션 파일에서 지원됩니다.

왜 Lottie 애니메이션을 사용합니까?

다른 옵션이 많이 있는데 왜 Lottie 애니메이션을 사용해야 하는지 생각하는 것은 당연합니다.

이유는 다음과 같습니다.

어디에서나 재생할 수 있습니다

Lottie 웹 플레이어는 최신 Javascript를 지원하는 모든 브라우저와 호환됩니다. 즉, Lottie는 Javascript를 지원하는 모든 최신 브라우저에서 재생할 수 있습니다. 또한 최신 소프트웨어 개발 키트는 동적 웹 콘텐츠를 제공하기 때문에 Lottie를 모든 데스크톱 또는 랩톱 프로그램에 통합하는 것이 더 간단합니다.

IOS, Android 및 Tizen 플랫폼에 Lottie 재생을 구현하는 데 사용할 수 있는 라이브러리도 있으므로 대다수의 스마트폰 및 태블릿에서 모바일 애플리케이션에서 Lottie를 사용할 수 있습니다. 대기업은 모바일 프론트엔드를 향상시키기 위해 Lottie 애니메이션을 빠르게 채택하고 있으며, 신생 기업은 경쟁 제품과 차별화하기 위해 제품 디자인에 Lottie를 사용하고 있습니다.

유지보수 용이

Lottie 애니메이션은 일반 텍스트로 저장되므로 사람이 볼 수 있습니다. 결과적으로 응용 프로그램 인터페이스 개발에 Lottie를 사용하면 전체 배포 시간은 물론 디버깅 시간도 단축됩니다. 또한 일반 텍스트 Lottie 파일은 전문 소프트웨어 도구를 사용할 필요가 없으므로 유지 관리 및 미세 조정이 덜 복잡합니다.

Lottie 애니메이션의 텍스트 데이터는 JSON으로 구조화되어 있습니다. 즉, 추가 구문 분석이나 처리 없이 JSON을 허용하는 Javascript 또는 기타 애플리케이션 개발 환경에 동화될 준비가 되어 있습니다. 그 결과, Lottie는 세계에서 가장 널리 사용되는 휴대용 애니메이션 그래픽 형식이 되었습니다.

다이나믹하다

Lottie 데이터의 JSON 구조는 분수 값에서 객체의 큰 부분에 이르기까지 다양한 세분화 수준에서 내용을 쉽게 조작하고 교체할 수 있도록 합니다. 또한 대체 자료는 모든 사이트에서 동적으로 로드될 수 있습니다. 결과적으로 Lottie는 현재 가장 역동적이고 널리 사용되는 애니메이션 그래픽 형식입니다.

확장성

기존 비주얼은 부피가 크기 때문에 많은 기업에서 애플리케이션 사용자 인터페이스에서 이를 드물게 사용합니다. 그래픽이 너무 많으면 특히 데이터를 상황에 맞게 검색하고 정렬할 때 저장 및 검색 비용이 증가할 수 있습니다.

대용량 솔루션에서 Lottie 파일을 사용하면 스토리지 및 컨텍스트 정렬/검색 비용을 최소화할 수 있습니다. Lotties는 동적이기 때문에 앱은 주어진 순간에 업데이트가 필요한 구성 요소만 로드하면 됩니다.

최고의 품질

벡터를 사용하여 기하학적 형태의 치수를 나타낼 뿐만 아니라 한정자를 사용하여 해당 특성과 애니메이션 중에 계속 움직이는 방식을 정의합니다. Lottie 플레이어는 화면의 기본 해상도로 렌더링합니다. 이렇게 하면 Lottie 애니메이션이 항상 최상의 품질로 표시됩니다.

사용자가 Lottie 애니메이션을 확대하면 플레이어가 기본 해상도로 다시 그립니다. 즉, Lottie 애니메이션은 아무리 확대해도 픽셀화되지 않습니다.

요점에서

빠르고 역동적이며 우아한 사용자 인터페이스는 Lotties를 사용하여 얻을 수 있습니다. 고객의 대역폭 소비는 애플리케이션의 호스팅 구성 요소에 대한 스토리지 요구 사항이 낮아짐에 따라 훨씬 감소합니다.

Lottie 애니메이션 영상 제작을 기대하고 계시다면 웹듀가 가장 되고 싶은 곳입니다.

webdew에서는 숙련된 애니메이터와 모션그래픽 디자이너가 해설 동영상, 캐릭터 애니메이션, 2D 애니메이션, 화이트보드 애니메이션을 광범위하게 제작합니다. 자세히 알아보려면 저희에게 연락하십시오.

편집자: 암루타