シェイプで帯や矢印を置く

まず、図形を置く前の画面を確かめましょう。図形は人物の顔に重ならない、空いた場所に置きます。

1. 1プレビューで、空いている場所を確かめます。この作例では、リカの右側と右上を図形に使います。
2. 2時間軸には、上からアバタークリップ、発話クリップ3本、背景が並んでいます。
3. 3プレビューの下にある「メディア追加」をクリックします。

↘赤い矢印・白い札は、このマニュアルの操作案内です ＋ 注釈付きで画面を拡大

1. 1
   確認 プレビューで、空いている場所を確かめます。この作例では、リカの右側と右上を図形に使います。
2. 2
   確認 時間軸には、上からアバタークリップ、発話クリップ3本、背景が並んでいます。
3. 3
   操作 プレビューの下にある「メディア追加」をクリックします。

確認ポイント シェイプは、画像や動画と同じ「メディア追加」の画面の中にあります。

「メディアを追加」の画面が開きます。開いた直後は、写真やイラストが並ぶ「プリセット」のタブです。

1. 1開いた直後は「プリセット」が選ばれていることを確認します。
2. 2右上の「シェイプ」をクリックします。

↘赤い矢印・白い札は、このマニュアルの操作案内です ＋ 注釈付きで画面を拡大

1. 1
   確認 開いた直後は「プリセット」が選ばれていることを確認します。
2. 2
   操作 右上の「シェイプ」をクリックします。

確認ポイント 「シェイプ」は左の2つのタブから離れた、右端にあります。

図形の一覧に切り替わります。上の段で色と枠線を決め、下の一覧から図形を選ぶ画面です。

1. 1「塗り」は図形の色です。12色から選べます。最初は青が選ばれています。
2. 2「枠線」は図形の縁の線です。最初は「なし」です。
3. 3図形は20種類です。四角形、円、星、矢印、吹き出し、リボン、帯などが並びます。下へスクロールすると、残りが出てきます。

↘赤い矢印・白い札は、このマニュアルの操作案内です ＋ 注釈付きで画面を拡大

1. 1
   確認 「塗り」は図形の色です。12色から選べます。最初は青が選ばれています。
2. 2
   確認 「枠線」は図形の縁の線です。最初は「なし」です。
3. 3
   確認 図形は20種類です。四角形、円、星、矢印、吹き出し、リボン、帯などが並びます。下へスクロールすると、残りが出てきます。

確認ポイント 一覧の見本は、いま選んでいる色と枠線で表示されます。色の右端の四角は、12色以外の色を選ぶための欄です（この記事では使っていません）。

ひとつ目は、見出しの後ろに敷く帯です。色は最初の青のまま使います。

1. 1一覧を下へスクロールして、「帯（テロップ用）」をクリックします。選ぶと、枠が青くなります。
2. 2右下の「追加」をクリックします。

↘赤い矢印・白い札は、このマニュアルの操作案内です ＋ 注釈付きで画面を拡大

1. 1
   操作 一覧を下へスクロールして、「帯（テロップ用）」をクリックします。選ぶと、枠が青くなります。
2. 2
   操作 右下の「追加」をクリックします。

確認ポイント 図形を選ぶまで、「追加」は押せません。

帯が画面の中央に、横幅いっぱいで置かれました。このままでは人物に重なるので、次の手順で大きさと位置を直します。

1. 1いちばん上に増えた行の「帯（テロップ用）」のクリップをクリックします。クリップは、作品の先頭から終わりまでの長さで入っています。
2. 2プレビューでは、帯の四隅と上・左に、白いつまみが表示されます。
3. 3右側の「図形」を開くと、塗り・枠線・大きさの欄があります。追加した直後の大きさは 1280 × 160 です。

↘赤い矢印・白い札は、このマニュアルの操作案内です ＋ 注釈付きで画面を拡大

1. 1
   操作 いちばん上に増えた行の「帯（テロップ用）」のクリップをクリックします。クリップは、作品の先頭から終わりまでの長さで入っています。
