Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
NEW
Design

/

UI/UX

[LottieFiles chính thức] Tạo Lottie Animation với After Effects (Cấp chứng chỉ hoàn thành)

Khóa học tiếng Hàn chính thức đầu tiên của nền tảng thiết kế chuyển động toàn cầu LottieFiles, hãy gặp gỡ độc quyền trên Inflearn ngay bây giờ! Khi hoàn thành toàn bộ khóa học, bạn có thể nhận được chứng chỉ hoàn thành chính thức từ LottieFiles.

(5.0) 4 đánh giá

300 học viên

애프터이펙트
Lottie
그래픽디자인
모션그래픽
After Effects
3d
Thumbnail

Dịch cái này sang tiếng Việt

  • Cài đặt & thiết lập plugin LottieFiles

  • After Effects ↔ Lottie(JSON·dotLottie) Quy trình Import·Export

  • Tự động hóa animation bằng Expressions scripting & kiểm tra tương thích

  • Tối ưu hóa dung lượng file bằng Lottie Optimizer

  • Kết xuất hàng loạt (Bulk Render) & Tạo hiệu ứng chiều sâu 2.5D (Parallax·Extrusion)

Chỉ có tại Inflearn!
Học khóa học LottieFiles chính thức được Hàn ngữ hóa và
áp dụng ngay vào công việc của bạn!

Hướng dẫn thực tế tạo animation chuyển động dễ dàng và nhẹ nhàng với After Effects và LottieFiles

Bạn có muốn tạo ra những animation chuyển động thực tế có thể áp dụng ngay vào web và app không?
Trong khóa học này, chúng tôi sẽ hướng dẫn bạn cách
tạo animation dễ dàng và nhẹ nhàng bằng cách sử dụng After Effects và LottieFiles.

Chúng tôi sẽ hướng dẫn bạn trong bài giảng này!

Từ nguyên lý chuyển động cơ bản đến sản xuất hoạt hình nhân vật

Phương pháp tạo hiệu ứng Faux 3D (hiệu ứng chiều sâu giả)

Hợp tác và bàn giao bằng cách sử dụng workspace

tại
Chỉ cần 40 phút để học những điều cốt lõi nhất.

KIỂM TRA 1

Lottie là gì?

Lottie là tệp hoạt hình dựa trên JSON

Sử dụng Lottie, bạn có thể chuyển đổi animation dễ dàng như chuyển đổi hình ảnh.

Dung lượng nhỏ và có thể hoạt động trên bất kỳ thiết bị nào

Việc không bị giảm độ phân giải khi thay đổi kích thước là ưu điểm mạnh mẽ của Lottie.

KIỂM TRA 2

Tại sao nên sử dụng Lottie?

Điều chỉnh kích thước tự do

Không bị ảnh hưởng bởi độ phân giải
và có thể phóng to hoặc thu nhỏ.

Kích thước nhỏ
So với các định dạng như GIF hay MP4
chất lượng giống nhau nhưng nhỏ hơn rất nhiều.

Tính tương tác
Lottie có các yếu tố hoạt hình được hiển thị
có thể chỉnh sửa để tương tác và phản ứng
với các tương tác như cuộn, nhấp chuột, di chuột.

Hỗ trợ đa nền tảng và thư viện
Việc bàn giao Lottie cho nhà phát triển thực sự rất dễ dàng. Bạn có thể sử dụng hoạt ảnh Lottie trực tiếp trên iOS, Android, web, React Native mà không cần chỉnh sửa gì.

CHECK 3

Các dịch vụ web và ứng dụng hàng đầu thế giới đang
sử dụng Lottie

Hãy xem các trường hợp sử dụng của Lottie đang được sử dụng tích cực trong thực tế.

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
showcase card_toss
gbike-kr card
Spoon - showcase card kr

Các trường hợp sử dụng đa dạng khác có thể được xem tại đây.

KIỂM TRA 4

Làm thế nào để học khóa học?

[MD]언어설정_gif_800_5-9s

Các khóa học Inflearn hỗ trợ nhiều ngôn ngữ âm thanh và phụ đề khác nhau.

