inflearn logo
강의

Khóa học

Chia sẻ kiến thức
inflearn logo
Applied AI

/

AI for Work

[LottieFiles Chính thức] Lottie Creator: Thiết kế chuyển động bằng AI và triển khai tương tác (Cấp chứng chỉ hoàn thành)

Khóa học tiếng Hàn chính thức của LottieFiles - nền tảng thiết kế chuyển động toàn cầu, hiện đã có mặt độc quyền tại Inflearn. Khóa học này sẽ hướng dẫn về Lottie Creator, công cụ sản xuất hoạt ảnh Lottie dựa trên web cốt lõi của LottieFiles. Bạn sẽ được học toàn bộ quy trình tạo hoạt ảnh Lottie có thể áp dụng ngay vào thực tế mà không cần lập trình phức tạp, từ Micro animation đến các thành phần UI và máy trạng thái tương tác (State Machine). Đặc biệt, nội dung khóa học tập trung vào quy trình làm việc dựa trên AI như "Prompt to Vector" giúp tạo vector từ văn bản, và "Prompt to State Machine" nơi AI tự động cấu hình logic tương tác. Kết quả hoàn thiện có thể được xuất dưới dạng tệp dotLottie với ưu điểm linh hoạt trên mọi nền tảng và kích thước siêu nhẹ để gửi trực tiếp cho nhà phát triển. Sau khi hoàn thành khóa học, bạn sẽ nhận được cả hai loại chứng chỉ: chứng chỉ chính thức từ LottieFiles và chứng chỉ từ Inflearn.

(5.0) 2 đánh giá

80 học viên

Độ khó Nhập môn

Thời gian Không giới hạn

Interactive Web
Interactive Web
handoff
handoff
Interactive Web
Interactive Web
handoff
handoff
Thumbnail

Bạn sẽ nhận được điều này sau khi học.

  • Bạn có thể nhanh chóng tạo các hoạt hình tương tác bằng cách sử dụng tính năng AI của Lottie Creator.

  • Bạn có thể hoàn thiện các tệp dotLottie từ hoạt ảnh logo, thành phần UI cho đến State Machine để sử dụng ngay trong thực tế và bàn giao (hand-off) cho nhà phát triển.

Chỉ có tại Inflearn
hãy tham gia khóa học tiếng Hàn chính thức của LottieFiles
và áp dụng ngay vào công việc của bạn!

Lottie Creator là công cụ dựa trên hoạt ảnh Lottie để
tạo các chuyển động UI và trải nghiệm tương tác ngay trên trình duyệt web.

Bạn có thể trực tiếp kết nối các tương tác đa dạng như click, hover, scroll vào hoạt ảnh mà không cần code,
đồng thời tích hợp các tính năng AI giúp rút ngắn đáng kể tốc độ làm việc.


Có những tính năng AI như thế này!

Tạo tài sản vector chỉ với một dòng lệnh văn bản Prompt to Vector

Motion Copilot đề xuất thời gian chuyển động và hiệu ứng easing

Tự động cấu hình logic tương tác chỉ bằng lệnh ngôn ngữ tự nhiên Prompt to State Machine

Từ khâu lập kế hoạch đến bàn giao,
hãy trực tiếp trải nghiệm quy trình làm việc mà một nhà thiết kế có thể tự mình hoàn thành trong khóa học này.

KIỂM TRA 1

Lottie là gì?

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

Bằng cách sử dụng Lottie, bạn có thể chuyển các chuyển động hoạt họa dễ dàng như chuyển hình ảnh vậy.

Dung lượng nhẹ và có thể hoạt động trên mọi thiết bị và

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

KIỂM TRA 2

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

Tự do điều chỉnh kích thước

Bạn có thể phóng to hoặc thu nhỏ
mà không bị ảnh hưởng đến độ phân giải.

Kích thước nhỏ
So với các định dạng như GIF hay MP4,
kích thước nhỏ hơn nhiều trong khi chất lượng vẫn tương đương.

Tính tương tác
Lottie có các thành phần hoạt ảnh được hiển thị rõ ràng,
cho phép chỉnh sửa để tương tác và có thể phản hồi các tương tác
như cuộn, nhấp chuột hoặc 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 cực kỳ dễ dàng. Bạn có thể sử dụng ngay các hoạt ảnh Lottie trên iOS, Android, Web và React Native mà không cần chỉnh sửa gì thêm.

KIỂM TRA 3

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

Hãy cùng kiểm tra các trường hợp sử dụng Lottie đang được áp dụng rộng rãi 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
Spoon - showcase card kr
gbike-kr card

