Lottie アニメ制作副業 2026｜軽量アニメ素材を請け負う始め方と単価の決め方

2026年3月5日

長谷川奈津

この記事のポイント

✓Lottie アニメ制作副業の始め方を法務の視点も交えて解説
✓軽量アニメ素材の制作フロー
✓After Effectsからの書き出し手順

先日、あるWebデザイナーさんから相談を受けました。「Lottieのアニメーションを納品したのに、クライアントから『思っていた動きと違う』と言われて、報酬を払ってもらえない」と。結論から言うと、これは納品物の検収をめぐる典型的なトラブルで、契約の組み方しだいで完全に防げるものです。「Lottie アニメ制作副業」と検索しているあなたは、おそらく「動かせるデザイン」に手応えを感じ始めていて、これを仕事にできないかと考えているはずです。この記事では、Lottieアニメ制作を副業として成立させるための具体的な手順、単価の決め方、そして報酬を守るための契約の知識まで、まとめてお伝えします。

技術的なことだけ書いた記事は世の中にたくさんあります。でも、副業として続けるなら「作れること」と同じくらい「お金をきちんと受け取れること」が大事です。これ、知らない人が本当に多いんです。だからこそ、制作フローと契約の両輪で解説していきます。

Lottieアニメ制作が副業として注目される背景

まず「Lottie アニメ制作副業」というテーマがなぜ今これだけ検索されているのか、市場の構造から整理します。背景を理解すると、自分がどこで稼げるのかが見えてきます。

Lottieは、AdobeのAfter Effectsで作ったアニメーションを「Bodymovin」というプラグインでJSON形式に書き出し、WebサイトやスマホアプリでそのJSONを再生する仕組みです。つまり、動画ファイルや連番GIFのように「重い」素材を使わずに、軽くてなめらかなアニメーションを画面に表示できる技術です。ファイルサイズが小さいうえに拡大しても劣化しないため、ローディング画面、ボタンの反応、空状態（データがないときの画面）の演出などに広く使われています。

ここ数年で、Webサイトやアプリの体験設計（UI/UX）に対する企業の意識が大きく上がりました。静止画だけのページより、要所で気持ちよく動くページのほうが離脱率が下がり、コンバージョン率も改善しやすい。だからマイクロインタラクション（小さな操作に対する小さな反応）の需要が伸びています。Lottieはまさにこの領域の主役です。

一方で、Lottieを「正しく軽く」書き出せる人材は、実はそれほど多くありません。After Effectsを触れるデザイナーは増えましたが、Web実装を意識した最適化までできる人は限られます。需要は伸びているのに、対応できる供給が追いついていない。この需給ギャップが、副業として参入する余地を生んでいます。クラウドソーシング上でもLottie関連の募集は着実に増えており、案件ページではこう説明されています。

Lottieによるアニメーションの制作依頼に関する仕事・募集案件ページです。クラウドソーシングのランサーズで、イラスト制作に関する最適な外注/発注先をお探しの方、副業案件・求人をお探しのフリーランスの方はまず会員登録がおすすめです。

つまり、発注側は「Lottieを作れる人」を能動的に探しているということです。スキルの希少性が比較的高いうちに、ポートフォリオを整えて参入する価値は十分にあります。デザインやコーディングまわりの仕事の全体像については、LP制作・HTML/CSSコーディングのお仕事のページが、どんな依頼が動いているのかを把握する手がかりになります。

副業の市場相場と単価の現実

「副業」というキーワードで検索する人がいちばん知りたいのは、結局いくらになるのか、という点でしょう。煽るつもりはまったくないので、相場の構造を客観的に説明します。

Lottieアニメの単価は、作るものの複雑さで大きく変わります。ボタンを押したときのチェックマークが弾むだけのような単純なマイクロインタラクションなら、1点あたり数千円から1万円台前半が目安です。これに対して、キャラクターが動くオンボーディング（アプリ初回起動時の説明画面）アニメーションのような、絵の枚数も動きの設計も多いものは、1点で数万円、規模によっては5万円を超えることもあります。

なぜここまで幅が出るのか。理由は「Lottieの制作工数が、絵を描く工数とアニメをつける工数の合算」だからです。すでにイラストやアイコンが支給される案件なら、あなたはAfter Effectsでの「動きづけと書き出し」だけを担当するので、作業時間は短く済みます。逆に、絵から起こす案件は時間がかかるぶん単価も上がります。自分がどちらの工程を担うのかで、時給換算の効率がまったく違ってきます。

