はじめに
うい！NTAKOです。After Effectsで作るようなテキストアニメーションをテンプレート化して、ブラウザでテキストを打ち替えてテキストアニメーションを作成できるWebアプリ「モジール」のテンプレート002と003を追加しました。まずが汎用性が高く使いやすいシンプルなラインナップを揃えていこうというスタイルで進めている現状です。
用途の想定
テキストアニメーション作成アプリ「モジール」の用途は、画像や動画に乗せて使うテキストアニメーション素材の作成を想定してます。そのため、ダウンロードできる動画の形式は背景が透過できて汎用性が高い「アニメーションGIF」にしています。本アプリの設定では背景に画像を入れて書き出すこともできますが、アニメーションGIF形式は画質の割にファイルが重くなりがちなので「背景を透過」にチェックを入れて合成用のテキスト素材としてダウンロードし、他の動画編集ソフト等で合成して利用して頂くのがおすすめです。本アプリで生成したテキストアニメーションは、商用・非商用と合わず自由にお使い頂けます。
使い方
テキストアニメーション作成アプリ「モジール」公開ページをご確認ください。
https://ntako.net/text-animator_001/
テンプレート002：上に出現
テキストアニメーション作成アプリ 「モジール」 – テンプレート：上に出現を開きます。
https://ntako.net/text-animator/t_002.html
テンプレート002は、テキストが上昇して出現するアニメーションです。ページ左側の設定を変更してテキストを作成します。【テキスト】を打ち替えて【フォント】を選択。位置や大きさ、カラーを変更してカスタマイズします。【背景を透過】にチェックを入れると、アルファチャンネル付きで背景透過の合成用テキストアニメーションを書き出すことができます。【再生】ボタンを押すとプレビュー再生で動きを確認できます。
テンプレート003：左右に交差
テキストアニメーション作成アプリ 「モジール」 – テンプレート：左右に交差を開きます。
https://ntako.net/text-animator/t_003.html
テンプレート003は、2つのテキストが左右から交差して出現するアニメーションです。このテンプレートでは、【テキスト】入力フォームが2つに分かれています。ページ左側の設定からテキストをカスタマイズします。【テキスト】を打ち替えて【フォント】を選択。位置や大きさ、カラーを変更してカスタマイズします。【背景を透過】にチェックを入れると、アルファチャンネル付きで背景透過の合成用テキストアニメーションを書き出すことができます。【再生】ボタンを押すとプレビュー再生で動きを確認できます。
おわりに
当面はこんな感じで使いやすそうなテンプレートのパターンを増やしていく予定です。数が増えたらテンプレート選択のトップページを作って直感的に選べるようにしようと考えています。もし使ってみて気付いたこと、不具合、機能要望、テンプレアイデアなどなどありましたらこちらからお送りいただけますと幸いです。