コインとアイテム収集
複数のコピーが時間差で曲線を通り、1つの目標へ集まって縮小します。
AI 画像から LOTTIE
PNG画像をAIでLottieアニメーションに変換
自分の画像をアップロードして動きを文章で指定。After Effectsや手作業のキーフレームなしで、安定したLottie JSONを生成します。
自分の画像をそのまま使用3つのモーション案有効なLottie JSONAfter Effects不要
1 · 素材を追加
透過 PNG が最適です。動く部分はレイヤーごとに分けてください（箱とフタは別々に）。各レイヤーに名前を付けてください。AI は画像そのものを見ることができず、名前と説明から判断します。最大8枚。
2 · アニメーションを説明
簡単なアイデアから始めてください。AIが明確な動きの指示に整えます。
AIがアイデアを整えます。結果は編集できます。0/500
例を試す
画像を作り直さず、素材に合わせて動きを設計
一般的なテキスト生成は絵と動きを同時に推測します。EasyLottieはアップロードしたPNGレイヤーから始めるため、ゲームアイテム、製品アイコン、キャンペーン素材のデザインを保てます。
01
動くパーツを分けてアップロード
コイン、ふた、光、ボタン、キャラクターの部位、全画面画像を個別レイヤーとして追加します。
02
キーフレームではなく意図を入力
「コイン収集」「ボタンを押す」と書くだけで、AIが実行可能な指示に整えます。
03
コンパイル、検証、書き出し
AIは制約されたモーション仕様だけを作成し、確定的なコードがLottie JSONを検証して生成します。
静止PNGからLottie JSONまでの4ステップ
タイムラインソフトも、手書きのアニメーションJSONも不要です。
- 01
画像をアップロード
透過PNGのパーツまたは全画面画像を追加し、動くパーツに名前を付けます。
- 02
キャンバスを選択
1:1、Android向け9:20と9:19.5、横向き16:9に対応します。
- 03
動きを説明
短いアイデア、実例、またはAI文章補助でモーションを指定します。
- 04
確認して書き出し
3案を比較し、速度とサイズを調整してJSONまたは画像分離ZIPを保存します。
実際のプロダクトで使えるモーション
本番Lottieから抽出したモーション方向を選び、レイヤーに合わせて時間、軌道、拡大縮小、回転、イージングを調整します。
タップとクリック反応
素早く押し込み、短く止まり、ばねのように戻り、接点に波紋を追加できます。
ローディングループ
閉じた等速回転と控えめな呼吸スケールで継ぎ目なく繰り返します。
報酬とリビール
バッジ、ギフト、実績向けのポップ、オーバーシュート、停止、安定です。
お祝いのバースト
主役が先に現れ、粒子が時間差で広がって消えます。
画面トランジション
全画面素材は過度な回転を避け、移動、ズーム、フェードで自然に切り替えます。
テキストだけの生成より画像アップロードが向く理由
| 比較 | EasyLottie画像ベース | テキストのみ |
|---|---|---|
| ブランド再現 | 元の画像とスタイルを維持します。 | 別の題材や画風になる場合があります。 |
| 動きの制御 | レイヤー名と分割画像で動く部分を明確にします。 | モデルが描画構造と動きを両方決めます。 |
| 出力の安定性 | TimelineSpecを検証してからコンパイルします。 | Lottie JSONの直接生成は無言で失敗することがあります。 |
| 最適な用途 | ゲーム報酬、UI反応、ブランドアイコン、キャンペーン、全画面効果。 | 指定素材を必要としない新しいベクター案。 |
AI画像からLottieに関する質問
何をアップロードすればよいですか？
個別に動くパーツには透過PNGが最適です。不透明な全画面画像にも対応します。動かしたい部品を分け、分かりやすいレイヤー名を付けてください。
アニメーション用語が分からなくても使えますか？
はい。「コイン収集アニメーション」のように短く入力してAI文章補助を押すと、軌道、順序、時間、終わり方を実行可能な説明にします。
AIはLottie JSONを直接書きますか？
いいえ。AIはレイヤー、変形、軌道、時間、イージングを表すTimelineSpecだけを作ります。EasyLottieが検証し、最終JSONを確定的にコンパイルします。
対応するキャンバス比率は？
1:1、Android向け9:20と9:19.5、横向き16:9に対応し、自動モードは画像から比率を提案します。
Web、Android、iOSで使えますか？
はい。標準Lottieプレイヤーを使うWeb、Android、iOS、React Nativeで利用でき、画像分離ZIPも書き出せます。
After EffectsやBodymovinは必要ですか？
不要です。アップロード、生成、確認、調整、書き出しはブラウザで完結します。