2. 2
   確認 プレビューでは、帯の四隅と上・左に、白いつまみが表示されます。
3. 3
   確認 右側の「図形」を開くと、塗り・枠線・大きさの欄があります。追加した直後の大きさは 1280 × 160 です。

確認ポイント 追加した直後、右側には前に選んでいたクリップの内容が残っていました。図形のクリップをクリックすると、「タイプ」が「シェイプクリップ」に変わります。「図形」の見出しが閉じているときは、見出しをクリックして開きます。

帯を、見出しがちょうど入る大きさにして、右上へ動かします。

1. 1「大きさ」に、横 620、縦 90 を入力します。値を入れたら Tab キーで確定します。縦と横を別々に変えられます。
2. 2「位置 X / Y」に、X 290、Y -280 を入力します。画面の中央が 0 で、X は右、Y は下がプラスです。
3. 3帯が小さくなり、右上へ移ったことをプレビューで確認します。

↘赤い矢印・白い札は、このマニュアルの操作案内です ＋ 注釈付きで画面を拡大

1. 1
   入力 「大きさ」に、横 620、縦 90 を入力します。値を入れたら Tab キーで確定します。縦と横を別々に変えられます。
2. 2
   入力 「位置 X / Y」に、X 290、Y -280 を入力します。画面の中央が 0 で、X は右、Y は下がプラスです。
3. 3
   確認 帯が小さくなり、右上へ移ったことをプレビューで確認します。

確認ポイント 画面の説明には、プレビュー上のドラッグで移動、四隅のつまみで大きさ、上のつまみで回転ができると書かれています。この記事では、同じ値を再現しやすいよう、すべて数値で入力しました。

図形そのものには文字を入れられないので、文字は「テキスト」で別に置いて重ねます。プレビューの下の「テキスト」を押すと、いちばん上にテキストの行が増えます。図は、作例を仕上げたあとで、その文字のクリップを選び直した画面です。

1. 1「テキスト」の欄に「ひだまりホールへの道順」と入力し、Tab キーで確定します。
2. 2「文字サイズ」に 42 を入力します。帯の高さ 90 に収まる大きさです。
3. 3文字の「位置 X / Y」を帯と同じ 290、-280 にすると、文字が帯の中央に重なります。

↘赤い矢印・白い札は、このマニュアルの操作案内です ＋ 注釈付きで画面を拡大

1. 1
   入力 「テキスト」の欄に「ひだまりホールへの道順」と入力し、Tab キーで確定します。
2. 2
   入力 「文字サイズ」に 42 を入力します。帯の高さ 90 に収まる大きさです。
3. 3
   確認 文字の「位置 X / Y」を帯と同じ 290、-280 にすると、文字が帯の中央に重なります。

確認ポイント 前後の重なりは、行の上下で決まります。上の行ほど手前です。文字の行が帯の行より上にあるので、文字が帯の手前に出ます。文字の入れ方や書体は「テキストを追加・配置する」でくわしく説明しています。この作例では、文字のクリップも作品の終わりまで延ばしました。

ふたつ目は矢印です。もう一度「メディア追加」→「シェイプ」を開き、今度は色と枠線を先に決めます。

1. 1「塗り」のオレンジをクリックします。
2. 2「枠線」をクリックして「細い」を選びます。ほかに「ふつう」「太い」があります。
3. 3「矢印」をクリックして選び、右下の「追加」を押します。

↘赤い矢印・白い札は、このマニュアルの操作案内です ＋ 注釈付きで画面を拡大

1. 1
   操作 「塗り」のオレンジをクリックします。
2. 2
   操作 「枠線」をクリックして「細い」を選びます。ほかに「ふつう」「太い」があります。
3. 3
   操作 「矢印」をクリックして選び、右下の「追加」を押します。

確認ポイント 色と枠線を変えると、一覧の見本もすぐに同じ見た目に変わります。枠線の色は、最初の黒に近い色のまま使いました。