参考までに、関連職種の年収水準も見ておきましょう。Web実装側に踏み込むならソフトウェア作成者の年収・単価相場のデータが、デザイン素材を作る側で考えるならサムネイル・バナー・素材制作のお仕事の案件感が参考になります。Lottie制作はちょうどこの両方の境界に位置していて、デザインと実装の橋渡しができる人ほど単価交渉で有利になります。

副業としての時給効率を上げるコツは、はっきりしています。「同じテイストのマイクロインタラクションを量産できる体制」を作ることです。1点ごとにゼロから設計すると時間がかかりますが、自分の中にテンプレート（よく使う動きのパターン）を持っておけば、2点目以降の制作時間は大きく短縮できます。単価そのものより、再現性で稼ぐ。これが地味ですが堅実な考え方です。

Lottieアニメ制作の具体的な手順

ここからは実務です。Lottieアニメ制作の流れを、副業で受注したときに実際にたどる順番で解説します。上位の解説記事でも共通して触れられている工程ですが、副業として「納品まで」を意識した形で整理します。

手順1：After Effectsでアニメーションを設計する

すべてはAfter Effectsから始まります。まずクライアントから素材（イラスト、ロゴ、アイコンなど）を受け取るか、あるいは自分でAdobe Illustratorなどでパーツを用意します。重要なのは、動かしたいパーツをあらかじめレイヤーごとに分けておくことです。腕、足、目といった具合に分解しておかないと、後から動かせません。

After Effectsでは、これらのレイヤーに「キーフレーム」を打って動きをつけていきます。キーフレームとは、簡単に言えば「この時間にはここにいる」という位置やサイズの指定点のことです。点と点の間をソフトが自動で補間してくれるので、なめらかな動きが生まれます。ここでイージング（動きの加減速）を調整すると、機械的でない自然な印象になります。

ただし、Lottie向けの制作には独特の制約があります。After Effectsでできる表現のすべてがLottieに変換できるわけではないのです。グラデーションの一部、特定のエフェクト、マスクの複雑な使い方などは、書き出すと再現されなかったり、ファイルが重くなったりします。だから設計段階から「これはLottieで出るのか」を意識する必要があります。この見極めができるかどうかが、初心者とプロの分かれ目です。Adobe製品の基礎を体系的に押さえたい方はAdobe認定プロフェッショナル Adobe Expressのような資格情報も、学習のロードマップとして役立ちます。

手順2：Bodymovinプラグインで書き出す

アニメーションができたら、次はJSONへの書き出しです。After Effectsに「Bodymovin」というプラグインをインストールし、これを使ってコンポジションをJSON形式に変換します。Lottie-Webなどのプレイヤーは、このJSONを読み込んで画面上でアニメーションを再生します。

書き出しの段階で、ここでトラブルが起きやすい。ある制作会社が共有している実務知見が、まさにこの「日本語問題」を指摘しています。

JSONに日本語が含まれているとグラデーションが白黒など設定とは異なる状態になってしまいます。それを回避するため、Lottieアニメーション制作では基本的にAfter Effectsを英語版に変更しています。

つまり、レイヤー名やコンポジション名に日本語を使っていると、書き出したときに色や表現が崩れることがある、ということです。対策はシンプルで、レイヤー名を半角英数字にしておくか、After Effectsを英語版で運用すること。こういう「やってみないと分からない落とし穴」を先に知っているだけで、納品時の手戻りを大幅に減らせます。

手順3：プレビューと最適化を行う

書き出したJSONは、必ず実際の表示環境に近い状態で確認します。LottieFilesが提供するプレビューツールや、簡単なHTMLにLottie-Webを組み込んで再生してみるのが確実です。After Effectsで見えていた動きと、ブラウザで再生した動きが微妙に違う、ということは珍しくありません。

確認すべきは主に3点です。1つ目は、動きが意図どおりに再生されるか。2つ目は、色やグラデーションが崩れていないか。3つ目は、ファイルサイズが許容範囲か。Lottieの強みは軽さなので、JSONが数百キロバイトを超えるようなら、絵のパス（線の構成）を簡略化したり、不要なキーフレームを減らしたりして軽量化します。ここを丁寧にやるかどうかが、プロとしての評価を分けます。

手順4：実装側に渡せる形で納品する

最後の納品工程は、副業として最も差がつくところです。多くの人はJSONファイルだけを渡して終わりにしますが、それだと実装する側が困ることがあります。再生の速度、ループするのかしないのか、どのタイミングで再生を始めるのか。こうした「使い方の指示書」を簡単にでも添えると、相手の手間が減り、リピート依頼につながりやすくなります。

