강의

멘토링

로드맵

[LottieFiles 공식] Lottie Creator : AI로 제작하고 인터랙션까지 구현하는 모션 디자인 (수료증 발급)

글로벌 모션디자인 플랫폼 LottieFiles의 공식 한글화 강의, 지금 인프런에서 단독으로 만나보세요. 이번 강의는 LottieFiles의 핵심 웹기반 Lottie 애니메이션 제작 툴인 Lottie Creator를 다룹니다. Micro 애니메이션부터 UI 컴포넌트, 인터랙티브 상태 머신(State Machine)까지, 복잡한 코딩 없이 실무에서 바로 쓸 수 있는 Lottie 애니메이션 제작 전 과정을 학습합니다. 특히 텍스트 프롬프트로 벡터를 생성하는 Prompt to Vector, AI가 인터랙션 로직을 자동으로 구성하는 Prompt to State Machine 등 AI 기반 워크플로우를 중심으로 구성되어 있습니다. 완성된 결과물은 유연한 크로스 플랫폼 장점과 초경량 사이즈를 자랑하는 dotLottie 파일로 내보낸 후 개발자에게 바로 전달할 수 있습니다. 수강 후에는 LottieFiles 공식 수료증과 인프런 수료증 두가지를 모두 받을 수 있습니다.

(5.0) 수강평 2개

수강생 74명

난이도 입문

수강기한 무제한

Lottie
Lottie
모션디자인
모션디자인
ai디자인툴
ai디자인툴
인터렉션
인터렉션
no-code
no-code
Lottie
Lottie
모션디자인
모션디자인
ai디자인툴
ai디자인툴
인터렉션
인터렉션
no-code
no-code
Thumbnail
배달의민족
원티드랩
버즈빌
카카오게임즈
메가존

메가존

임직원들도 이 강의를 듣고 있어요!

배달의민족
원티드랩
버즈빌
카카오게임즈
메가존

메가존

임직원들도 이 강의를 듣고 있어요!

수강 후 이런걸 얻을 수 있어요

  • Lottie Creator의 AI 기능을 활용해 인터랙티브 애니메이션을 빠르게 제작할 수 있습니다

  • 로고 애니메이션, UI 컴포넌트, 상태 머신(State Machine)까지 실무에서 바로 쓸 수 있는 dotLottie 파일을 완성하고 개발자에게 핸드오프할 수 있습니다

오직 인프런에서만
LottieFiles 공식 한글화 강의을 수강하고
업무에 바로 적용해보세요!

Lottie Creator는 Lottie 애니메이션을 기반으로
UI 모션과 인터랙티브 경험을 브라우저에서 바로 제작할 수 있는 웹 기반 툴입니다.

코드 없이도 클릭·호버·스크롤 등 다양한 인터랙션을 애니메이션에 직접 연결할 수 있고
AI 기능이 내장되어 있어 작업 속도를 획기적으로 단축해줘요.


이런 AI 기능이 있어요!

텍스트 프롬프트 한 줄로 벡터 에셋을 생성하는 Prompt to Vector

모션 타이밍과 이징을 제안하는 Motion Copilot

자연어 명령만으로 인터랙션 로직을 자동 구성하는 Prompt to State Machine

기획부터 핸드오프까지,
디자이너 혼자서도 완성할 수 있는 워크플로우를 이 강의에서 직접 익혀보세요.

CHECK 1

Lottie란 무엇일까요?

Lottie는 JSON 기반의 애니메이션 파일로

Lottie를 활용해 애니메이션을 이미지만큼 쉽게 옮길 수 있어요.

용량이 적고 어느 기기에서나 작동 가능하며

크기를 조정해도 해상도가 낮아지지 않는 것이 Lottie의 강력한 장점이에요.

CHECK 2

왜 Lottie를 사용해야 할까요?

자유로운 크기 조정

해상도의 영향을 받지 않고
확대하거나 축소할 수 있어요.

작은 크기
GIF나 MP4 같은 형식에 비해
품질은 같으면서 훨씬 더 작아요.

상호작용성
Lottie에는 애니메이션 요소가 드러나 있어
상호작용하도록 수정할 수 있고 스크롤링, 클릭,
호버링 같은 상호작용에 반응할 수 있어요.

다양한 플랫폼 지원과 라이브러리
개발자에게 Lottie를 핸드오프하기 정말 쉬워요. Lottie 애니메이션을 iOS, 안드로이드, 웹, React Native에서 수정하지 않고 바로 사용할 수 있어요.

CHECK 3

세계적인 최고의 웹과 앱 서비스가
Lottie를 사용하고 있어요

현업에서 활발히 사용되는 Lottie의 사용 케이스를 확인해보세요.

cashbag - showcase card
Gmarket - showcase card(kr) (1)
Qcells - showcase card (2)
showcase card (1)
showcase card (2)
showcase card_kr
showcase card
KR - riid - showcase card
Spoon - showcase card kr
gbike-kr card

그밖에 다양한 활용 케이스는 이곳에서 확인하실 수 있어요.

CHECK 4

어떻게 수강해야 할까요?

인프런 강의는 다양한 음성 언어와 자막을 지원하고 있어요.

수강 화면 하단에서 톱니마퀴 아이콘(설정)을 누른 뒤,
원하는 음성 언어와 자막을 자유롭게 선택해보세요.

CHECK 5

LottieFiles가 인증하는
수료증을 받아보세요!

강의를 모두 수강하고 마지막 퀴즈까지 제출하면,
LottieFiles 수료증인프런 수료증을 모두 받을 수 있어요!
받은 수료증은 링크드인이나 포트폴리오에 자유롭게 활용해보세요.

인프런 수료증은
마이페이지 > 내 학습 > 수료증 메뉴에서 바로 확인하실 수 있습니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 코드 없이 인터랙티브 모션을 제작하고 싶은 UI/UX 디자이너, 모션 그래픽 디자이너

  • AI 툴을 활용한 디자인 워크플로우를 익히고 싶은 프로덕트 디자이너

  • 개발자와의 협업(핸드오프)을 더 효율적으로 하고 싶은 디자이너

선수 지식,
필요할까요?

  • 기초적인 애니메이션/모션 개념 (이징, 키프레임 등)

  • Figma 또는 유사 벡터 디자인 툴 사용 경험

안녕하세요
LottieFiles입니다.

2,304

수강생

84

수강평

4.9

강의 평점

5

강의

로티파일즈(LottieFiles)는 전 세계 디자이너와 개발자들이 손쉽게 애니메이션을 만들고, 관리하고,적용할 수 있도록 도와주는 플랫폼이에요. Lottie 포맷 기반의 애니메이션을 웹, 앱, 프리젠테이션 등 다양한 환경에 빠르게 적용할 수 있으며,효율적인 팀 협업과 모션 디자인 워크플로우 향상을 위한 다양한 도구를 제공합니다.

수강평

전체

2개

5.0

2개의 수강평

  • 강은미님의 프로필 이미지
    강은미

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

    유익합니다

    • NSG님의 프로필 이미지
      NSG

      수강평 1

      평균 평점 5.0

      5

      100% 수강 후 작성

      무료

      LottieFiles님의 다른 강의

      지식공유자님의 다른 강의를 만나보세요!