はじめに
うい！NTAKOです。今回は、無料で使える動画編集アプリ「Canva」のスマホアプリを使って、モジールで作成したテキストアニメーション素材を合成する使い方を解説します。ここではCanvaとモジールの使い方の一例として、写真に背景が透過したテキストアニメーションを合成する手順をご紹介します。Canvaのパソコン版での使い方はコチラで解説しています。
▼今回の作例
テキストアニメーション素材の作成
はじめにテキストアニメーション素材を作成します。「モジール」のページからテキストアニメーションのテンプレートを選択して編集します。
https://ntako.net/mojiil-jp/
ここでは【タイピング横書き】のテンプレートを例に進めます。【タイピング横書き】をタップ。
テンプレートを開いたら、プレビュー画面のしたにあるの設定項目で文字を打ち替えて編集を行います。フォント、サイズ、位置、アニメーション時間、カラーなどをお好みで設定します。【再生】をクリックしてアニメーションを確認します。
ここでは一例として下記のように編集しました。設定は自由に変えてOKなので、【再生】を押して実際のテキストアニメーションを確認しながら編集を行ってみてください。今回は背景が透過したテキストアニメーションを作成するので、「背景を透過」の【✓】は必ず入れてください。
テキスト：【サーティワンうまー！】
段落：【左揃え】
テキストのX位置：【417】
タイピング速度：【1.5】
背景を透過：【✓】
【ダウンロード】をクリックしてテキストアニメーション素材を保存します。処理にかかる時間の目安は30秒～2分くらいなのでそのまま放置して待ちます。
処理が終わると【ダウンロード】が表示されるのでダウンロードで保存します。
これでテキストアニメーション素材が1つ保存できました。
iPhoneの場合、ダウンロードしたテキストアニメーションのGIFアニメーションファイルは、まだカメラロールには入っておらず【写真】アプリなどを開いても表示されないはずです。ダウンロードしたテキストアニメーションはSafariやChromeなどのブラウザで保存したダウンロードフォルダーに入っているので、これをカメラロールに保存します。【ファイル】アプリを開きます。
【ファイル】アプリで【ダウンロード】フォルダーを開くと作成したテキストアニメーションのGIFファイルが見つかります。このファイルは次にダウンロードした時に上書きされてしまうので、必要に応じてここでファイル名をわかりやすい名前に変更するのがおすすめです。
では、このGIFファイルをカメラロールに保存します。GIFファイルをタップして開きます。テキストアニメーションが再生されます。左下にある【共有】ボタンをタップ。
【画像を保存】をタップ。これで、テキストアニメーションのGIFファイルをカメラロールに保存することができました。
Canvaで合成
では、Canvaで動画に合成します。Canvaのスマホアプリを開いて【動画】タブを選択して【スマホ動画】をタップ。ここでは縦型動画で進めます。
【空のデザインを作成】をタップ。
画面下のメニューから【カメラロール】をタップし、テキストアニメーションのGIFファイルと写真を選択します。この時、先に選択した【1】が画面上の重なりで上に表示されるので、テキストアニメーションGIFを先に選択してから写真を選択します。選択したら【ページに追加】をタップ。
これでCanvaにテキストアニメーションと写真を読み込めました。重なり順が逆になってしまった場合は、画面下のメニューから【レイヤー】を開くと重なり順を変更することができます。
写真をタップで選択して、枠の大きさを指でスライドして表示位置と大きさを調整します。
テキストアニメーションをタップで選択して、写真と同じように枠の大きさを指でスライドして表示位置と大きさを調整します。
動画の長さを調整します。動画素材の右端のラベルを左右にスライドして時間を伸縮します。完了したら右上の【書き出し】ボタンを押します。
【ダウンロード】をタップ。
ファイルの種類から【MP4形式の動画】を選択して【ダウンロード】をタップ。
こんな感じでモジールで作成したテキストアニメーション素材をCanvaアプリで合成して動画をを作ることができます。
おわりに
実際にやってみて、うまくできなかったり不具合を見つけた場合はお問い合わせからお知らせください。