実装まで自分で引き受けるなら、HTMLにLottie-Webを読み込んで、JSONを再生するコードを数行書くだけで動かせます。コーディングまでセットで提供できると単価を上げやすく、案件の幅も広がります。Web実装側の仕事感をつかむならLP制作・HTML/CSSコーディングのお仕事も合わせて見ておくとよいでしょう。

Lottieアニメ制作を副業にするメリット

ここまで手順を見てきたうえで、Lottieアニメ制作を副業にすることの利点を整理します。なぜこの分野が副業向きなのか、理由がはっきりしています。

1つ目のメリットは、納品物が「軽くて扱いやすい」ことです。JSONファイルはテキストベースで、サイズが小さく、メールやクラウドストレージで簡単に受け渡しできます。動画ファイルのように容量に悩むことがありません。再修正の際もファイルが軽いので、やり取りがスムーズです。

2つ目は、需要の幅が広いことです。WebサイトもスマホアプリもLottieに対応しており、業種を問わず使われます。コーポレートサイトのアクセント、アプリのローディング、ECサイトのカート追加演出、サービスの説明アニメーションなど、用途が尽きません。特定の業界に依存しないので、案件が枯れにくいのが安心材料です。

3つ目は、スキルの掛け算で差別化しやすいことです。イラストが描ける人がLottieを覚えれば「動かせるイラストレーター」になり、コーダーがLottieを覚えれば「実装までできるアニメーター」になります。すでに持っているスキルに上乗せできるので、ゼロからの参入より立ち上がりが速い。すでにイラストやデザインの副業をしている方は、LINEスタンプ制作の副業｜AIイラスト活用で効率よく稼ぐ方法のような、絵のスキルを別の収益源につなげる発想と相性がよいでしょう。

4つ目は、ポートフォリオが作りやすいことです。Lottieは見た目で魅力が伝わりやすく、LottieFilesのようなプラットフォームに作品を公開すれば、それ自体が営業ツールになります。「動くポートフォリオ」は静止画より説得力があり、案件獲得につながりやすいのです。

Lottieアニメ制作のデメリットと注意点

良いことばかりではありません。副業として始める前に、知っておくべきデメリットと注意点を正直にお伝えします。ここを理解せずに始めると、思わぬところでつまずきます。

最大のデメリットは、対応できない表現がある点です。前述のとおり、After Effectsの機能すべてがLottieに変換できるわけではありません。凝ったエフェクトを多用すると書き出しで崩れたり、ファイルが重くなったりします。「動画なら何でも作れる」感覚で受注すると、いざ書き出した段階で「これはLottieでは出せません」となり、トラブルになります。受注前に、その表現がLottieで実現可能かを見極める力が必要です。

もう1つの注意点は、書き出し後の検証が地味に手間という点です。After Effectsで完成しても、それで終わりではなく、ブラウザやアプリ上での実機確認が欠かせません。環境によって再生のされ方が違うこともあり、この検証工程を見積もりに入れ忘れると、作業時間が想定より膨らんで時給が下がります。デザイナー側の工数増については、制作現場からこんな声も上がっています。Lottie導入は実装側のメリットが大きい一方で、素材を作るデザイナー側の作業は増える傾向にある、という指摘です。つまり、見積もりはこの「増える工数」を織り込んで出すべきだということです。

そして、副業として最も気をつけてほしいのが、契約と検収の問題です。これは私の専門領域なので、次の章で詳しく扱います。

報酬を守るための契約と検収の知識

ここが、技術記事ではまず触れられない部分です。でも副業を続けるなら絶対に外せません。冒頭で紹介した「思っていた動きと違うから払えない」というトラブル、これがなぜ起きるのか、どう防ぐのかを説明します。

Lottieアニメは「動き」という主観が入りやすい成果物です。だから「イメージと違う」という言葉で支払いを渋られるリスクが、文章やコードより高い。これを防ぐ最大の武器が、契約段階での仕様の明確化です。具体的には、再生時間、ループの有無、解像度、動きの方向性、何回まで修正対応するか。これらを発注時に文書で取り決めておくこと。つまり「どこまでやったら完成とみなすか」を先に握っておくんです。これだけで「イメージと違う」という曖昧な理由での支払い拒否を、かなり封じられます。