矢印も、作品の先頭から終わりまでの長さで入りました。このままでは最初から最後まで出たままなので、出したい時間だけを残します。この作例では、2つ目のせりふ「…まっすぐ進みます。」の話し始めに合わせます。

1. 1再生位置を、矢印を出したい時刻に合わせておきます。時間軸の目盛りをクリックすると移動できます。この作例では 4.97 秒です。
2. 2いちばん上の行の「矢印」のクリップをクリックして選びます。
3. 3「分割」をクリックします。クリップが再生位置で2つに分かれます。前半が選ばれた状態になるので、そのまま Delete キーを押して削除します。

↘赤い矢印・白い札は、このマニュアルの操作案内です ＋ 注釈付きで画面を拡大

1. 1
   確認 再生位置を、矢印を出したい時刻に合わせておきます。時間軸の目盛りをクリックすると移動できます。この作例では 4.97 秒です。
2. 2
   操作 いちばん上の行の「矢印」のクリップをクリックして選びます。
3. 3
   操作 「分割」をクリックします。クリップが再生位置で2つに分かれます。前半が選ばれた状態になるので、そのまま Delete キーを押して削除します。

確認ポイント 矢印を追加したとき、再生位置は 4.97 秒でしたが、クリップは 0 秒から入りました。この作例では、図形は再生位置にかかわらず作品の先頭から終わりまでの長さで入りました。

残った矢印（4.97 秒から終わりまで）を選び、大きさと位置を直します。図は、そのあと目盛りをクリックして、再生位置を3つ目のせりふが始まる直前の 9.47 秒へ移したところです。

1. 1「大きさ」に、横 260、縦 150 を入力します。
2. 2「位置 X / Y」に、X 290、Y 40 を入力します。リカの右側の空いた場所です。
3. 3もう一度「分割」をクリックします。矢印が、4.97〜9.47 秒と 9.47 秒〜終わりの2本になります。

↘赤い矢印・白い札は、このマニュアルの操作案内です ＋ 注釈付きで画面を拡大

1. 1
   入力 「大きさ」に、横 260、縦 150 を入力します。
2. 2
   入力 「位置 X / Y」に、X 290、Y 40 を入力します。リカの右側の空いた場所です。
3. 3
   操作 もう一度「分割」をクリックします。矢印が、4.97〜9.47 秒と 9.47 秒〜終わりの2本になります。

確認ポイント 大きさと位置を決めてから分割すると、2本とも同じ大きさ・同じ位置になります。あとは1本ずつ、向きや色を変えるだけです。

1本目は「まっすぐ進みます」に合わせて、上向きにします。図は、再生位置を 6.47 秒に移して確かめている画面です。

1. 11本目の矢印のクリップ（4.97〜9.47 秒）をクリックします。
2. 2「回転」に -90 を入力します。時計回りがプラスなので、マイナス 90 で上向きになります。
3. 3プレビューで、矢印が上を向いたことを確認します。

↘赤い矢印・白い札は、このマニュアルの操作案内です ＋ 注釈付きで画面を拡大

1. 1
   操作 1本目の矢印のクリップ（4.97〜9.47 秒）をクリックします。
2. 2
   入力 「回転」に -90 を入力します。時計回りがプラスなので、マイナス 90 で上向きになります。
3. 3
   確認 プレビューで、矢印が上を向いたことを確認します。

確認ポイント 回転しても、「大きさ」の値は横 260・縦 150 のままです。

2本目は「右へ曲がると」に合わせて、右向きのまま使います。区別しやすいよう、色だけ変えます。図は、再生位置を 11.47 秒に移した画面です。

1. 12本目の矢印のクリップ（9.47 秒〜終わり）をクリックします。
2. 2右側の「塗り」に並ぶ色から、緑をクリックします。
3. 3プレビューの矢印が緑になったことを確認します。向きは右のままです。

↘赤い矢印・白い札は、このマニュアルの操作案内です ＋ 注釈付きで画面を拡大

1. 1
   操作 2本目の矢印のクリップ（9.47 秒〜終わり）をクリックします。
