ベースに対して文字をセンターに合わせる便利アクション

テロップを作るのってめちゃくちゃしんどいですよね。
僕も何百枚というテロップを作る時は、感情がなくなるくらい神経をすり減らします。
今回はテロップベース（テキストテロップの後ろにあるベース）を、アクションを使って１キーでベースの中心に移動させる方法を紹介しますね。
少し複雑なアクションなので、初心者の人はリンク先のアクションをまず作ってからこの記事を見た方がいいかもしれません。

無料動画素材てれそ！

2019.07.01

【簡単】テロップを見やすく！文字数に合ったベースを作るアクション-Photoshop

https://tvsozai.com/1

YouTubeやテレビ番組を見ている時、このテロップ見にくいな…と感じたことはありませんか？テロップが見にくくなってしまう原因は主に３つあります。1.動画と同色、又は近い色で装飾している2.テロップ装飾が中間色ばかりで境界線が分かりにくくなっている3.そもそもテロップが小さいこれはテロップ作りの基本で、見やすいテロップの方が視聴者に伝わります。番組制作に１０年以上関わってきた僕からのアドバイスとして、見にくいテロップを入れる位ならテロップを入れない方がマシです。簡単なテロップ装飾ならいいですが、差別化した...

作るアクションの詳細と問題点

アクションを使わない場合、以下の操作をしてベースの中心に移動させます。

４手順も必要なんです。面倒くさい！
アクションを使えば１手順で完了できますが、汎用性のあるアクションを作ろうと考えると少し複雑になります。
例えば、レイヤーの並び順が以下だった場合は厄介です。

装飾用レイヤーとは、ベースのデザインとして使うレイヤーです。
上の画像でいうと、左右にある黄色の「▶︎　◀︎」が装飾用レイヤーです。
ベースの左右にバラやイラストなどをレイアウトするだけで印象的なデザインになりますが、デザインによって装飾用レイヤーは増減します。
もしレイヤー数が増減する装飾用レイヤーがあった場合、アクションを再生するとエラーが起きてしまう可能性があるので、少し複雑な工程が必要になります。

問題点：アクションはレイヤーの増減に対応しにくい

装飾レイヤーは、デザインする時に必要なので色々なベースを作ったら必ず増減します。
レイヤーが増減するという事は、アクションもこの増減に対応しなければいけません。
しかし、普通にアクションを組むと、レイヤーの増減に対応できないのです。
今回の例で、テキストレイヤーからベースレイヤーを選択するまでのアクションを作る場合、以下のような構成になります。