2024年に施行されたフリーランス保護新法では、発注者側に取引条件の明示義務が課されています。つまり、業務内容や報酬額、支払期日などを書面（またはメールなどの電磁的方法）で示す義務が、発注者にあるということです。条件があいまいなまま口頭で進めるのは、本来あってはならない。注文を受ける側のあなたから「条件を文書でいただけますか」とお願いするのは、まったく失礼なことではなく、むしろ法律が後押ししている正当な要求です。これ、知らない人が本当に多いんです。

実は私自身、駆け出しのころに似た失敗をしています。クリエイティブな成果物の相談を受けた際、「相手も良識ある会社だから大丈夫だろう」と、修正回数の取り決めを曖昧にしたまま進めてしまったことがありました。結果、修正依頼が延々と続き、最初の見積もりの何倍も時間を取られてしまった。あのとき痛感したのは、「条件を決めるのは相手を疑うことではなく、お互いが安心して仕事を進めるための土台だ」ということです。条件を先に決めるのは、信頼関係を壊すどころか、守る行為なんです。

報酬の支払いについても押さえておきましょう。フリーランス保護新法では、発注者は原則として、成果物を受け取った日から数えて一定期間内（受領日から起算して60日以内のできる限り早い日）に報酬を支払う義務があります。つまり、「検収が終わらないから」といって支払いを無期限に先延ばしにすることは認められていません。法律の正確な内容や相談窓口については、制度を所管する公正取引委員会の情報を確認するのが確実です。

※ただし、契約内容が複雑な場合や、すでに支払いトラブルに発展してしまっている場合は、自己判断せず弁護士に相談してください。少額であれば各地の法テラスや、フリーランス向けの相談窓口も活用できます。法律や契約まわりの相談先を探す段階の方は、キャリア・副業・人生相談のお仕事のような相談系の窓口情報も視野に入れておくとよいでしょう。

契約書づくりや行政手続きに本格的に関わる仕事に興味が出てきたら、行政書士の資格情報も参考になります。クリエイター自身がこうした知識を持っていると、自分の身を守れるだけでなく、同じ立場の人を助けられるようになります。

クライアントとの上手な進め方とコミュニケーション

契約の話とつながりますが、Lottieアニメ制作はコミュニケーションの設計しだいで満足度が大きく変わります。動きという主観的なものを扱うからこそ、認識のすり合わせが成否を分けます。

おすすめは、いきなり完成版を作り込まないことです。最初に「ラフな動き」を簡単に作って見せ、方向性が合っているかを確認してから本制作に入る。こうすれば、完成後に「思っていたのと違う」と言われる事故をほぼ防げます。ラフ段階で1往復するだけで、後の大幅な作り直しを回避できるのです。これは時間の節約にもなり、結果として時給効率を守ることにつながります。

参考素材を共有してもらうのも有効です。「こういう動きが好き」という事例をクライアントから1〜2点もらえれば、言葉では伝わりにくいニュアンスが一気に明確になります。動きの「速さ」「弾み具合」「重さ」といった感覚は、言葉だけでは絶対にずれます。だから視覚的な共通言語を最初に持つことが大切です。

修正回数のルールも、最初に伝えておきましょう。「初回提案＋修正2回まで」のように上限を決め、それを超える場合は追加費用がかかる旨を、最初に合意しておく。これは相手を縛るためではなく、お互いが無限ループに陥らないための約束です。明文化しておけば、いざ修正が重なったときも気まずくならずに済みます。

他のクリエイティブ副業との比較で見えること

Lottieアニメ制作の立ち位置をはっきりさせるために、他のクリエイティブ系副業と比べてみます。比較すると、Lottieならではの強みと弱みが浮かび上がります。

たとえばポッドキャスト制作の副業｜音声編集・企画で稼ぐ方法と単価で扱われる音声編集や、楽器演奏・BGM制作の在宅ワーク｜音楽家のオンライン副業で扱われる音楽制作は、いずれも「素材を作る」点でLottieと近い構造を持ちます。納品物がデジタルファイルで、リモートで完結し、スキルの掛け算で単価を上げられる。在宅副業として通用する条件を満たしています。

これらと比べたときのLottieの特徴は、「実装と直結している」ことです。音声や音楽は最終的に誰かが番組や動画に組み込みますが、Lottieはそれ自体がWebサイトやアプリに直接埋め込まれます。だから、コーディングの知識があるとそのまま実装まで請け負え、付加価値が一段上がります。逆に言えば、純粋なアートワークとしての自由度は音楽やイラストより制約がある、ということでもあります。

