Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
NEW
Design

/

UI/UX

[LottieFiles公式] After Effectsで作るLottieアニメーション（修了証発行）

グローバルモーションデザインプラットフォームLottieFilesの公式初韓国語化講座、今Inflearnで独占的にご覧いただけます！講座をすべて受講するとLottieFiles公式修了証を受け取ることができます。

（5.0）受講レビュー 4件

受講生 300名

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

こんなことが学べます

  • LottieFilesプラグインのインストール＆セットアップ

  • After Effects ↔ Lottie(JSON・dotLottie) Import・Export ワークフロー

  • Expressionsスクリプティングでアニメーション自動化 & 互換性チェック

  • Lottie Optimizerを活用したファイル容量の最小化

  • バッチレンダリング(Bulk Render) & 2.5D(パララックス・エクストルージョン) 立体感演出

Inflearnでのみ！
LottieFiles公式日本語化講座を受講して
業務にすぐに活用してみてください！

After EffectsとLottieFilesで学ぶ簡単で軽量なモーションアニメーション実践ガイド

ウェブやアプリにすぐ適用できる実用的なモーションアニメーションを作ってみたいですか？
今回の講座では、After EffectsとLottieFilesを活用して
簡単で軽量にアニメーションを制作する方法をお教えします。

今回の講義でお教えします！

基本的なモーションの原理からキャラクターアニメーション制作まで

Faux 3D（フェイク立体感）演出法

ワークスペースを活用したコラボレーションからハンドオフまで

で
要点だけを集めてたった40分で身につけてみましょう。

CHECK 1

Lottieとは何でしょうか？

LottieはJSONベースのアニメーションファイルで

Lottieを活用してアニメーションを画像と同じくらい簡単に移すことができます。

容量が少なくどの機器でも動作可能で

サイズを調整しても解像度が下がらないことがLottieの強力な利点です。

CHECK 2

なぜLottieを使用すべきなのでしょうか？

自由なサイズ調整

解像度の影響を受けずに
拡大や縮小ができます。

小さなサイズ
GIFやMP4などの形式と比べて
品質は同じでありながらはるかに小さいです。

インタラクティブ性
Lottieにはアニメーション要素が露出しているため
インタラクティブに修正することができ、スクロール、クリック、
ホバリングなどのインタラクションに反応することができます。

様々なプラットフォーム対応とライブラリ
開発者にLottieをハンドオフするのがとても簡単です。LottieアニメーションをiOS、Android、Web、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
showcase card_toss
gbike-kr card
Spoon - showcase card kr

その他の様々な活用ケースはこちらでご確認いただけます。

CHECK 4

どのように受講すればよいでしょうか？

[MD]언어설정_gif_800_5-9s

Inflearnの講義は様々な音声言語と字幕をサポートしています。

受講画面下部で歯車アイコン（設定）を押した後、
お好みの音声言語と字幕を自由に選択してみてください。

CHECK 5

LottieFilesが認証する
修了証を受け取ってみてください！

講義をすべて受講し、最後のクイズまで提出すると、
LottieFiles修了証とInflearn修了証をすべて受け取ることができます！
受け取った修了証はLinkedInやポートフォリオに自由に活用してみてください。

Inflearn修了証は
マイページ > マイ学習 > 修了証メニューからすぐに確認できます。

こんな方に
おすすめです

学習対象は
誰でしょう？

  • ブランド体験を強化したいUI/UXデザイナー・プロダクトデザイナー

  • 生産性を最大化したいモーションデザイナー・アニメーター

  • フロントエンド開発者として協業効率を向上させたい

  • JSONアニメーションワークフローを学びたいデザイナー

前提知識、
必要でしょうか？

  • After Effectの基礎知識が必要です。

こんにちは
です。

1,136

受講生

36

受講レビュー

4.9

講座評価

2

講座

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

共同知識共有者

カリキュラム

全体

