inflearn logo
知識共有
inflearn logo

[LottieFiles 公式] Lottie Creator:AIで制作しインタラクションまで実装するモーションデザイン(修了証発行)

グローバル・モーションデザイン・プラットフォームLottieFilesの公式韓国語講座を、今すぐInflearn(インフラン)独占でチェックしましょう。 本講座では、LottieFilesの核心的なウェブベースLottieアニメーション制作ツールである「Lottie Creator」を扱います。マイクロアニメーションからUIコンポーネント、インタラクティブなステートマシン(State Machine)まで、複雑なコーディングなしで実務ですぐに使えるLottieアニメーション制作の全過程を学習します。 特に、テキストプロンプトでベクターを生成する「Prompt to Vector」、AIがインタラクションロジックを自動構成する「Prompt to State Machine」など、AIベースのワークフローを中心に構成されています。完成した成果物は、柔軟なクロスプラットフォーム対応と超軽量サイズを誇るdotLottieファイルとして書き出し、そのまま開発者に共有できます。 受講後には、LottieFiles公式修了証とInflearn修了証の両方を受け取ることができます。

難易度 入門

受講期間 無制限

Interactive Web
Interactive Web
handoff
handoff
Interactive Web
Interactive Web
handoff
handoff
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の強力な利点です。 is a powerful advantage of Lottie.

CHECK 2

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

自由なサイズ調整

解像度の影響を受けずに
拡大・縮小が可能です。

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

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

多様なプラットフォーム対応とライブラリ
開発者にLottieをハンドオフするのは非常に簡単です。LottieアニメーションをiOS、Android、ウェブ、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

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

Inflearnの講義は、多様な音声言語と字幕に対応しています。

受講画面の下部にある歯車アイコン(設定)をクリックした後、
希望する音声言語と字幕を自由に選択してみてください。

CHECK 5

LottieFilesが認定する
修了証を受け取りましょう!

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

Inflearnの修了証は、
マイページ > マイ学習 > 修了証メニューからすぐにご確認いただけます。..

こんな方に
おすすめです

学習対象は
誰でしょう?

  • コードなしでインタラクティブなモーションを制作したいUI/UXデザイナー、モーショングラフィックデザイナー

  • AIツールを活用したデザインワークフローを習得したいプロダクトデザイナー

  • 開発者との協業(ハンドオフ)をより効率的にしたいデザイナー

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

  • 基本的なアニメーション/モーションの概念(イージング、キーフレームなど)

  • Figmaまたは類似のベクターデザインツールの使用経験

こんにちは
LottieFilesです。

2,249

受講生

84

受講レビュー

4.9

講座評価

5

講座

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

もっと見る
講座掲載日: 
最終更新日: 

受講レビュー

全体

2件

5.0

2件の受講レビュー

  • tkthcjswo27013님의 프로필 이미지
    tkthcjswo27013

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    ためになります

    • norsnsg6915님의 프로필 이미지
      norsnsg6915

      受講レビュー 1

      平均評価 5.0

      5

      100% 受講後に作成

      LottieFilesの他の講座

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

      無料