Motion Makerでは、お手持ちの写真からアニメーション付きのグラフィックを作成できます。メールのGIF、Webバナー、SNS投稿、ストーリーズ、短い動画などです。上部で26種類のアニメーションスタイルから選べます。スタイルはカテゴリごとに分類されており、それぞれライブで再生されます(独自のグラフィックを追加すると、それが使われます)。グラフィックライブラリからシーンにグラフィックを入れ、各シーンの文字を入力します。ライブプレビューでそのスタイルの再生を確認し、音楽(aiKitオリジナル16曲、または自分の曲)を追加して、GIF、MP4クリップ、WebMクリップのいずれかで書き出せます。すべての手順は手作業で行えます。オプションの「AIに設定を任せる」の行を使うと、最初の下準備をAIが行います。すべての処理は自分のブラウザ内で行われ、完成したファイルはそのままグラフィックライブラリに戻せます。ツールライブラリから開くか、aikit.ai/tools/motion-maker にアクセスしてください。
Motion Makerを開く →画面上部は「1 アニメーションスタイルを選ぶ」です。大きなカードが横に並び、それぞれがそのスタイルでライブ再生されます(独自のグラフィックを追加すると、それが表示され、追加前はサンプル写真が使われます)。カードの上にはカテゴリタブがあり、すべて、なめらかでエレガント、大胆でインパクト、SNSとトレンド、セール・小売、シネマティック、イベントと祝日、楽しくクリエイティブ、レイアウト、シンプルでクリーンの各カテゴリと、それぞれのスタイル数が表示されます。使用中のスタイルのカテゴリには青い点が付きます。「すべて」では、カテゴリごとにすべてのスタイルが表示されます。横にスクロールするとさらに表示されます。選択中のカードには青い枠が付き、その上の行にスタイル名とシーン数が表示されます。写真を追加すると、最初のタブは「自分の写真から作成」になります。ここには、自分の写真と文字だけで作られた案が並び、ワンクリックで選べます(「2枚目の写真が先頭」「最後の写真が先頭」「最初の3枚で短くテンポよく」「すべてを1画面にグリッド表示」「文字を前面に」「映画の予告編風」)。「アイデア」マークのカードは、まだ試していない表現です。「文字がなめらかに登場」「ニュース風テロップ」「大きなフィナーレ(最後にロゴ、見出し、ボタンを表示)」「セール表示にする(価格がはじける演出)」「文字が弾む」などがあり、文字を追加したシーンでは文字向けのアイデアが表示されます。最後のカードを押すと、「ビジネス向けテンプレート」が開き、さらに多くのアイデアを見られます。カードを選ぶと、スタイル、順序、文字の動きがすぐに変わります。プレビュー下の「元に戻す」を押すと、以前の状態に戻ります。
その下にあるライブプレビューでは、作成中のアニメーションがリアルタイムで再生されます。左上にはピクセルサイズが表示され、再生・一時停止、スクラバー、「テキストを追加」(シーンに文字がある場合は「テキストを追加」)のボタンがあります。その隣(ノートパソコンでは右側の「シーン」タブ、ワイド画面では左側)には「2 シーンを埋める」があります。「音楽」「編集」「書き出し」は別のタブです。スマートフォンでは、手順が縦に並びます:スタイル、プレビュー、タブの順です。
スタイルを選ぶと、名前付きのシーンが順番どおりに読み込まれます。たとえば「Zoom punch」には Hook、Product、Product、Offer があり、「Logo reveal」にはオープニングのカットの Opening shot、2 つの Product、ロゴの前の Build-up があります。「Split screen」は Left と Right を組み合わせます。空のシーンにはそこに入れるものが書かれ、Pick a graphic ボタンが表示されます。次に埋めるシーンはハイライトされます。
Pick a graphic を押すと、Graphics Library がウィンドウで開きます(ライブラリと同じ検索とフィルターに加え、Upload photos も使えます)。1 つ選ぶと、そのシーンに入ります。Pick graphics for N empty scenes では、順番に複数選べます。選んだものは上のシーンから順に空のシーンに入ります。Upload photos を押すと、新しい写真が Graphics Library の Motion Maker uploads フォルダに保存され、シーンにも入ります。
写真が入ったシーンには、その画像(クリックすると、そのシーンからのプレビューを再生します)、名前、前後に移動する矢印、取り除く × が表示されます。その下には、シーンの文字を入力する欄(80 文字まで。欄の例文はそのスタイルに合う長さを示しています)、画像を差し替えつつ文字と時間は残す Replace graphic、そして秒数(0.3〜15 秒)があります。Write the words for me を押すと、Brand Voice を使って各シーンの文章を自動で書きます。
目を引く文字: シーンに文字が入ると、カードに 3 つの選択肢が表示されます。登場の仕方は、Still、Fade in、Slide up、Pop、Type on、Word by word(単語が順番に上がる)、Highlighter(ブランドカラーのマーカーが文字の後ろを走る)、Blur to sharp、Bounce in から選べます。見た目は、控えめなもの(Soft shadow、Outline、Glow)か、目立つもの(3D はブランドカラーで立体的に表示、Neon、Gradient、Retro offset)から選べます。フォントは 8 つのグループ(Clean、Bold、Condensed、Serif、Script、Handwritten、Fun、Retro)にまとめられた 31 種類があり、それぞれ実際の書体で表示されます。Same as the animation を選ぶと、編集タブで設定したアニメーション全体のフォントに従います。その下の Add words と Add a button で、シーンにさらに文字ブロックを追加できます(最大 6 つまで)。各ブロックには、入力または音声で言葉を入れる欄、位置(Under the words、または Top left、Top、Top right、Left、Center、Right、Lower third、Bottom left、Bottom、Bottom right の候補から選択)、表示開始のタイミング(シーン内の秒数。新しいブロックは前のブロックの少し後に始まります)、そしてゴミ箱のアイコンがあります。ボタンは、ブランドカラーの角丸の行動喚起ボタンで、ふわっと現れてやさしくパルスします。古い「2 行目」とボタンの設定で保存されたアニメーションは、同じ位置にブロックとして表示されます。エンドカードには独自の見た目とフォントがあります。Let AI set it up を押すと、スタイルに合わせて効果、見た目、フォントを選び、あなたが入力した情報だけを使って 2 行目とボタンを書きます。文字は自由に頼めます(「2 枚目の写真の右上に傾いた NEW のバッジ」「すべての写真の下に電話番号」など)。その場合は、指定の位置に文字ブロックとして追加されます。シーンのフォントや文字の見た目を変えると、そのシーンが静止した状態でプレビューに表示されます。各シーンを繰り返す Plays once は、Plays 2×、3×、4×、5×、10× から選べます。選ぶと、そのシーンが連続してその回数再生されます(上部の長さには、すべての再生回数が含まれます)。商品写真をじっくり見せたい場合や、ループ表示の看板に便利です。
Scenes の上部にある How long(グラフィックを追加すると表示されます)では、アニメーション全体の長さを設定します。選べるのは 6、10、15、30 秒で、任意の数字を入力して Enter を押すこともできます。秒数は各シーンに均等に割り振られます(エンドカードは独自の長さを保持します)。Cut on the beat を有効にすると、各シーンは拍の単位に丸められ、プレビュー下の概要に実際の長さが表示されます。各シーンの秒数は、後から個別に変更できます。
スタイルのシーン数より多くのグラフィックを追加すると、Extra scenes として同じスタイルで続きます。スタイルを切り替えても、グラフィックと文字はそのまま残り、シーン名だけが新しいスタイルのものに変わります。
エンドカードは最後のシーンです(見出しやボタンの文字を入力する、または見た目を変えると、変更を確認できるようにエンドカードが静止した状態でプレビューに表示されます)。Finish on it を押してから、Pick your logo(Logo Kit のブランドキットまたは Graphics Library から選択)、Headline、Button words、背景を設定します。背景は、最後の写真をぼかしたもの、または Logo reveal の場合はブランドカラーの放射状の演出、あるいは White、Black、ブランドカラーから選べます。約 2 秒間表示されます(Cut on the beat 有効時は拍単位)。
右上の Working on(クライアントまたはプロジェクトがあると表示されます)では、選択したクライアントまたはプロジェクトのグラフィックだけが選択肢に表示され、新しいアップロードにもそのタグが付きます。Graphics Library から Send to Motion Maker を押すと、選んだ順番どおりにグラフィックがシーンに入った状態で Motion Maker が開きます。
業種別テンプレート(Pick an animation style の隣のボタン)を押すと、85 種類の作成済みテンプレートが表示されます。リストから業種を選びます(21 業種には専用テンプレートがあり、Food & local shops、Services & trades、Events & community、B2B、print & tech、Hospitality のグループに分かれているほか、Any business もあります)。次にアニメーションの種類を選びます。Promotions & sales、Talking & teaching、Brand & social、Ads & listings から選べます。検索欄では、sale、menu、hiring、tour などの言葉でテンプレートを探せます。選んだ業種は次回も記憶されます。その業種のテンプレートが先に表示され、その後に任意のビジネスに合うテンプレートが続きます。
各カードは、Motion Maker 自身がブランドカラーで描いたもので、テンプレートの文字がその業種のストック写真の上に重ねられています(使うときはご自身の写真に差し替えられます)。カードにマウスを合わせる(またはキーボードで移動する)と、動きを確認できます。各カードの下には、業種と種類、1 行の説明、サイズ、シーン数が表示されます。
テンプレートを選ぶと、スタイル、サイズ、音楽、文字、エンドカードの見出しとボタンが設定されます。タイムラインにある写真はそのまま残り、テンプレートの文字が順番に割り当てられます。下の空のシーンには、どの写真が合うかが表示されます(例: The dish, close up)。写真を追加すると、そのシーンに文字が入ります。すべての文字は変更でき、Undo を押すとアニメーションが元の状態に戻ります。
ロゴは自動で入ります。ロゴがすでに選ばれている場合、またはブランドキット(Logo Kit)にロゴがある場合、テンプレートはコーナーマークをオンにし、エンドカードにロゴを表示します。ロゴがまだない場合、ウィンドウには Add your logo のリンクが表示されます。ロゴの移動、サイズ変更、削除は、いつでも Edit から行えます。
同じテンプレートがVideo Kitにもあるので、同じプロモーションのアニメ版と実写版が揃います。
上部のスタイルカードはリアルタイムで動きます。グラフィックや文字をシーンに入れていればそれで、まだなければサンプル写真でプレビューされます。カードをクリックするとシーンとプレビューがすぐに切り替わります。概要欄の「元に戻す」で前のスタイルに戻せます。スタイルは写真の動きや重なり方、同時に表示される枚数、フォント、文字の見せ方と表示の仕方、各写真の長さ(音楽がある場合は音楽の拍単位)を決めます。入力した文字とドラッグした位置はそのまま残ります。フォントと文字の見た目はスタイルのものに切り替わります(各ブロックで好みに戻せます)。
1つのシーンには、メインの文字に加えて最大6つまでの文字ブロックを置けます。再生ヘッドの位置にある写真のブロックは、表示されている場所にそのまま枠が出ます。クリックするとその場で入力でき(入力中はステージが動きません)、ドラッグすると画面内のどこへでも移動できます(位置はその写真に保存されます)。キーボードでは、Tabでブロックを選び、Enterで入力、矢印キーで微調整します(Shiftを押しながらだと大きく動きます)。「テキストを追加」を押すとメインの文字が表示中の写真に追加されます。文字が入っている場合は、「テキストを追加」で空いている場所に新しいブロックが追加され、すぐに入力できます。
入力中は、ブロックに3つのハンドルが表示されます。上の丸いハンドルで回転します(まっすぐ、および15度ごとに吸着します)。右下のハンドルでサイズを変え、左上のハンドルで移動します。
ブロックの上(または下)には2段のツールバーがあります。1段目:サイズ(S、M、L、XL。サイズハンドルで細かく調整)、色(白、黒、ブランドカラー、ブランドキットの色、任意の色)、フォント(グループ分けされた31種類)、文字の見た目(ソフトシャドウ、縁取り、グロー、3D、ネオン、グラデーション、レトロオフセット。3Dとレトロは暗い縁があるので、小さくても目立ちます)、背景(背景なし、ダーク、ライト、ブランドボックス、ボタン)。2段目:表示の仕方(静止、フェードイン、下からスライド、ポップ、タイプライター、一語ずつ、蛍光ペン、ぼけから鮮明、バウンド)、表示開始(そのシーン内で文字が現れる秒数)、行揃え(左、中央、右)、3×3の配置グリッド(左上、上、右上、左、中央、右、左下、下、右下。クリックするとブロックがその位置に移動し、「配置をリセット」でメインの文字の下に戻ります)、回転を戻す(回転している場合)、コピーボタン、ゴミ箱、そして「完了」(またはEscape)。シーン一覧と編集タブにも同じブロックが表示されるので、どこからでも編集できます。
3行目:文字の動き方(表示中)。静止(初期設定)は文字をその場に置いたままにします。「移動先へスライド」は、今の位置から2つ目の位置まで文字を動かします。ステージに点線と「ここで終了」ボックスが表示されるので、文字を最終的に置きたい場所までドラッグしてください。着地の仕方は、なめらか、弾む着地、すばやいから選びます。その場で動く動きは、ふわふわ(上下に揺れる)、ドリフト(左右に滑る)、回転(小さな円を描く)、拡大(ゆっくり大きくなる)、脈動(ハートのように拍動する)、振動、ニュース風スクロール(ニュース速報のように右から左へ流れる)です。繰り返し回数は、そのシーンで動きを何回再生するかを決めます。1回、2回、3回、5回、またはシーン全体(シーンが終わるまで続く)から選べます。動きはプレビューと、すべてのGIF、MP4、WebMに反映されます。
モーションメーカーではAIは一切必要ありません。手早く始めたい場合は、ステージの上にある折りたたまれた「AIにセットアップを任せる」の行を開き、アニメーションを1文で説明してください。例:地元の花屋の春のブーケを紹介する10秒のストーリーで、最後に「金曜日までに注文」と入れる。「セットアップ」を押す(またはCtrlキーまたはCmdキー+Enter)。処理中は、スタイル、サイズ、長さを選び、ブランドボイスで写真用の文字を作成していることが行に表示されます。
1回の短いAI呼び出しで、スタイル、サイズ、長さ、BGMのムード(aiKitオリジナル、またはメールGIF用に音楽なし)、順番どおりの各写真用の数語、説明に含まれている場合は締めの見出しとコールトゥアクションを選びます。使うのはあなたが入力した事実だけで、価格、日付、オファーを作り出すことは決してありません。結果には、選んだ内容と理由が表示されます。その後はすべて手動で変更でき、「元に戻す」を押すとアニメーションが元の状態に完全に戻ります。シーンにまだグラフィックがない場合は、追加すべき写真を順番に一覧表示し、文字はそれを待ちます。グラフィックを追加するたびに、次の写真が割り当てられます。各セットアップには少額のAI利用料がかかり、アカウントのAI利用量に加算されます。描画自体は常にブラウザ内で行われます。
ご依頼内容はすべて確認されます。結果には各リクエストが一覧表示され、プランで実際に対応できている項目にはチェックマークが付きます。対応できなかった項目は「まだ未対応」の下に先頭に表示され、理由が示されます。例:「ウクレレの音楽」(aiKitオリジナルにウクレレの曲はないため、最も近い曲がオンになり、音楽設定から独自のファイルを追加できます)や、キャプションに絵文字が含まれていない場合の「各キャプションの後に絵文字」。この確認はAIの回答を信用するのではなく、プラン自体に対してコードで行われます。キャプションに絵文字が付くのは、依頼された場合のみです。「白で終わる」(または黒、ブランドカラー)は、エンドカードの背景を設定します。別の回転速度の設定はありません。「もっと遅く」は、各写真の表示時間を長くします。
結果の下にある「この画像のアイデア」には、AIがあなたの写真や文章をもとに提案する3〜4個のボタンが表示されます。たとえば、商品にはフォトグリッドを試してみる、といったように理由を添えた別のスタイルが少なくとも2つと、アニメーションを大きく変える創造的なアイデア(お得な情報を伝えるクロージングカードや別の音楽の雰囲気など)が含まれます。1回クリックすると、サイズはそのままで変更として試せます。元に戻すを押すと、アニメーションは元の状態に戻ります。
「AIにおまかせで設定」では、すでに選んだサイズを維持します。ただし、文章でストーリー、正方形の投稿、メールのバナー、1080×1920 などを指定した場合は、それに従います。どのサイズを維持したかは注記で表示されます。「どこを変更しますか?」は、画面に表示されているアニメーションをそのまま出発点にします。手動で変更した部分も含まれます。スタイル名、エフェクト、動き、もっと速く、もっと創造的になど、見た目について指定しない限り、スタイルは維持されます。
最初の設定のあと、入力欄は「どこを変更しますか?」に変わります。変更内容を入力し(例:もっとゆっくりに、最後は白で終わる)、「プランを更新」を押してください。現在のプランは、言及していない部分をそのまま残して修正されます。最初からやり直すを押すと入力欄が消え、新しいアニメーションを説明できます。元に戻すを押すと、プランを1つずつ戻せます。
再生中の曲は音楽タブの上部に表示されます。曲名、アニメーションで使用している部分が明るく表示される波形、開始位置(スライダー)、ベストな箇所を探す(aiKitオリジナル:小節の頭から始まる最も盛り上がる部分)、フェードイン、フェードアウト、音量、拍に合わせてカット(各シーンの長さは拍の整数倍に丸められるため、どの切り替えも音楽に合います)、音楽なしがあります。
aiKitオリジナル(16曲):Bright Morning と Golden Hour(アップテンポ)、Easy Sunday(チル)、Big Reveal(シネマティック)、Clean Studio(ビジネス向け)、Night Drive と City Lights(シンセ)、Bounce(ダンス)、Corner Cypher と Late Shift(ヒップホップ)、Still Water と First Light(アンビエント、ドラムなし)、Porch Light と Sunday Market(アコースティック)、Snow Day と Warm Wishes(ホリデー)。ムードのチップで一覧を絞り込めます。▶ を押すと各曲の一部が再生されます。aiKitがブラウザー上でこれらの曲を自ら作曲・再生するため、広告を含めどこでも料金やトークンなしで使用できます。
自社のCMとジングル:aiKitチーム自身のアカウントのみで利用できます。音楽タブの上部の棚には、Infinityの広告曲(語りのパート付きの Change The World、15秒、44秒、60秒バージョンの You're The Best、Paint)と、フックまたはフルバージョンのジングル1〜3、そしてオリジナルのジングルが並びます。各曲には ▶ があり、一部を聴けます。他のアカウントには表示されません。
自分の音楽:「音楽をアップロード」では、15 MBまでの MP3、M4A、WAV ファイルを選べます。ファイルはグラフィックライブラリに音楽として保存されます(波形の画像付き。Motion Maker music フォルダーに入り、作業内容に合わせてタグ付けされます)。そのうえでアニメーションに設定されます。「ライブラリから選択」では、以前保存した音楽を一覧表示できます。権利を持っている音楽だけを使用してください。
音楽はプレビューで再生され、MP4 と WebM のクリップに含まれます。GIF は音声がありません。
ナレーション(音楽タブの上部):Voice Kit で作成したナレーションは、そちらで Motion Maker に使用を押すとここに届きます。ナレーションの名前と長さ、開始位置(声が始まるタイミング)、ナレーションの音量、ナレーション中は音楽を下げる(初期設定でオン)、ナレーション中の音楽の音量(初期値は25%まで下がる)が表示されます。音楽を下げる動きはフェードイン・フェードアウトするため、急に変化したようには聞こえず、単語間の短い切れ目でも維持されます。ナレーションがアニメーションの終わりを超える場合は、どれだけ超えているかが注記で表示されます。その場合は、シーンを長くするか、台本を短くしてください。ナレーションを削除を押すと外れます。Voice Kit で変更を押すと Voice Kit が開きます。ナレーションはプレビューや MP4、WebM のクリップで音楽と一緒に再生され、アニメーションと一緒に保存されます。ナレーションがない場合は、同じ場所に Voice Kit を開くボタンが表示されます。
「保存とダウンロード」(Motion Makerの上部にある青いボタン)を使うと、1つの画面ですべての操作ができます。まず名前を付けてから形式を選びます:MP4動画(どこでも再生でき、音楽付き)、GIF(メール向け、音なし)、WebM動画(ウェブサイト向け)、静止画(PNG、アニメーションの元のサイズで、冒頭の場面と文字を保存)、または静止画のPDF(1ページ、300 dpiで鮮明)。GIFの場合、「再生回数」は次から選べます:無限に繰り返す(初期設定)、1回(最後のフレームで止まる)、または2回、3回、5回、10回再生して停止。MP4またはWebMの場合は、1回、または2〜10回を連続した1つの長いファイルとして再生し、音楽も繰り返されます。保存先は、「グラフィックライブラリに保存」「このパソコンにダウンロード」「保存済みアニメーションで編集可能に保つ」から選べ、いくつでもチェックできます。ライブラリの詳細項目:代替テキスト(自動入力済み)、カテゴリ(ライブラリのカテゴリをタップするか、新しいものを入力して「追加」を押す)、タグ(よく使うタグがチップで表示されるのでタップ、または入力してEnterキーを押す。入力中に一致するタグが表示されます)、クライアント、プロジェクト(クライアントを選ぶと、そのクライアントのプロジェクトだけが表示されます)、コレクション。ボタンを押すとプログレスバーが表示され、ファイルが作成された後、保存・整理・ダウンロードされ、画面に完了内容とグラフィックおよび保存済みアニメーションへのリンクが表示されます。次回の保存では同じ選択内容から始まり、追加したカテゴリやタグはそれ以降チップとして表示されます。
結果の下にある項目:タイトルと代替テキスト(どちらも必須。どちらもクリップから自動入力されます)、カテゴリ(ライブラリのものから選ぶか、新しいものを入力)、タグ(入力すると一致するタグが表示され、Enterキーで追加。「関連」には最初のタグとよく一緒に使われるタグが表示されます。アニメーションクリップのタグは常に追加されます)、コレクション(1つ選ぶか新しい名前を入力。自動で作成されます)、クライアント(クライアントがいる場合)。「グラフィックライブラリに保存」を押すと、アニメーションから作成したポスター画像と一緒にファイルがアップロードされ、「グラフィックライブラリで開く」「編集を続ける」「最初からやり直す」が表示されます。ライブラリの上限である25 MBを超えるファイルは、先にサイズを小さくするか、アニメーションを短くしてください。
「後で使うために保存」を押すと、アニメーション全体(写真、順序、スタイル、文字と配置位置、フレーミング、サイズ、音楽、設定)が名前付きでチームのために保存されます。これは完成したファイルではありません。もう一度保存すると、同じものが更新されます。「保存済みアニメーション」では、新しいものから最大50件が、画像、クリップ数、長さ、日付とともに一覧表示されます。検索ボックス、「開く」、「複製」(「(copy)」という名前のコピー)、「削除」(確認が表示されます)があります。ブラウザでは8秒ごとに下書きも保存されます。Motion Makerを再度開くと「再開」が表示されます。「最初からやり直す」を押すと、確認の後にすべてのシーンが消去されます。保存済みアニメーションは消えません。
ツールライブラリにあるMotion Makerのプレビューは、練習用のコピーで動作する本物のツールです。画面上部のバーには常に「プレビュー — 練習用コピー、何も保存されません」と表示され、「本物のツールを開く」ボタンがあります。自分の写真を数枚、必要であれば音楽もアップロードしてください。プレビューでは、それらはブラウザ内に留まり、どこにも送信されないので、すべてのスタイルと種類でステージ上の再生を確認できます。「AIに設定してもらう」を使うと、キャプションはあなたの言葉から作られたラベル付きのサンプルで応答します(AIは動作しません)。アニメーションの保存やグラフィックライブラリへの保存はプレビューには含まれません。その場合、バーには何が停止されたかが示され、何も保存・送信されていないことが伝えられ、「本物のツールを開く」が表示されます。
もっと手早く、具体的に知りたいときは よくある質問をご覧ください。