このように「下のレイヤーを選択（Option+[）」を3回繰り返さなければいけません。
しかし、装飾用レイヤーが1つになった場合、「下のレイヤーを選択（Option+[）」を2回にしなければベースレイヤーを選択できなくなってしまいます。
ということは装飾用レイヤーが増減した時のために、複数のアクションを用意する必要がありますが、これでは応用のあるアクションとは言えません。

また、マウスを使ってベースレイヤーを直接選択する方法もありますが、これもオススメできません。
理由はマウスを使った操作をすると、レイヤー名が記録されてしまうので限定的な使い方しかできず、応用のあるアクションになりにくいです。
こちらから詳細記事にジャンプできるので参考にしてください。

無料動画素材てれそ！

2019.07.03

【基本】アクション操作の全てを解説 -Photoshop

https://tvsozai.com/3658

今回はPhotoshopの作業を効率的に行うためのツール「アクション」を解説します。アクションとはPhotoshopの操作を記録させることで、手数を減らすことができる機能。また記録できる数に上限はなく100以上の操作を１キーで完了させることも可能で、保存数も限度はない。しかし数値を微調整することが苦手で、あくまでも繰り返し作業やフォーマット作業で使われる。さらに今のPhotoshopアクションは、かなり複雑な工程が記録できるようになりました。条件分岐や一時停止中に数値を入力したり、ほとんどの操作をアクションで完了できるん...

応用のあるアクションを作るのって結構難しいですよね。
でも大丈夫です。この記事の内容を実践すれば、応用のあるアクションを自分で作れるようになれますよ。

今回はアクションの機能で「条件の挿入」を使います。
そのためには「分岐アクション」と「メインアクション」の２つを作成していかなくてはいけません。

まずは分岐アクションを作る

分岐アクションとは、「条件の挿入」した先のアクションのことを言います。例として

この「A」と「B」が分岐アクションです。

しかし、この分岐アクションを作る上で注意点があります。
全て同じフォルダに入れること。同じフォルダにアクションが入ってないと選択できなくなってしまいます。

分岐アクションは全部で３つ作成します。事項から解説しますね。

下（上）のレイヤーを選択する

以下、２つのアクションを作成します。とても簡単なアクションなのですぐに完成しますよ。

レイヤー選択は必ず上記の操作で行ってください。マウスでレイヤーを選択してしまうと、レイヤー名がアクションに記録されてしまうのでエラーが起こりやすくなってしまいます。

シェイプの選択範囲を取得する

ベクトルマスクパスは、シェイプから選択範囲を取得する事でアクションに記録できます。
ラスタライズされたレイヤー・ピクセルマスク・アルファチャンネルから選択範囲を取得すると、違った記録になるので注意してください。
また、選択範囲は以下の４種類から適切に取得しないとエラーが起きてしまいます。

ベースはシェイプで作られる事がほとんどなので、今回はベクトルマスクパスだけ準備してもらえればOKです。
これだけ知っておけば何でエラーになるの？あの時は大丈夫だったのに…というアクションに対する不信感はなくなりますよ。

メインアクションを作る

メインアクションとは、全ての分岐アクションを合わせてひとつのアクションにしたものです。
今回作成した分岐アクションをまとめると

となります。これを組み合わせてメインアクションを作成していきましょう。

下記はメインアクションの手順です。

少し長くなってしまいますが、内容は繰り返しの操作が多いので分かってしまえば難しくはありません。
事項から小分けにして解説していきます。

1.テキストレイヤーをロックする

テキストレイヤーをロックする理由は、再びこのテキストレイヤーに戻ってこれるように目印をつけます。
なぜ戻ってこれるかは後で解説しますね。

2.〜6.シェイプレイヤーを探し出す

シェイプレイヤーを探し出します。条件の挿入「これはシェイプレイヤーです」を使って

• ・シェイプレイヤーなら、分岐３（ベクトルマスクパスの選択範囲を取得）を実行
• ・シェイプレイヤー以外なら、分岐１（下のレイヤーを選択）を実行

これを繰り返せば、「シェイプレイヤーを選択するまで下のレイヤーを選択する」というアクションになります。今回は４つ下のレイヤーまで探せるようにしました。
ここまででシェイプレイヤーが選択されている、シェイプレイヤーの選択範囲を取得されている状態になってたら順調です。次に進みましょう。

7.〜11.ロックされているテキストレイヤーを探し出す

ここから最初にロックしたレイヤーを探し出すアクションです。条件の挿入「レイヤーはロックされています」を使って

という感じにします。
ポイントは「何も実行しない」を使って、ロックされているレイヤーを確実に選択することです。
仮に「何も実行しない」を「ロック解除」に変更してしまうと、別のレイヤーを選択してしまう可能性があります。

詳しく解説すると、装飾レイヤーの数は増減すると説明しましたよね。
言い換えると、ロックしたレイヤーから見て「選択範囲を取得したいシェイプレイヤーはいくつ下のレイヤーにあるか分からない」ということになります。
１つ下だったり、３つ下のレイヤーにあったりするんです。
つまり、ロックされているレイヤーを見つける時、いくつ上のレイヤーに移動すればいいか分からないんです。
「何も実行しない」の代わりに「ロック解除」のアクションをいれた場合、10.でロック解除してしまう可能性があり、11.の時にひとつ上のレイヤーが選択されてしまいます。
これを防ぐためには分岐で確実にロックされているレイヤーを見つける事です。見つけたらそのレイヤーを見失わないために「何も実行しない」を選択しましょう。

12.〜14.ロックを解除し、ベースの中心にレイアウトする

最後の仕上げですね。上記までの工程で現在

という形になっているはずです。
最後に「ロックを解除」「水平揃え」「垂直揃え」「選択範囲を解除」の４つをアクションに記録させればOKです。

以上でアクションの手順は終了です。
さあ実際に動かしてみてください！手間が格段に減って感動しますよ。
こんな感じでアクションが動かすことができると、アクションを使いたくてしょうがなくなりテロップ作りが楽しくなってきます。
今まで苦痛だったテロップ作りが苦痛じゃなくなるんです。これすごくないですか？
みなさんもぜひ作ってみてくださいね。

イメトレプラス - イメトレプラス

様々なアプリケーションをゲーム感覚で学べるサイト イメトレプラス

https://imetore-plus.com

イメトレプラスは、映像に関係する様々なアプリケーションの使い方をゲーム感覚で学べるサイトです。Photoshopではレイヤー効果の使われ方やレイヤー構成をイメージしながらトレーニングすることができます。Premiere Pro・After Effects・Photoshopをイメトレでマスターしよう！