Ở phía dưới màn hình học, nhấn vào biểu tượng bánh răng (cài đặt), sau đó
tự do lựa chọn ngôn ngữ âm thanh và phụ đề mong muốn.

CHECK 5

LottieFiles chứng nhận
Nhận chứng chỉ hoàn thành!

Khi hoàn thành tất cả các bài giảng và nộp bài quiz cuối cùng,
bạn sẽ nhận được cả chứng chỉ LottieFiles và chứng chỉ Inflearn!
Hãy tự do sử dụng chứng chỉ đã nhận trên LinkedIn hoặc portfolio của bạn.

Chứng chỉ Inflearn có thể được xem ngay tại
Trang cá nhân > Học tập của tôi > Chứng chỉ.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Nhà thiết kế UI/UX·Nhà thiết kế sản phẩm muốn tăng cường trải nghiệm thương hiệu

  • Nhà thiết kế chuyển động·Animator muốn tối đa hóa năng suất

  • Nhà phát triển frontend muốn nâng cao hiệu quả cộng tác

  • Nhà thiết kế muốn học quy trình làm việc với hoạt hình JSON

Cần biết trước khi bắt đầu?

  • Tôi cần kiến thức cơ bản về After Effects.

Xin chào
Đây là

1,136

Học viên

36

Đánh giá

4.9

Xếp hạng

2

Các khóa học

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

Đồng giảng viên

Chương trình giảng dạy

Tất cả

