イラレでテロップ時短

最近拝見した動画でPhotoshopを使った時短テロップ作成術が凄く刺激的でしたので、ちょっとイラレならどこまで出来るか、自分が使うやり方をざっくりまとめておきます。

全文一括処理できる

イラレで作業することのメリットにレイヤー間を跨いで編集可能な点にあります。フォントの変更や、スタイルの変更が一括で変更できます。肝になるのがグラフィックスタイルとスクリプトの使用です。

グラフィックスタイルにデザインを登録

使いたい縁や影、帯、袋文字、グラデーション加工を登録して保存しておけば、適用するだけですぐにデータを反映できます。

スクリプトで一括処理

・改行ごとにテキストを分割

・指定位置でテキストを分割

・指定文字の自動調整。

・リネーム

・レイヤーごとにpng出力

ほかにも整列やリネームなどいくつか使用しますが、自分がよく使うスクリプトの一例です。ショートカットに登録して使用すると、作業がより快適になります。

1.テキストのコピペ→グラフィックスタイル

ざっくり手順の解説です。文字起こしをしたデータを20文字か任意の文字数で改行しておきます。全文をコピーして、グラフィックスタイルに登録しておいたデザインを全選択したうえに適用。100レイヤーくらいでだいぶ重くなりますが、一度に変更が目に見えて反映されます。イラレ楽しい！

2.スクリプトで自動処理、微調整

複数行ある加工済みテロップを改行ごとに一文づつに分割します。一部だけ色やサイズを変えたい場合は、指定範囲で分割するなどして調整。文字タッチツールなどで直感的に操作楽しいです。画面からはみ出した文字や文字感など微調節します

３.サブレイヤーへ分配

ここまでの作業で、たくさんのグループに分れた状態で１レイヤーに収まっているかと思います。グループを全選択して、レイヤーパネルの右上オプションから、サブレイヤーへ分配を選択。一文ごとにレイヤーへ移動します。

４.png出力

全レイヤーをサブ階層からトップ階層へ移動します。レイヤー名が”レイヤー〇〇”の連番構成になっているかと思います。必要な場合はレイヤーをリネームスクリプトで一括変更。png出力。

スクリプトでの自動化はデザイン業務の肝

チラシやデザインの作成で、たくさん同じようなフォーマットをしようすることになるデザイン業務で、スクリプトでの自動化は日常的に行われているのではないかと思います。自作のスクリプトをご厚意で公開されている方がたくさんいらっしゃいます。感謝して使用しています、ありがとうございます！個別のスクリプト名は伏せますが検索するとすぐヒットすると思います

Mogrtテンプレでやらないの？

自分が作っているテンプレはPremierePro上ですべてを完結させるときに便利な機能をイメージしています。アニメーションを付けたい場合に便利ですが、たくさんのテロップを表示させるには向いていない気がします。100単位で挿入する場合はPhotoShop、Illustrator。もしくはAfterEffectsでもテキストから文字データを複数生成するスクリプトがあるので簡単です。XDでもテキストデータから複数画像の出力できるような、、、未検証ですが。

結局どれが一番効率良いの？

同じスタイルでのスピード勝負ならPhotoshopで一括出力が早そうに思います。レイヤースタイルでの加工や、画像の挿入もしやすいです。文字感やサイズを丁寧に加工しようとするならIllustratorが向いている気がします。アニメーション込ならAfterEffectsや出力したmogrtもいいです。なにげにAfterEffectsはPhotoShopのレイヤースタイルを移植可能です。ただし書き出し速度とトレードオフになるかと思います。そもそもPremiereProでいいんじゃないかという気もしますが、文字入力の操作感がいまいち良くない印象です。クロールを作るのは楽ですね。

ソフトの差はそれほどないかも

いろいろ書いたのですが、それぞれ使っているソフトの習得具合である程度吸収されて差が埋まってくるのかなという気がします。劇的に早くしたいなら、時間の掛かる文字起こしを外注するとか、配置作業を簡単にするPremiereProのシーケンスへオート編集を使うなりが良さそうです。

最近ものすごい勢いで有用な制作事例が公開されて、とても有り難いです。スキルベースが押し上げられて、どんどんクオリティが高い映像が増えるといいですね。自分も勉強させて頂きます！