LottieFiles

LottieFiles 도구

LottieFiles 도구에 관한 기사를 살펴보세요. 튜토리얼, 팁, 가이드, 영감, 최신 업데이트를 다루고 있습니다.

8개 기사

정렬
PNG, SVG, Lottie 중 무엇을 쓸까?

PNG, SVG, Lottie 중 무엇을 쓸까?

2022년 9월 13일•17분 소요

사람들을 연결하는 공간인 인터넷을 더 역동적으로 만드는 건 이미지일 거예요. 온라인 커뮤니티나 채팅창에서 긴 문장보다 감정을 대변해주는 이미지 또는 움짤(움직이는 이미지) 하나가 소통을 더 효율적으로 만들어주기도 하고요. 웹사이트에 적절히 삽입된 그래픽 하나가 전체적인 무드를 살려주기도 해요. 이런 이미지들은 보통 PNG, SVG 등과 같은 파일 형식으로 만들어지는데요. 개발자, 애니메이터, 디자이너 분들이 많이 제작하지만 요즘에는 전문가가 아닌 분들도 쉽게 만들 수 있는 환경이 되었어요. 그래서 용어가 이미 익숙한 분도 아마 많을 거예요. 이렇게 이용자가 늘다 보니 PNG, SVG 외에도 다양한 사용 사례를 만들 수 있는 이미지 형식들이 생겼어요. Lottie [https://lottiefiles.com/] 는 그중에서도 특히 많은 주목을 받고 있어요. 그래서 이번 글에서는 PNG, SVG, 그리고 Lottie를 비교해 봅니다. 총 6개의 비교 기준을 두고, 각 포맷의

HTML을 사용해 웹사이트에 Lottie 애니메이션을 추가하려면

HTML을 사용해 웹사이트에 Lottie 애니메이션을 추가하려면

2022년 9월 13일•10분 소요

웹페이지를 멋지게 꾸미고 싶으세요? Lottie를 사용하면 웹사이트에 멋진 애니메이션을 쉽게 추가할 수 있습니다. Lottie 애니메이션 [https://lottiefiles.com/what-is-lottie]은 아주 작은 파일 형식이기 때문에 웹사이트를 느리게 만들지 않고 생동감을 불어넣어요. 게다가, 확대하고 축소해도 화질이 떨어지지 않죠. 그럼 Lottie 애니메이션을 어디에서 받을 수 있을까요? 아마 애니메이터가 이미 맞춤 애니메이션을 만들었거나, LottieFiles 플러그인 [https://lottiefiles.com/plugins/after-effects]을 사용해 Adobe After Effects에서 애니메이션을 내보냈을 겁니다. 아니면 LottieFiles [https://lottiefiles.com/featured]에서 수 천개의 무료 애니메이션을 찾을 수도 있어요. Lottie Editor나 색상 팔레트 기능 [https://lottiefiles.com/fe

Adobe After Effects 없이 어떤 로고에나 애니메이션 효과를 주는 방법

Adobe After Effects 없이 어떤 로고에나 애니메이션 효과를 주는 방법

2022년 9월 13일•6분 소요

어떤 로고에나 애니메이션 효과를 줄 수 있는 능력을 가졌다면 어떨까요? 모션 디자이너와 복잡한 소프트웨어 없이 그저 화장실에 다녀올 짧은 시간 안에 회사 로고에 애니메이션 효과를 줄 수 있다고 상상해 보세요. 네, 바로 LottieFlies와 함께라면 가능하죠. 단지 SVG to Lottie 툴을 사용해 Adobe After Effects [https://lottiefiles.com/plugins/after-effects]없이 어떤 로고에든 애니메이션 효과를 줄 방법이 여기에 있습니다. 영상 보기: Adobe After Effects 없이 로고에 애니메이션 효과 주기 아래 비디오 튜토리얼을 시청하거나 아래로 스크롤하여 기록된 안내 사항을 확인해 보세요. 튜토리얼을 따라 연습할 수 있는 연습 파일 [https://www.figma.com/community/file/1083403045231684111/Animate-your-Logo]은 여기에서 다운로드하실 수 있습니다. 1.

Lottie 애니메이션을 편집하는 방법이 궁금하다면?

Lottie 애니메이션을 편집하는 방법이 궁금하다면?

2022년 9월 13일•8분 소요

여러분, 한번 상상해 보시겠어요? 프로젝트 작업을 위한 완벽한 Lottie 애니메이션 열심히 찾다가  웹사이트, 앱 또는 마케팅 자료에 딱 맞는 애니메이션을 겨우 찾아낸 상황! 그런데 기쁨도 잠시…색상이 틀리거나 텍스트가 잘못되었거나, 재생 속도가 너무 빠르거나 크기가 너무 작은 파일이라면? 상상만해도 답답하죠. 이제 걱정하지 마세요. Lottie Editor를 사용하면 디자이너가 아니더라도 어떤 Lottie 애니메이션이든 쉽게 편집할 수 있습니다. Lottie Editor로 차원, 레이어, 재생 속도, 프레임 속도, 색상 등 다양하고 섬세한 조절이 가능하거든요. 동영상 보기: Lottie Editor를 사용한 애니메이션 편집 방법 자세한 내용은 아래의 튜토리얼 영상을 참조하거나 문서 버전을 통해 내용을 확인하실 수 있습니다. 튜토리얼을 따라 진행하려면 튜토리얼의 디자인 자산을 클릭하세요. 그럼 시작해 볼까요? 1. Lottie 애니메이션을 준비하세요 준비된 Lottie 애니메