8 bài giảng ∙ (40phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

4 đánh giá

5.0

4 đánh giá

  • LottieFiles님의 프로필 이미지
    LottieFiles

    Đánh giá 1

    ∙

    Đánh giá trung bình 5.0

    5

    38% đã tham gia

    • 전윤서님의 프로필 이미지
      전윤서

      Đánh giá 9

      ∙

      Đánh giá trung bình 5.0

      5

      38% đã tham gia

      무료로 좋은 강의 감사합니다.

      • dmax님의 프로필 이미지
        dmax

        Đánh giá 103

        ∙

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        고맙습니다^^

        • 문남경님의 프로필 이미지
          문남경

          Đánh giá 1

          ∙

          Đánh giá trung bình 5.0

          5

          38% đã tham gia

          Miễn phí

          Khóa học khác của lottiefiles

          Hãy khám phá các khóa học khác của giảng viên!

          [LottieFiles 공식] Figma to Lottie: Figma에서 만드는 모션 애니메이션 (수료증 발급)강의 썸네일

          [LottieFiles 공식] Figma to Lottie: Figma에서 만드는 모션 애니메이션 (수료증 발급)

          LottieFiles

          글로벌 모션디자인 플랫폼 LottieFiles의 공식 첫 한글화 강의, 지금 인프런에서 단독으로 만나보세요! 강의를 다 수강하면 LottieFiles 공식 수료증을 받아보실 수 있어요.

          입문

          입문

          모션그래픽, 애니메이션, Figma

          [LottieFiles 공식] Figma to Lottie: Figma에서 만드는 모션 애니메이션 (수료증 발급)강의 썸네일

          [LottieFiles 공식] Figma to Lottie: Figma에서 만드는 모션 애니메이션 (수료증 발급)

          LottieFiles

          Khóa học tương tự

          Khám phá các khóa học khác trong cùng lĩnh vực!

          디자이너의 스킬업을 위한 Lottie 완벽 이해하기강의 썸네일

          디자이너의 스킬업을 위한 Lottie 완벽 이해하기

          디자인베이스

          더 이상 Gif, Video에 의존하지 않아도 됩니다. 에프터이펙트에서 제작한 애니메이션을 코드로 출력해서 자바스크립트를 통해 다양한 인터렉션을 구현하는 방법을 배워볼게요. 여러분도 매력적인 웹사이트를 만들 수 있습니다.

          초급

          초급

          Lottie, 웹 디자인, JavaScript

          디자이너의 스킬업을 위한 Lottie 완벽 이해하기강의 썸네일

          디자이너의 스킬업을 위한 Lottie 완벽 이해하기

          디자인베이스

          블렌더 입문 : UX/UI 디자이너를 위한 3D 아이콘으로 배우는 블렌더!강의 썸네일

          블렌더 입문 : UX/UI 디자이너를 위한 3D 아이콘으로 배우는 블렌더!

          BBoDX

          블렌더 입문 과정입니다. 3D 아이콘을 만들며 배우는 입문자용 3D 블렌더 강의입니다!

          입문

          입문

          Blender, 3d-modelling, 3d

          블렌더 입문 : UX/UI 디자이너를 위한 3D 아이콘으로 배우는 블렌더!강의 썸네일

          블렌더 입문 : UX/UI 디자이너를 위한 3D 아이콘으로 배우는 블렌더!

          BBoDX

          (English) Build a First-person View 3D Website with Three.js강의 썸네일

          (English) Build a First-person View 3D Website with Three.js

          1분코딩

          In this lesson, you'll create a first-person 3D website that works on both desktop and mobile.

          초급

          초급

          Three.js, 인터랙티브 웹, 3d

          (English) Build a First-person View 3D Website with Three.js강의 썸네일

          (English) Build a First-person View 3D Website with Three.js

          1분코딩

          3D 모델링 입문을 위한 라이노(Rhino) '꿀팁' Part.2강의 썸네일

          3D 모델링 입문을 위한 라이노(Rhino) '꿀팁' Part.2

          SOO

          이제부터 '진짜' 제품 모델링 시작! 디테일한 제품 모델링 + 서피스 모델링 기법이면 초급자 완벽 탈출! 👌ㅤㅤㅤㅤ답답한 온라인 강의는 NO! 알찬 수업자료, 피드백으로 실력향상 OK! 👍🙆‍♂

          초급

          초급

          Rhino, 3d-modelling, 3d

          3D 모델링 입문을 위한 라이노(Rhino) '꿀팁' Part.2강의 썸네일

          3D 모델링 입문을 위한 라이노(Rhino) '꿀팁' Part.2

          SOO

          블렌더 기초 : 3D그래픽 여행 아이콘을 만들며 배우는 블렌더 애니메이션 기초 과정강의 썸네일

          블렌더 기초 : 3D그래픽 여행 아이콘을 만들며 배우는 블렌더 애니메이션 기초 과정

          BBoDX

          3D그래픽 여행 관련 아이콘을 만들며 배우는 블렌더 모델링 & 애니메이션 기초 강의 입니다!

          초급

          초급

          3d, 3d-modelling, 3d-rendering

          블렌더 기초 : 3D그래픽 여행 아이콘을 만들며 배우는 블렌더 애니메이션 기초 과정강의 썸네일

          블렌더 기초 : 3D그래픽 여행 아이콘을 만들며 배우는 블렌더 애니메이션 기초 과정

          BBoDX

          Three.js로 1인칭 3D 웹사이트 만들기강의 썸네일

          Three.js로 1인칭 3D 웹사이트 만들기

          1분코딩

          데스크탑과 모바일에서 모두 동작하는 1인칭 3D 웹사이트를 만들어 보는 강의입니다.

          초급

          초급

          인터랙티브 웹, Three.js, 3d

          Three.js로 1인칭 3D 웹사이트 만들기강의 썸네일

          Three.js로 1인칭 3D 웹사이트 만들기

          1분코딩

          3D 모델링 입문을 위한 라이노(Rhino) '꿀팁' Part.1강의 썸네일

          3D 모델링 입문을 위한 라이노(Rhino) '꿀팁' Part.1

          SOO

          입문하기 어려운 3D 모델링..? 막혀서 진행이 안되는 모델링..? 첫 입문을 위한 '꿀팁' 라이노면 실력향상 OK! 답답하고 피드백 없는 수업..? 👉 온라인 강의에 피드백을 더하다! (고민하지 말고 질문하세요!)👍🙆‍♀

          입문

          입문

          Rhino, 3d-modelling, 3d

          3D 모델링 입문을 위한 라이노(Rhino) '꿀팁' Part.1강의 썸네일

          3D 모델링 입문을 위한 라이노(Rhino) '꿀팁' Part.1

          SOO