2. 2
   操作 右側の「塗り」に並ぶ色から、緑をクリックします。
3. 3
   確認 プレビューの矢印が緑になったことを確認します。向きは右のままです。

確認ポイント 色や枠線は、追加したあとでも右側の「図形」から変えられます。「塗りなし」のチェックもあります（この記事では使っていません）。

上部のメニューの「表示」→「ライブラリ」を選ぶと、画面の左側に「ライブラリ」が開きます。ここにも「シェイプ」があります。

1. 1左端の「シェイプ」をクリックします。
2. 2同じ20種類の図形が、縦に並びます。

↘赤い矢印・白い札は、このマニュアルの操作案内です ＋ 注釈付きで画面を拡大

1. 1
   操作 左端の「シェイプ」をクリックします。
2. 2
   確認 同じ20種類の図形が、縦に並びます。

確認ポイント この記事では、ここから図形を置く操作は実演していません。閉じるときは「表示」→「左側エリアを閉じる」を選びます。

ここまでの内容を保存し（Ctrl+S）、ページを開き直しました。帯・文字・矢印2本が、置いたとおりに残っています。

1. 1上から、矢印2本の行、見出しの文字の行、帯の行が並んでいます。上の行ほど手前に表示されます。
2. 2右下が「✓ 保存済み(自動保存)」になっていることを確認します。

↘赤い矢印・白い札は、このマニュアルの操作案内です ＋ 注釈付きで画面を拡大

1. 1
   確認 上から、矢印2本の行、見出しの文字の行、帯の行が並んでいます。上の行ほど手前に表示されます。
2. 2
   確認 右下が「✓ 保存済み(自動保存)」になっていることを確認します。

確認ポイント 開き直したあと、図形を1つずつ選んで、色・大きさ・位置・回転の値が保存前と同じであることを確かめました。

ツールバーの「未生成を生成」で人物の映像を作り、先頭から再生して、図形が出る時刻を確かめます。図は再生の途中、7.45 秒の画面です。

1. 1アバタークリップが「✓ プレビュー生成済」になったことを確認します。
2. 2左端の再生ボタンをクリックします。再生中は、図のように一時停止のマークに変わります。
3. 32つ目のせりふの間、上向きの矢印が出ていることを確認します。

↘赤い矢印・白い札は、このマニュアルの操作案内です ＋ 注釈付きで画面を拡大

1. 1
   確認 アバタークリップが「✓ プレビュー生成済」になったことを確認します。
2. 2
   操作 左端の再生ボタンをクリックします。再生中は、図のように一時停止のマークに変わります。
3. 3
   確認 2つ目のせりふの間、上向きの矢印が出ていることを確認します。

確認ポイント この作例の再生では、帯と見出しは最初から最後まで、上向きの矢印は 4.97〜9.47 秒、右向きの矢印は 9.47 秒から終わりまで表示されました。図形や文字を置いただけでは、人物の映像の作り直しは求められませんでした。

最後に、ツールバーの「書き出し」でMP4にしました。図は、書き出しが終わって開いた完成動画のプレーヤーで、最後まで再生し終えたところです。

1. 1時間の表示が「0:14 / 0:14」になり、最後まで再生できたことが分かります。
2. 2帯と見出しが、編集画面のプレビューと同じ位置に仕上がっていることを確認します。その下には、右向きの緑の矢印も出ています。
3. 3確認が終わったら、動画の下の「閉じる」をクリックします。

↘赤い矢印・白い札は、このマニュアルの操作案内です ＋ 注釈付きで画面を拡大

1. 1
   確認 時間の表示が「0:14 / 0:14」になり、最後まで再生できたことが分かります。
2. 2
   確認 帯と見出しが、編集画面のプレビューと同じ位置に仕上がっていることを確認します。その下には、右向きの緑の矢印も出ています。
3. 3
   操作 確認が終わったら、動画の下の「閉じる」をクリックします。

確認ポイント 書き出しの設定やダウンロードの手順は「完成した動画をMP4で書き出す」をご覧ください。