HHiROs Studio

縦長のショート動画を作る:写真にテロップとBGMを入れて、9:16で書き出す(無料)

YouTube ショートやインスタのリールで使う、縦長(9:16)の短い動画を作る講座です。HiROs Studio の動画エディタで、写真を並べ、テロップと BGM を入れて、MP4 で書き出すまでを、手順どおりに説明します。インストールも会員登録も要りません。

動画エディタを開く →

パソコンの Chrome または Edge(最新版)での操作を想定しています。できあがりは、8秒の動画です。

練習用の素材

この講座は、次の3つを使います。どれも HiROs Studio が用意した練習用の素材です。

1. 大きさを縦長にして、素材を入れる

  1. 動画エディタを開き、上の「大きさ」で「縦長 9:16(ショート・リール)」を選びます。
  2. 左上の「インポート」を押して、ダウンロードした3つのファイルを選びます。
  3. 左の素材置き場に、3つが並びます。
大きさを縦長9:16にして、写真2枚とBGMを素材置き場に入れたところ
大きさを縦長にして、素材を入れたところ。

2. 写真を並べる

  1. 下のタイムラインの目盛り(0:00)をクリックして、再生位置をいちばん左にします。
  2. 素材置き場のパフェの写真の「+」を押します。再生位置に、写真が置かれます。
  3. 右の「詳細」の「長さ(秒)」を 4 にします。
  4. 目盛りの 0:04 をクリックして、人物の写真の「+」を押し、同じように長さを 4 にします。
タイムラインに、パフェと人物の写真が4秒ずつ並んでいる
写真を2枚、4秒ずつ並べたところ。

3. テロップを入れる

  1. 再生位置を 0:00 にして、左上の「テキスト」タブを開き、「大見出し」を押します。
  2. 右の「詳細」で、次のように直します。
    • 文字: 季節のいちごパフェ
    • フォント: HiROs ポップ(オリジナル)
    • 位置: 上、色: 黄色(#ffe14d)、帯: なし
    • 開始: 0、長さ: 8
テキストタブで大見出しを選び、詳細でフォントをHiROsポップにしたところ。プレビューの上に黄色い文字
テロップは、ひな形をクリックして入れ、「詳細」で文字とフォントを直します。

4. BGM を入れる

  1. 左上の「オーディオ」タブを開き、「BGM・音声を追加」を押して、sample-bgm.mp3 を選びます。
  2. BGM は、自動で「くり返す」「動画の終わりまで」になります。音量は、「詳細」の「音量」で変えられます。
オーディオタブからBGMを入れ、タイムラインに緑の音声のバーが入ったところ
BGM は、緑のバーで表示されます。

5. フェードで、なめらかにつなぐ

  1. タイムラインで、パフェの写真をクリックして選びます。
  2. 左上の「トランジション」タブで、フェードインとフェードアウトを 0.5秒 にします。
  3. 人物の写真も、同じようにします。
トランジションタブで、フェードインとフェードアウトのつまみを動かしているところ
写真が、ふわっと出て、ふわっと消えるようになります。

▶ ボタン(またはスペースキー)で再生して、確かめましょう。

6. MP4 で書き出す

  1. 右上の「書き出し(MP4・MP3)」を押します。
  2. 種類は「MP4(動画)」、解像度は「1080p(標準)」、画質は「高画質」、なめらかさは「30コマ/秒」にします。
  3. 「書き出しを始める」を押します。1080×1920 の MP4 が保存されます。
書き出しの画面。種類MP4、解像度1080p、1080×1920と表示
縦長の大きさは、1080×1920 になります。

うまくいかないとき

よくある質問

お金はかかりますか?

かかりません。会員登録も要りません。

写真や動画は、どこかへ送られますか?

送られません。すべて、お使いのブラウザの中で処理します。

練習用の BGM は、自分の動画に使ってもよいですか?

はい。HiROs Studio が作ったオリジナル曲なので、ご自由にお使いください。

作りかけの動画は保存されますか?

保存されます。ブラウザに自動で保存され、次に開いたとき、続きから始められます。右上の「プロジェクト」から、ファイルにも保存できます。

動画エディタで、ショート動画を作ってみる →

画像や動画を重ねる方法は、画像や動画を重ねるをご覧ください。