文章で稼ぐ道と比べるなら、著述家，記者，編集者の年収・単価相場のデータが対照として参考になります。文章系は参入障壁が低いぶん単価競争になりやすい一方、Lottieは技術的な希少性があるぶん、価格を保ちやすい傾向があります。「学ぶのに少し手間がかかるが、その手間が参入障壁になって自分を守ってくれる」スキルだと考えると、長く続ける副業として理にかなっています。

独自データから見るLottie副業の現実的な位置づけ

最後に、在宅ワーク求人サイトに集まる案件の傾向から、Lottieアニメ制作という副業を客観的に位置づけてみます。

求人や案件ガイドを横断して見ると、Lottieは単独の職種カテゴリとして大きく独立しているわけではなく、サムネイル・バナー・素材制作のお仕事やLP制作・HTML/CSSコーディングのお仕事といった、デザインと実装の周辺領域に分散して存在しています。これは何を意味するか。つまり、Lottie単体で案件を探すより、「デザインができてLottieも扱える」「コーディングができてLottieも書き出せる」という掛け算の形で売り込むほうが、案件にたどり着きやすいということです。

報酬面でも、ソフトウェア作成者の年収・単価相場が示すように、実装スキルが絡む仕事は単価の天井が高い傾向にあります。Lottieは純粋なデザイン素材よりも実装寄りの性質を持つため、コーディングを少しでも理解している人ほど有利になります。逆に、絵を描く力に強みがある人は、サムネイル・バナー・素材制作のお仕事で培ったテイストをそのままLottieに乗せることで差別化できます。

そして、これらすべての土台になるのが契約の知識です。クリエイティブな成果物は評価が主観に左右されやすく、だからこそ条件を文書で固める一手間が、長期的にあなたの報酬を守ります。フリーランス保護新法という後ろ盾がある今、条件提示を堂々と求められる環境が整いました。手数料負担の少ない業務委託マッチングサービスで案件を探しつつ、契約はきちんと文書で交わす。この組み合わせが、Lottie副業を一過性で終わらせず、安定した収益源に育てるための現実的な道筋です。

技術を磨くことと、自分の権利を知ること。この両輪がそろって初めて、副業は安心して続けられます。法律はあなたの味方です。難しく考えず、まずは小さなマイクロインタラクションを1つ作って、動くポートフォリオの第一歩を踏み出してみてください。

公的機関・関連参考情報

本記事の内容に関連する公的機関や信頼できる情報源は以下の通りです。最新情報は公式サイトで確認してください。

厚生労働省

よくある質問

Q. Lottieアニメ制作の副業を始めるために必要なスキルやソフトは何ですか？

dobe After Effectsが必須です。さらに、After Effects上のアニメーションをLottie形式へ変換するプラグイン「Bodymovin」の利用技術も求められます。高度なプログラミング能力は必ずしも必要ありませんが、Lottieは軽量化のため複雑なエフェクトには制限があるため、軽量かつ滑らかに動く素材を作るための「制約の中での表現力」を養うことが重要です。まずは簡単なアイコンの動かし方から練習を始めましょう。

Q. 初心者の場合、副業としての単価はどれくらいから始めれば良いですか？

最初は1案件あたり数千円〜1万円程度の小規模なアイコンやローディングアニメから始めるのが現実的です。実績を積み、ポートフォリオが充実すれば、数万円〜の受注も可能です。単価決定の際は、時給換算で最低賃金を下回らないよう「制作にかかる時間」を正確に把握し、修正回数に応じた追加料金の設定を契約時に明記することで、不当な低単価での受注を防ぎましょう。

Q. 他のアニメ制作副業と比較したLottieアニメのメリットは何ですか？

最大の特徴は「データ容量が非常に軽量」であることです。動画形式（MP4等）に比べWeb表示速度を損なわず、スマホ閲覧が主体の現在のWebマーケティングにおいて需要が非常に高い点です。また、SVGベースのため拡大しても劣化せず、プログラムで動きを制御しやすいため、Webデザイナーやエンジニアからの案件依頼が安定しており、単なる動画素材制作よりも高単価を狙いやすいメリットがあります。

Q. クライアントと契約する際、トラブルを避けるために注意すべきことは？

「修正回数」と「検収基準」を事前に契約書等で明確に定義することです。曖昧な指示による無限修正は収益性を著しく下げます。また、使用するフォントや素材のライセンス確認、著作権の譲渡範囲についても必ず書面で合意を得てください。口頭でのやり取りは避け、常にチャットツール等の記録を残し、仕様変更があった場合はその都度追加費用とスケジュールの再調整を行うことが重要です。