Ngoài ra, bạn có thể kiểm tra các trường hợp sử dụng đa dạng khác tại đây.

KIỂM TRA 4

Nên học như thế nào?

[MD]언어설정_gif_800_5-9s

Các bài giảng trên Inflearn hỗ trợ nhiều ngôn ngữ âm thanh và phụ đề khác nhau.

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

KIỂM TRA 5

Hãy nhận
chứng chỉ được chứng nhận bởi LottieFiles!

Sau khi hoàn thành tất cả các bài giảng và nộp bài kiểm tra cuối cùng,
bạn có thể nhận được cả Chứng chỉ hoàn thành LottieFiles và Chứng chỉ hoàn thành Inflearn!
Hãy thử sử dụng các chứng chỉ đã nhận một cách tự do trên LinkedIn hoặc danh mục hồ sơ năng lực (portfolio) của bạn.

Bạn có thể kiểm tra chứng chỉ Inflearn ngay tại menu
Trang của tôi > 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ế đồ họa chuyển động muốn tạo chuyển động tương tác mà không cần lập trình

  • Nhà thiết kế sản phẩm muốn làm quen với quy trình thiết kế sử dụng các công cụ AI

  • Nhà thiết kế muốn cộng tác (handoff) với nhà phát triển một cách hiệu quả hơn

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

  • Các khái niệm hoạt ảnh/chuyển động cơ bản (easing, keyframe, v.v.)

  • Có kinh nghiệm sử dụng Figma hoặc các công cụ thiết kế vector tương tự

Xin chào
Đây là LottieFiles

2,324

Học viên

85

Đánh giá

4.9

Xếp hạng

5

Các khóa học

LottieFiles là một nền tảng giúp các nhà thiết kế và nhà phát triển trên toàn thế giới dễ dàng tạo, quản lý và áp dụng các chuyển động hoạt họa (animation). Bạn có thể nhanh chóng áp dụng các hoạt ảnh dựa trên định dạng Lottie vào nhiều môi trường khác nhau như web, ứng dụng, bài thuyết trình, đồng thời nền tảng này cũng cung cấp nhiều công cụ đa dạng để cải thiện quy trình làm việc thiết kế chuyển động và cộng tác nhóm hiệu quả.

Thêm

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

Tất cả

12 bài giảng ∙ (45phút)

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

Đánh giá

Tất cả

2 đánh giá

5.0

