[LottieFiles 公式] Figma to Lottie: Figmaで作るモーションアニメーション (修了証発行)
LottieFiles
グローバル・モーションデザイン・プラットフォームLottieFilesの公式初となる韓国語翻訳講座を、今すぐInflearnで独占公開中!講座をすべて受講すると、LottieFiles公式修了証を受け取ることができます。
入門
Motion Graphic, Animation, Figma
グローバルモーションデザインプラットフォームLottieFilesの公式初となる韓国語講座を、今すぐInflearn(インフラン)で独占公開中!講座をすべて修了すると、LottieFiles公式修了証を受け取ることができます。
学習した受講者のレビュー
5.0
전윤서
無料で良い講義をありがとうございます。
5.0
lemonida
超初心者の私でも聞いて真似できますね、ありがとうございます!
5.0
Jang Jaehoon
良い講義をありがとうございます!
LottieFiles プラグインのインストール & セットアップ
After Effects ↔ Lottie(JSON·dotLottie) Import·Export ワークフロー
Expressionsスクリプティングでアニメーション自動化 & 互換性チェック
Lottie Optimizerを活用したファイル容量の最小化
一括レンダリング(Bulk Render)& 2.5D(パララックス・エクスルージョン)立体感の演出
After EffectsとLottieFilesで学ぶ、簡単で軽量なモーションアニメーション実践ガイド
ウェブやアプリにすぐ適用できる実用的なモーションアニメーションを作ってみませんか?
今回の講座では、After EffectsとLottieFilesを活用して
簡単かつ軽量にアニメーションを制作する方法をお教えします。
今回の講義で学べる内容!
基本的なモーションの原理からキャラクターアニメーションの制作まで
Faux 3D(フェイク立体感)の演出法
ワークスペースを活用した協業およびハンドオフまで
<After Effectsで作るLottieアニメーション>で
核心だけを集めて わずか40分 でマスターしましょう。
LottieはJSONベースのアニメーションファイルで
Lottieを活用して、アニメーションを画像と同じくらい簡単に書き出すことができます。
容量が少なく、どのデバイスでも動作可能であり、
サイズを調整しても解像度が低下しないことがLottieの強力な利点です。
自由なサイズ調整
解像度の影響を受けずに
拡大・縮小が可能です。
小さなサイズ
GIFやMP4などの形式に比べ、
品質は同じでありながら、はるかに軽量です。
インタラクティブ性
Lottieはアニメーション要素が公開されているため、
インタラクティブに修正することができ、スクロール、クリック、
ホバーなどのアクションに反応させることができます。
多様なプラットフォーム対応とライブラリ
開発者にLottieをハンドオフするのは非常に簡単です。Lottieアニメーションは、iOS、Android、Web、React Nativeで修正することなくそのまま使用できます。
その他、様々な活用事例はこちらでご確認いただけます。
Inflearnの講義は、多様な音声言語と字幕に対応しています。
受講画面の下部にある歯車アイコン(設定)をクリックした後、
希望する音声言語と字幕を自由に選択してみてください。
講義をすべて受講し、最後のクイズまで提出すると、
LottieFiles修了証とInflearn修了証の両方を受け取ることができます!
受け取った修了証はLinkedInやポートフォリオに自由に活用してみてください。
Inflearn修了証はマイページ > マイ学習 > 修了証メニューからすぐにご確認いただけます。
学習対象は
誰でしょう?
ブランド体験を強化したいUI/UXデザイナー・プロダクトデザイナー
生産性を最大化したいモーションデザイナー・アニメーター
コラボレーションの効率を高めたいフロントエンドエンジニア
JSONアニメーションのワークフローを学びたいデザイナー
前提知識、
必要でしょうか?
After Effectsの基礎知識が必要です。
2,379
受講生
87
受講レビュー
4.9
講座評価
5
講座
LottieFiles(ロッティーファイルズ)は、世界中のデザイナーや開発者が簡単にアニメーションを作成、管理、適用できるように支援するプラットフォームです。Lottieフォーマットベースのアニメーションをウェブ、アプリ、プレゼンテーションなど、さまざまな環境に素早く適用することができ、効率的なチームコラボレーションやモーションデザインのワークフロー向上のための多様なツールを提供しています。
全体
8件 ∙ (40分)
全体
12件
4.9
12件の受講レビュー
受講レビュー 4
∙
平均評価 5.0
受講レビュー 9
∙
平均評価 5.0
受講レビュー 1,070
∙
平均評価 4.9
受講レビュー 146
∙
平均評価 5.0
受講レビュー 1
∙
平均評価 5.0
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!
無料