8件 ∙ (40分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

4件

5.0

4件の受講レビュー

  • lottiefiles님의 프로필 이미지
    lottiefiles

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    38% 受講後に作成

    • yunseo92님의 프로필 이미지
      yunseo92

      受講レビュー 9

      ∙

      平均評価 5.0

      5

      38% 受講後に作成

      Cảm ơn bạn vì khóa học tốt miễn phí.

      • ninety25296님의 프로필 이미지
        ninety25296

        受講レビュー 103

        ∙

        平均評価 5.0

        5

        100% 受講後に作成

        Cảm ơn bạn^^

        • luna72529583님의 프로필 이미지
          luna72529583

          受講レビュー 1

          ∙

          平均評価 5.0

          5

          38% 受講後に作成

          無料

          lottiefilesの他の講座

          知識共有者の他の講座を見てみましょう！

          [LottieFiles chính thức] Figma to Lottie: Tạo hoạt ảnh chuyển động trong Figma (Cấp chứng chỉ hoàn thành)강의 썸네일

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

          lottiefiles

          Khóa học chính thức đầu tiên bằng tiếng Hàn của nền tảng motion design toàn cầu LottieFiles, hãy gặp gỡ độc quyền tại Inflearn ngay! Khi hoàn thành toàn bộ khóa học, bạn sẽ nhận được chứng chỉ chính thức từ LottieFiles.

          입문

          입문

          Motion Graphic, Animation, Figma

          [LottieFiles chính thức] Figma to Lottie: Tạo hoạt ảnh chuyển động trong Figma (Cấp chứng chỉ hoàn thành)강의 썸네일

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

          lottiefiles

          似ている講座

          同じ分野の他の講座を見てみましょう！

          Hiểu biết sâu sắc về Lottie để nâng cao kỹ năng của nhà thiết kế강의 썸네일

          Hiểu biết sâu sắc về Lottie để nâng cao kỹ năng của nhà thiết kế

          designbase

          Bạn không còn cần phải dựa vào Gifs và Video nữa. Chúng ta sẽ tìm hiểu cách xuất hoạt ảnh được tạo trong After Effects dưới dạng mã và triển khai các tương tác khác nhau thông qua JavaScript. Bạn cũng có thể tạo một trang web hấp dẫn.

          초급

          초급

          Lottie, Web Design, JavaScript

          Hiểu biết sâu sắc về Lottie để nâng cao kỹ năng của nhà thiết kế강의 썸네일

          Hiểu biết sâu sắc về Lottie để nâng cao kỹ năng của nhà thiết kế

          designbase

          Giới thiệu về Blender: Tìm hiểu Blender với các biểu tượng 3D dành cho nhà thiết kế UX/UI!강의 썸네일

          Giới thiệu về Blender: Tìm hiểu Blender với các biểu tượng 3D dành cho nhà thiết kế UX/UI!

          bbodx

          Đây là khóa học giới thiệu về Blender. Đây là khóa học 3D Blender dành cho người mới bắt đầu học cách tạo biểu tượng 3D!

          입문

          입문

          Blender, 3d-modelling, 3d

          Giới thiệu về Blender: Tìm hiểu Blender với các biểu tượng 3D dành cho nhà thiết kế UX/UI!강의 썸네일

          Giới thiệu về Blender: Tìm hiểu Blender với các biểu tượng 3D dành cho nhà thiết kế UX/UI!

          bbodx

          (Tiếng Anh) Tạo trang web 3D góc nhìn thứ nhất với Three.js강의 썸네일

          (Tiếng Anh) Tạo trang web 3D góc nhìn thứ nhất với Three.js

          studiomeal

          Trong bài học này, bạn sẽ tạo một trang web 3D góc nhìn thứ nhất hoạt động trên cả máy tính để bàn và thiết bị di động.

          초급

          초급

          Three.js, Interactive Web, 3d

          (Tiếng Anh) Tạo trang web 3D góc nhìn thứ nhất với Three.js강의 썸네일

          (Tiếng Anh) Tạo trang web 3D góc nhìn thứ nhất với Three.js

          studiomeal

          Các 'mẹo hay' về Rhino cho người mới bắt đầu 3D modeling Phần 2강의 썸네일

          Các 'mẹo hay' về Rhino cho người mới bắt đầu 3D modeling Phần 2

          soos

          Bây giờ bắt đầu mô hình hóa sản phẩm 'thật sự'! Mô hình hóa sản phẩm chi tiết + kỹ thuật mô hình hóa bề mặt thì sẽ thoát khỏi trình độ sơ cấp hoàn toàn! 👌ㅤㅤㅤㅤOnline Classes ngột ngạt thì NO! Tài liệu học tập phong phú, phản hồi giúp nâng cao thực lực OK! 👍🙆‍♂

          초급

          초급

          Rhino, 3d-modelling, 3d

          Các 'mẹo hay' về Rhino cho người mới bắt đầu 3D modeling Phần 2강의 썸네일

          Các 'mẹo hay' về Rhino cho người mới bắt đầu 3D modeling Phần 2

          soos

          Khái niệm cơ bản về Blender: Khóa học hoạt hình Blender cơ bản để tìm hiểu bằng cách tạo các biểu tượng du lịch đồ họa 3D강의 썸네일

          Khái niệm cơ bản về Blender: Khóa học hoạt hình Blender cơ bản để tìm hiểu bằng cách tạo các biểu tượng du lịch đồ họa 3D

          bbodx

          Tìm hiểu mô hình Blender và tạo các biểu tượng liên quan đến du lịch bằng đồ họa 3D. Đây là một bài giảng hoạt hình cơ bản!

          초급

          초급

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

          Khái niệm cơ bản về Blender: Khóa học hoạt hình Blender cơ bản để tìm hiểu bằng cách tạo các biểu tượng du lịch đồ họa 3D강의 썸네일

          Khái niệm cơ bản về Blender: Khóa học hoạt hình Blender cơ bản để tìm hiểu bằng cách tạo các biểu tượng du lịch đồ họa 3D

          bbodx

          Tạo trang web 3D góc nhìn thứ nhất với Three.js강의 썸네일

          Tạo trang web 3D góc nhìn thứ nhất với Three.js

          studiomeal

          Khóa học này nói về việc tạo trang web 3D góc nhìn thứ nhất hoạt động trên cả máy tính để bàn và thiết bị di động.

          초급

          초급

          Interactive Web, Three.js, 3d

          Tạo trang web 3D góc nhìn thứ nhất với Three.js강의 썸네일

          Tạo trang web 3D góc nhìn thứ nhất với Three.js

          studiomeal

          Những 'mẹo hay' về Rhino cho người mới bắt đầu học 3D modeling Phần 1강의 썸네일

          Những 'mẹo hay' về Rhino cho người mới bắt đầu học 3D modeling Phần 1

          soos

          Mô hình 3D khó nhập môn..? Mô hình bị tắc, không tiếp tục được..? Để nhập môn lần đầu, với 'bí kíp' Rhino thì nâng cao tay nghề OK! Các bài học bí bách, không có phản hồi..? 👉 Bổ sung phản hồi cho các bài giảng trực tuyến! (Đừng ngần ngại, hãy hỏi!)👍🙆‍♀

          입문

          입문

          Rhino, 3d-modelling, 3d

          Những 'mẹo hay' về Rhino cho người mới bắt đầu học 3D modeling Phần 1강의 썸네일

          Những 'mẹo hay' về Rhino cho người mới bắt đầu học 3D modeling Phần 1

          soos