使い方ガイド

01Vectimoとは

SVGを「紙芝居のシーン」として並べ、それぞれに動きをつけて1本の動画に書き出すツールです。

デザインツール（Illustrator・Figmaなど）で作ったSVGをそのまま読み込み、パーツごとにアニメーションを設定できます。写真（PNG・JPG）も1シーンとして読み込め、ズームやパンで動かして思い出のスライドショーづくりにも使えます。写真の差し替え、テロップ、BGMやナレーション、シーン間の切り替え効果まで、動画づくりに必要な要素がひと通りそろっています。Instagram Reelsのような縦型（9:16）から正方形・横型まで対応します。

02画面の構成

画面は大きく分けて「上部バー・左・中央・右・下段」の5つです。

03クイックスタート

まず全体像。3分で1本作る最短ルートです。

04基本の流れ（7ステップ）

実際の制作でおすすめの順番です。

05CSVで文字をまとめて差し替え

同じレイアウトで文字だけ違う動画を量産するときに便利です。

1. SVGを読み込んだ状態で☰ メニュー →「CSVテンプレを書き出し」を選ぶと、そのプロジェクト専用のCSVがダウンロードされます（列：シーン番号／シーン名／パーツID／パーツ名／行／現在のテキスト／新しいテキスト）。
2. Excel等で「新しいテキスト」列に記入。変えない項目は空欄のままでOK（元のテキストが残ります）。
3. ☰ メニュー →「CSVを取り込み」でアップすると、記入した項目だけが一括反映されます。

06画像・動画の一括割当

全シーンぶんの写真・動画を一度に読み込み、どのパーツに入れるか手で指定します。

1. シーンストリップの「メディア一括割当」を開く。
2. 画像・動画ファイルをドロップ（またはクリックで選択、複数可）。画像・動画以外はアラートでスキップされます。
3. 各ファイルのプルダウンで割当先を選択。「シーン2「N2_○○」／ photo_main」のように、どのシーンのどのパーツかが分かる表記です。
4. 「適用」で一括反映。画像は枠に合わせて中央トリミング、動画は各パーツの尺・位置ボタンで後から調整できます。

07アニメーション（全28種）

パーツごとに設定します。写真は「画像だけの動き」も別に指定可能。

登場・単発

強調・ループ（ずっと繰り返す動き）

写真向き（パン・ズーム）

テキスト向き

軌道（パスに沿って動く）

要素が決まった軌道を辿って動きます。「弧を描いて着地」「跳ねながら」などは最後に正しい位置へ収まるので登場演出に、「円を一周」「らせん」はアクセントに向きます。動く幅は「距離」の値で調整できます。

動きの使い回し（コピー・カスタムプリセット）

作り込んだ動きは再利用できます。パーツを選択すると、右パネルのパーツ設定内に次のボタンが並びます。

• 動きをコピー → 別パーツを選んで 貼り付け：その場で複製。
• 保存：名前を付けてカスタムプリセットとして保存。右パネルに一覧で並び、他パーツや別シーンにワンクリックで適用できます（×で削除）。プロジェクト保存（JSON）にも含まれます。

コピーされるのは「動きの性質」（種類・時間・遅延・イージング・退場など）だけで、位置やレイヤー順は移らないので、レイアウトの違うパーツ同士でも安全に使えます。

動きをホバーで確認

右パネルの「動きの種類」プルダウンの下にプレビュー用のマスが並びます。マウスを乗せると小さな四角がその動きで動いて見え、クリックで適用できます。名前だけでは分かりにくい動きも、見て選べます。

図形・帯・アイコンを足す

左カラムの「図形・テキストを追加」（クリックで開閉するメニュー）から、文字・四角・角丸・丸・帯（座布団）・三角・星・矢印・吹き出しを、いま選んでいるシーンにパーツとして追加できます。文字パーツはテロップと違いパーツ扱いなので、レイヤー順の変更や全種類のアニメ（軌道・タイプライター等）が使えます。内容は右パネルの「テキスト編集」から書き換えられます。色を選んでからボタンを押すと中央に追加され、以降は通常のパーツと同じ——ドラッグ移動・サイズ変更・アニメ設定・レイヤー順・色変更——がすべて使えます。追加した図形を選ぶと、右パネルで図形の種類をあとから変更（丸→四角など）でき、色や位置は保たれます。塗りは単色のほかグラデーション（2色＋角度）も選べます。テキストの下に帯を敷く、キャッチに星や矢印を添える、といった装飾に便利です。

08プリセット（8種）

全パーツにまとめて“らしい動き”を当てる出発点。適用後に個別調整できます。

09テロップ

シーンに後乗せする字幕・キャッチコピー。

• 位置決め：プレビュー上をドラッグ。中心に近づくと赤い中心ガイドが出て吸着します（数値入力も可）。
• フォント（6種）：ゴシック／明朝／丸ゴシック／手書き風／極太インパクト／等幅。書き出しでも崩れないフォント構成です。
• スタイル：縁取り文字／帯付き（座布団）。色も個別指定。
• 動き：登場アニメ（フェード・スライド・ポップ等）とタイミング、シーン終了時の自動フェードアウト。

10音声・BGM

BGMは動画全体に1本、ナレーション等はシーンごとに複数。

BGM（動画全体）

音声バーの「＋ BGMを選択」、または音声ファイルを音声バーにドロップ。音量・フェードイン／アウト・ループを設定できます。

シーン音声（複数可）

左カラムの「音声」セクションから追加（ここにドロップも可）。1シーンに何本でも重ねられます。選択すると右カラムで次を調整できます。

11シーン切替エフェクト（6種）

前のシーンから次のシーンへの移り変わり方。各シーンに設定します。

切替の長さ（秒数）も指定できます。全再生・MP4書き出しの両方に反映されます。

12タイムライン

下段。パーツ・テロップ・音声の時間配置をまとめて見て、直接いじれます。

• バーをドラッグ：左右で開始タイミング（delay）を変更。
• バーの右端をドラッグ：長さ（duration）を伸縮。
• ミニサムネイル：各パーツ行に見た目のサムネイルを表示。
• 音声波形：BGM・シーン音声の波形を表示（音ハメ用）。
• ズーム：右上のスライダーで横幅を最大6倍に拡大。細かいタイミング調整がしやすくなります。
• クリックでジャンプ：タイムラインの好きな位置をクリックすると、その時点の静止状態をプレビュー表示。

13書き出し・保存

成果物の出力と、作業状態の保存。

14ショートカット

15つまずき & FAQ

16更新履歴

機能を追加したら、このセクションに追記していきます。