Canva | 下から文字が出現するシネマティックなアニメーション

1. 画面右上の「デザインを作成」をクリック
2. 新規作成タブから作成する動画似合ったものをクリック
   ※今回は「スマホ動画」にしました。

素材を画面にドラッグアンドドロップして動画挿入します。

1. 左のメニューからテキストをクリック
2. 続けて表示されるテキストボックスを追加をクリック

1. 文字を入力します。
2. 先程追加したテキストボックスが選択された状態で文字の色を更。今回は白にします。
3. お好みのフォントを選択します。今回はSource Han Serif JPを使用します。

1. 先程入力した文字に改行を一つ足します。
2. 上のメニューから「スペース」を選択。
3. 行間隔のスライダーを一番左に動かします。

1. 左側のメニューから素材を選択
2. 線と図形の項目から普通の線を選択します。

1. 線の色を変更します。今回は白にしました。
2. 先の太さを調整します。今回は6にしました。

1. 線の位置を調整します。
2. 文字を選択したときに表示される紫の枠の下の線に高さを合わせるようにします。

線が選択されている状態で上のメニューからアニメートを選択

1. ベーシックの項目は「ベースライン」を選択。
2. アニメートは両方を選択（開始時のアニメーションと終了時のアニメーション両方つくようになります）
3. 速度調整します。※Canva Proに登録が必要です。
4. 向きを→向きにして逆の終了アニメーションはチェックを外します。※Canva Proに登録が必要です。

次に文字のアニメーションです。

文字が選択されている状態で上のメニューからアニメートを選択

1. ベーシックの項目は「ベースライン」を選択。
2. アニメートは両方を選択（開始時のアニメーションと終了時のアニメーション両方つくようになります）
3. 速度を一番遅くします。※Canva Proに登録が必要です。
4. 向きを上向きにして逆の終了アニメーションにチェックします。※Canva Proに登録が必要です。

文字を右クリックすると現れるメニューから「タイミングを表示」を選択

文字を右クリックすると現れるメニューから「タイミングを表示」を選択

文字のアニメーションが始まるタイミング・消えるタイミングを調整できます。

線のアニメーションのタイミングより少し後に文字のアニメーションが始まるように調整します（お好みでOK）。

終わりの位置の調整をします。

お好みですが、今回はホワイトアウトさせて終わらせたいと思います。

1. 「+」ボタンで画面を1つ追加してトランジションのディゾルブで繋ぎます。
2. ディゾルブの長さを最大にします。

まつのみラボ

Canvaで簡単に作れる！ショートムービーに効果的なトランジションの作り方 | まつのみラボ Canvaは画像や動画の編集に便利なオンラインツールですが、トランジションも簡単に作れることをご存知でしたか？この記事では、Canvaでショートムービーのトランジションを…