【Photoshop×スプレッドシート】動画のテロップを半自動で一括作成

今回はPhotohsopとスプレッドシートを使ったテロップの作成方法を紹介します。組み合わせると半自動でテロップを作成してくれるので、使い所によっては結構便利だと思います。毎回の動画編集のテロップ入れに苦しんでいるなら参考にしてみてください。

動画のテロップを入れるのは面倒すぎる

動画作成をやったことのある人ならテロップ入れの面倒さは皆知っていますよね。あのテロップを入れていく作業だけで相当な時間が持ってかれます。PremiorProなら「ファイル→新規→レガシータイトル」のように作成している人も多いでしょう。

作ったタイトルはコピーして、またテロップの文言を変えてってやっていると思いますがかなりの面倒さです。この作業をどうにかしたいと思う人も多いはずです。実際楽にする方法は探してみるといくつかありますよね。

• Vrew・・・自動でテロップを入れるツール。動画の音声を自動で認識してテキストに変換してくれる
• テロップ素材を自動作成・・・スプレッドシートとPhotoshopを使ってテロップ素材を自動生成
• AfterEffectsを使う・・・個人的にPremiorProよりAfterEffectsでテロップ入れた方が速いし楽

今や音声を認識して自動でテキストにしてくれるツールがあったりするのは、まあ驚きはしないかな。今の音声入力の速度と正確さは結構すごいですからね。Macやスプレッドシートで音声入力をやったことのない人は試してみてください。使ったことがなければ結構ビビります。

文字起こしをGoogleドキュメントで行うやり方【Windows・Mac】

2020.8.24

音声認識の力は結構凄くて今や録音した音声も結構な精度で文字起こししてくれます。まだ実感していない方は今回の記事を参考にしてGoogleドキュメントの力を体験してみてください。 今まで、キーボードで音声の文字起こしをしていた方は、もしかしたらこれからはタイピングするのではなく、文字起こしされた文章を修...

それと、PremiorProでテロップ作成している人はレガシータイトルからテロップを作成するんじゃなくて、シーケンスから直接文字を入れると楽です。タイムラインの部分にテキストを入れるツールがあるので、それをクリックしてテキストを挿入しましょう。

Photoshopとスプレッドシートでテロップを半自動生成する方法

Photoshopとスプレッドシートを使ってテロップを作成する手順は以下の通り。

スプレッドシートに書いた文言をCSV出力して、それをPhotoshopに読み込むことでその文言のテロップを作成することができます。

スプレッドシートでテロップにしたい文言を作成する

まずはテロップにしたい文言をスプレッドシートに入力していきます。こんな感じでテロップとして出したい文言を行ごとに入力です。最初の行に「name」と「text」と書いているけど、nameの列がファイル名、textがテロップ文言になります。

• name・・・それぞれのテロップファイルのファイル名
• text・・・テロップ文言

例えば、以下の画像なら全部で7つ文言があるので、テロップは7つ生成されます。

上の画像だと最終的には以下のようなファイル名とテロップになります。〇〇は保存したPhotoshopのファイル名ですね。

ちなみにスプレッドシートに記載した「name」と「text」はスプレッドシートとPhotoshopを連動させる文言でしかないので、後でPhotoshopと帳尻が合えば何でもいいです。入力したら、ファイル→ダウンロード→カンマ区切りの値（.csv 現在のシート）をクリックしてcsvファイルとして保存しましょう。

csvファイルがダウンロードできたのを確認できたら、スプレッドシートの作業は終了です。次はPhotoshopでテロップを作って今作ったCSVを取り込んでいきます。

Photoshopでテロップの雛形を作成する

続いて、Photoshopでテロップの雛形を作っていきます。さっきスプレッドシートで作ったものは文言だけで、どういうデザインでテロップになるのかは分かりません。なので、そのデザインをPhotoshopを使って作っていきます。作りたい大きさに合わせてサイズを選択して新規作成しましょう。大体1920×1080になるんじゃないかな。

そしたら、nameとtextというテキストレイヤーを作ります。文言は適当に入れてしまってください。レイヤーをnameとtextという名前にしているのは、スプレッドシートでその名前を指定したからですね。ここで作ったデザインがテロップの雛形になるので、テロップのデザインはここで作ってしまいましょう。

デザインを作ったら、メニューの[イメージ]→[変数]から[定義]を選択します。普段英語版のPhotoshopを使っているので、画像は英語になっています。（英語版を使っている方は下の画像を参考にしてみてください。）

そしたら、nameとtextのレイヤーをそれぞれ選んで、[テキストの置き換え(Text Replacement)]にチェックを入れます。[名前（Name）]はスプレッドシートに記載した文言であるnameとtextです。

その後に、次は[定義（Difine）]ではなく、[データセット（Data sets）]を選択して、スプレッドシートから保存したCSVファイルをインポートしましょう。

EncodingはUTF-8にしないと文字化けするかと思うので、設定しておきましょう。また、スプレッドシートの列名と対応させるために「最初の列をデータセット名として使用（Use Firs Column FOr Data Set Names）」にもチェックを入れます。画面をチェックして文言がきちんと表示されていたらOKです。

[Preview]にチェックを入れると実際にPhotoshopの画面に文言がどんな感じで表示されるのか分かりますよ。

ここまできたら、あとは書き出すだけです。[ファイル（File）]→[書き出し(Export)]→[データセットからファイル(Data Sets as FIles...)]を選択して書き出しましょう。 

後は、これを動画編集ソフトに取り込んで使えばOKです。PremiorProで読み込んでみるとこんな感じです。

注意点

Photoshopで何も考えずにテロップを作成するとこんな風に文字数が多いものは、文字がはみ出たものが作成されます。

なので、スプレッドシートで入力する文言を少なくしたり、文字数が多いテロップは後に改行するなどして使うといいですね。

まとめ

スプレッドシートとPhotoshopを使ってテロップを作成する方法を紹介しましたが、どうだったでしょうか？使いようによっては結構楽に作業時間を短縮することができそうですよね。だけど、この方法欠点が2つあります。

• 文字数が多いとテロップがはみ出る
• 事前に表示するテロップの文言が分かっていないと辛い

文字数が多いとテロップがはみ出るっていうのは、さっき書いた通りのやつですね。もう一つの事前にわかっていないと辛いっていうのは、動画の１コマ1コマに表示するテロップの文言や文字数が分からないと事前にスプレッドシートに文言を入力しづらいということです。

動画を編集しながらテロップを入れていくならこのコマにはこの文言入れてってすぐに入れることができるけど、この方法は事前にテロップを作ってそれを動画にはめていくからそういうのができないんですよね。やるとしたら、適宜テロップのファイルを修正っていう感じになりそうです。まあ、ここら辺はしょうがないですね、普通にテロップ入れるよりはきっと楽です。

もし、Photoshopがパソコンに入っているなら試してみるといいですよ。もしかしたら動画編集の時間を短縮してくれるかもしれません。