ロゴをMotionに入れたら、画面ではきれいでも書き出し後に輪郭が気になりませんか。 AppleはMotion 6.3以降のSVG読み込みと任意サイズへの拡大を案内しています。ただし、個々のSVGの効果や編集構造、納品結果まで保証するものではありません。代表ファイルをMac上で検収し、結果を見てから採用してください。
Windowsを主な制作環境にし、Motionで動きを付けたいデザイナー向けです。
ブランドロゴの見え方を守りたい方や、Motionプロジェクトをチームへ渡す方も対象です。
最終更新：2026年10月25日。Motionのバージョン情報とSVGの対応状況は、AppleのMotionリリースノート、Motionの対応フォーマット一覧、SVGの使用説明で確認しました。
01 Motion 6.4のSVG検収は、見た目と納品物を分けて判定します
Appleのリリースノートでは、Motion 6.3にSVG読み込みが追加された日付を2026年6月30日とし、SVGを任意のサイズに拡大できると説明しています。また、Motion 6.4の公開日は2026年9月29日です。これらは機能とバージョンの確認情報であり、すべてのSVGが同じ結果になるという保証ではありません。Motionの公式リリースノートを確認し、実案件では次の項目を別々に判定してください。
| 検収項目 | 合格とする状態 | 不合格時の次の手 |
|---|---|---|
| 読み込み | 素材がプロジェクト内に表示される | SVGの内容と読み込み状態を確認する |
| 輪郭 | 想定する画面サイズで縁が許容範囲に見える | 拡大率や出力サイズを変えて再確認する |
| 外観 | 色、線、透明部分、重なりがデザインと合う | 元ファイルとMotion上の表示を照合する |
| 編集 | 必要な位置・大きさ・動きを調整できる | SVGの内部構造を編集できる前提を見直す |
| 納品 | 書き出し、または共有プロジェクトが要件を満たす | 納品形式を成片中心にするか素材を調整する |
Motion 6.4はSVGファイルを読み込めますか。
Appleの案内では、Motion 6.3以降にSVG読み込みが追加されています。Motion 6.4を使う場合も、まず手元のファイルがプロジェクトに表示されるかを確認してください。読み込みに成功したことだけで、色や効果、編集性まで合格とは判定しません。
注意：SVGは拡大しても輪郭を保ちやすいベクター形式ですが、ファイル内の表現やMotion上での見え方は別に検収します。公式の拡大機能の説明を、個々の素材に対する品質保証と読み替えないでください。
02 拡大時の輪郭は、プレビューと書き出しの両方で確認します
SVGベクター図形は、ピクセルを並べたビットマップ画像とは異なり、拡大時に輪郭を保つことを想定した形式です。AppleはMotionでSVGを任意のサイズに拡大できると案内しています。ただし、実際の表示はファイルの内容や最終的な出力条件を含めて確認する必要があります。MotionのSVG使用説明にある機能説明を踏まえ、納品予定の画面サイズで試してください。
次の項目を一つずつ確認します。
- [ ] 小さな配置と、プロジェクト内で最も大きく使う配置の両方で輪郭を見る。
- [ ] プレビューだけでなく、実際に納品する設定で書き出した映像も確認する。
- [ ] ロゴの斜線、細い線、角、曲線など、崩れが目立ちやすい部分を拡大して見る。
- [ ] 背景が透明な場合は、明るい背景と暗い背景の両方で縁や欠けを確認する。
- [ ] 問題が出た場合は、元のSVGと書き出し結果を並べ、どの段階で差が生じるかを記録する。
SVGをMotionで拡大しても輪郭は保たれますか。
MotionはSVGを任意のサイズに拡大できると案内しています。一方で、あなたの素材が目的の出力で期待どおりに見えるかは、代表ファイルを使って確認してください。プレビューのみで判断せず、納品用の書き出しまで通すのが安全です。
03 色や複雑な効果は、元ファイルと並べて見比べます
読み込んだ後は、色、線幅、透明部分、図形の重なりをデザイン元と照合します。グラデーションやマスクなど複雑な表現が含まれている場合も、MotionがそのSVG機能をすべて保持すると決めつけず、見た目の差があるかを個別に確認してください。
| ファイルの特徴 | 確認すること | 受け入れ判断 |
|---|---|---|
| 単色のロゴや単純な図形 | 色、輪郭、配置 | 書き出しでブランド基準を満たすか |
| 細線や小さな文字 | 線の見え方、文字の判読性 | 予定する表示サイズで読めるか |
| 透明部分や重なりを含む図形 | 背景との境界、前後関係 | 透明部分に不要な塗りや欠けがないか |
| 複雑な効果を含む素材 | 効果の有無と見た目 | 元ファイルとの違いが許容できるか |
複雑なSVGは、どの部分を見直せばよいですか。
色、線、透明領域、重なり、複雑な効果を優先して照合します。異常があれば、元SVGを別の表示方法でも確認し、素材そのものの表示とMotionに読み込んだ後の表示を切り分けます。確認できていない機能の対応範囲を推測で補わず、目視した差だけを記録してください。
現場で迷ったら、元ファイルの表示、Motionのプレビュー、書き出した成片の3つを同じ表示サイズで比較します。差が出た場所を特定できれば、素材の修正か書き出し設定の見直しかを判断しやすくなります。
04 編集できる範囲と納品条件を先に決めます
「画面として正しく見えること」と「図形を個別に編集できること」は別の検収目標です。SVGがMotionに読み込まれても、内部のパーツが自動で個別のMotionレイヤーになるとは限りません。位置や大きさの調整だけでよいのか、図形を分解して別々に動かしたいのかを、作業前に分けてください。
確認の手順は次のとおりです。
- [ ] 変更したい対象が、SVG全体の位置・大きさなのか、内部の各パーツなのかを決める。
- [ ] 必要な動きを代表ファイルに加え、狙った単位で調整できるかを確認する。
- [ ] パーツ単位の変更が必要なのに行えない場合は、元データ側で分割する方法を検討する。
- [ ] 顧客に渡すものが動画だけか、編集可能なプロジェクトも含むかを決める。
- [ ] プロジェクトを渡す場合は、素材の参照先を含めて受取側で確認できる状態にする。
Motionのメディア読み込みガイドも参照し、どの素材がプロジェクトで使われているかを確認します。プロジェクトの保存や受け渡しでは、Motionの保存・自動保存の案内を参照してください。
05 Windows制作では、準備とMotion上の最終検収を分けます
Windows上では素材の整理やSVGファイルの確認を進められますが、それだけではMotionへの読み込みやMotionからの書き出し結果を検収できません。Motionを制作工程に含めるなら、代表ファイルを使った確認をMac環境で行ってください。利用環境の要件は、AppleのMotionシステム条件で照合できます。
WindowsのパソコンからMotionでSVGを確認するには、どう進めますか。
Windows側で代表的なSVG、必要なフォントや素材、納品条件を整理します。その後、利用可能なMac環境でMotionに読み込み、配置、動き、書き出しを確認してください。Motionの利用許諾と使用環境を別々に確認し、試したファイルと結果を記録してから本番工程へ進みます。
書き出しでは、用途に合った形式と設定を選び、最終映像を確認します。Motionの書き出し設定ガイドを参照し、透明部分や輪郭を含めて納品物を判定してください。編集可能なプロジェクトが不要なら、プロジェクト内部の編集性より、成片が要件を満たすかを優先できます。
作業環境を検討するときは、CALMVPSの案内と利用料金の情報を確認できます。WindowsだけでMotionの最終結果を確かめることはできず、自分でMacを購入すれば初期費用や保守が必要になります。一方、短期利用のMac環境は、ソフトウェアの許諾、素材の受け渡し、利用条件を事前に確かめる必要があります。代表的な案件で検収が必要な期間と作業内容を整理し、条件が合う場合に限ってCAMLVPSの利用案内を確認してください。
06 検収結果に応じて、継続・素材調整・納品方法を選びます
最後に、判定を次のように分けます。
- 輪郭、色、透明部分が書き出しでも要件を満たし、必要な動きも設定できるなら、そのSVGをMotionの工程に採用します。
- 見た目に差があるなら、元SVGの構成や表現を調整し、同じ条件で再検収します。
- 個別編集が必要なのに図形を分けられない場合は、素材をパーツ別に用意するか、別の納品方法を選びます。
- 動画だけを渡す案件では、編集可能なプロジェクトを必須条件にせず、成片を基準に合否を決めます。
Windows中心の制作では、素材準備だけで完結する方法と、Motionを使うためにMacで最終確認する方法のどちらにも手間があります。Motionが必須で、手元にMacがない場合は、ソフトウェアの許諾、ファイルの受け渡し、利用条件を確認してから、代表的なSVGで短期の作業環境が適するか判断してください。