2 đánh giá

  • tkthcjswo27013님의 프로필 이미지
    tkthcjswo27013

    Đánh giá 1

    ∙

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Rất hữu ích

    • norsnsg6915님의 프로필 이미지
      norsnsg6915

      Đánh giá 1

      ∙

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      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 chính thức] Figma to Lottie: Chuyển động hoạt ảnh tạo bằng Figma (Cấp chứng chỉ hoàn thành)Hình thu nhỏ khóa học

      [LottieFiles chính thức] Figma to Lottie: Chuyển động hoạt ảnh tạo bằng Figma (Cấp chứng chỉ hoàn thành)

      LottieFiles

      Miễn phí

      Nhập môn / Motion Graphic, Animation, Figma, No-code, UIUX

      4.9

      (66)

      1,300+

      Khóa học tiếng Hàn chính thức đầu tiên của LottieFiles - nền tảng thiết kế chuyển động toàn cầu, hiện đã có mặt độc quyền tại Inflearn! Sau khi hoàn thành khóa học, bạn sẽ nhận được chứng chỉ chính thức từ LottieFiles.

      Nhập môn

      Nhập môn

      Motion Graphic, Animation, Figma

      [LottieFiles chính thức] Figma to Lottie: Chuyển động hoạt ảnh tạo bằng Figma (Cấp chứng chỉ hoàn thành)Hình thu nhỏ khóa học

      [LottieFiles chính thức] Figma to Lottie: Chuyển động hoạt ảnh tạo bằng Figma (Cấp chứng chỉ hoàn thành)

      LottieFiles

      Miễn phí

      Nhập môn / Motion Graphic, Animation, Figma, No-code, UIUX

      4.9

      (66)

      1,300+
      [LottieFiles chính thức] LottieFiles for Webflow : Website tương tác hoàn thiện với Lottie (Cấp chứng chỉ hoàn thành)Hình thu nhỏ khóa học

      [LottieFiles chính thức] LottieFiles for Webflow : Website tương tác hoàn thiện với Lottie (Cấp chứng chỉ hoàn thành)

      LottieFiles

      Miễn phí

      Nhập môn / Motion Graphic, Web Design, Lottie, ui, ux

      5.0

      (2)

      100+

      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, hiện chỉ có độc quyền trên Inflearn. Khi hoàn thành khóa học, bạn có thể nhận được chứng chỉ hoàn thành chính thức từ LottieFiles.

      Nhập môn

      Nhập môn

      Motion Graphic, Web Design, Lottie

      [LottieFiles chính thức] LottieFiles for Webflow : Website tương tác hoàn thiện với Lottie (Cấp chứng chỉ hoàn thành)Hình thu nhỏ khóa học

      [LottieFiles chính thức] LottieFiles for Webflow : Website tương tác hoàn thiện với Lottie (Cấp chứng chỉ hoàn thành)

      LottieFiles

      Miễn phí

      Nhập môn / Motion Graphic, Web Design, Lottie, ui, ux

      5.0

      (2)

      100+
      [LottieFiles Chính thức] Hoạt ảnh Lottie được tạo bằng After Effects (Cấp chứng chỉ)Hình thu nhỏ khóa học

      [LottieFiles Chính thức] Hoạt ảnh Lottie được tạo bằng After Effects (Cấp chứng chỉ)

      LottieFiles

      Miễn phí

      Nhập môn / After Effects, Lottie, 3d

      4.9

      (11)

      500+

      Khóa học tiếng Hàn chính thức đầu tiên của LottieFiles - nền tảng thiết kế chuyển động toàn cầu, hiện đã có mặt độc quyền tại Inflearn! Sau khi hoàn thành khóa học, bạn sẽ nhận được chứng chỉ chính thức từ LottieFiles.

      Nhập môn

      Nhập môn

      After Effects, Lottie, 3d

      [LottieFiles Chính thức] Hoạt ảnh Lottie được tạo bằng After Effects (Cấp chứng chỉ)Hình thu nhỏ khóa học

      [LottieFiles Chính thức] Hoạt ảnh Lottie được tạo bằng After Effects (Cấp chứng chỉ)

      LottieFiles

      Miễn phí

      Nhập môn / After Effects, Lottie, 3d

      4.9

      (11)

      500+
      [LottieFiles chính thức] LottieFiles for Framer : Khai thác 200% hoạt ảnh Lottie trong Framer (Cấp chứng chỉ hoàn thành)Hình thu nhỏ khóa học

      [LottieFiles chính thức] LottieFiles for Framer : Khai thác 200% hoạt ảnh Lottie trong Framer (Cấp chứng chỉ hoàn thành)

      LottieFiles

      Miễn phí

      Nhập môn / Web Design, Interactive Web, Responsive Web, Lottie

      4.8

      (4)

      100+

      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.

      Nhập môn

      Nhập môn

      Web Design, Interactive Web, Responsive Web

      [LottieFiles chính thức] LottieFiles for Framer : Khai thác 200% hoạt ảnh Lottie trong Framer (Cấp chứng chỉ hoàn thành)Hình thu nhỏ khóa học

      [LottieFiles chính thức] LottieFiles for Framer : Khai thác 200% hoạt ảnh Lottie trong Framer (Cấp chứng chỉ hoàn thành)

      LottieFiles

      Miễn phí

      Nhập môn / Web Design, Interactive Web, Responsive Web, Lottie

      4.8

      (4)

      100+

      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!

      [LottieFiles chính thức] LottieFiles for Framer : Khai thác 200% hoạt ảnh Lottie trong Framer (Cấp chứng chỉ hoàn thành)Hình thu nhỏ khóa học

      [LottieFiles chính thức] LottieFiles for Framer : Khai thác 200% hoạt ảnh Lottie trong Framer (Cấp chứng chỉ hoàn thành)

      LottieFiles

      Miễn phí

      Nhập môn / Web Design, Interactive Web, Responsive Web, Lottie

      4.8

      (4)

      100+

      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.

      Nhập môn

      Nhập môn

      Web Design, Interactive Web, Responsive Web

      [LottieFiles chính thức] LottieFiles for Framer : Khai thác 200% hoạt ảnh Lottie trong Framer (Cấp chứng chỉ hoàn thành)Hình thu nhỏ khóa học

      [LottieFiles chính thức] LottieFiles for Framer : Khai thác 200% hoạt ảnh Lottie trong Framer (Cấp chứng chỉ hoàn thành)

      LottieFiles

      Miễn phí

      Nhập môn / Web Design, Interactive Web, Responsive Web, Lottie

      4.8

      (4)

      100+

      Miễn phí