강의

멘토링

커뮤니티

Design

/

UI/UX

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

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

難易度 入門

受講期間 無制限

  • LottieFiles
  • inflearn
After Effects
After Effects
Lottie
Lottie
3d
3d
After Effects
After Effects
Lottie
Lottie
3d
3d
Thumbnail

学習した受講者のレビュー

学習した受講者のレビュー

4.9

5.0

전윤서

38% 受講後に作成

無料で良い講義をありがとうございます。

5.0

lemonida

50% 受講後に作成

超初心者の私でも聞いて真似できますね、ありがとうございます!

5.0

Jang Jaehoon

50% 受講後に作成

良い講義をありがとうございます!

受講後に得られること

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

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

CHECK 4

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

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

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

CHECK 5

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

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

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

こんな方に
おすすめです

学習対象は
誰でしょう?

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

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

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

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

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

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

こんにちは
です。

1,861

受講生

71

受講レビュー

4.9

講座評価

4

講座

LottieFiles(ロッティーファイルズ)は、世界中のデザイナーや開発者が簡単にアニメーションを作成、管理、適用できるように支援するプラットフォームです。Lottieフォーマットベースのアニメーションをウェブ、アプリ、プレゼンテーションなど、さまざまな環境に素早く適用することができ、効率的なチームコラボレーションやモーションデザインのワークフロー向上のための多様なツールを提供しています。

カリキュラム

全体

8件 ∙ (40分)

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

受講レビュー

全体

9件

4.9

9件の受講レビュー

  • lottiefiles님의 프로필 이미지
    lottiefiles

    受講レビュー 1

    平均評価 5.0

    5

    38% 受講後に作成

    • yunseo92님의 프로필 이미지
      yunseo92

      受講レビュー 9

      平均評価 5.0

      5

      38% 受講後に作成

      無料で良い講義をありがとうございます。

      • lemonida4890님의 프로필 이미지
        lemonida4890

        受講レビュー 4

        平均評価 5.0

        5

        50% 受講後に作成

        超初心者の私でも聞いて真似できますね、ありがとうございます!

        • sashasavoyskiy155060님의 프로필 이미지
          sashasavoyskiy155060

          受講レビュー 1

          平均評価 5.0

          5

          63% 受講後に作成

          • kiki05197544님의 프로필 이미지
            kiki05197544

            受講レビュー 1

            平均評価 4.0

            4

            38% 受講後に作成

            AEについて全く知らないのに見ていたらできそうな気がする..😊😊

            無料

            LottieFilesの他の講座

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

            似ている講座

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