Photoshopで作ったテキストをアフターエフェクトで編集する方法

アフターエフェクトで文字のアニメーションを作成するとき、Photoshopで作成したデータも使用することができます。

アフターエフェクトの文字ツールも便利ですが、カッコイイ文字を作成する場合はやっぱりPhotoshopの方が得意でしょう。

アフターエフェクトが便利なところは、PSDファイルも読み込むことができる上、アフターエフェクト上でPSDファイルを編集することもできるのです。

このエントリーではPSDをアフターエフェクトで編集する手順を解説しましょう。

この動画ではAfter Effectsの文字作成について詳しく解説してくれています。

また、PSDファイルの編集方法も説明しているので、ぜひ視聴してみましょう。

Photoshopで作ったテキストをアフターエフェクトで編集する方法

まずはPhotoshopで作った文字をAfter Effectsで読み込みます。

プロジェクトパネルにPSDを読み込むとウィンドウが開きます。

読み込みの種類を「フッテージ」・「コンポジション」・「コンポジション-レイヤーサイズを維持」の３つから選べますが「コンポジション」を選択します。

レイヤーオプションは「編集可能なレイヤースタイル」にチェックを入れます。

そしてOKを押します。

なお、文字をPhotoshopで画像化（ラスタライズ）したものはAfter Effectsで変更できません。テキストデータのままのPSDファイルを使用します。

新規コンポジションを作成してPSDファイルを乗せる

新規コンポジションを作成し、読み込んだPSDをタイムラインパネルに乗せます。

読み込んだPSDファイルを選択したままの状態で、メニューバーの「レイヤー」→「編集可能なテキストに変換」を選択します。

するとレイヤーパネル上のPSDのアイコンが文字のアイコンに変更しています。

するとAfter Effectsの文字ウィンドウで行うテキストの編集が可能になります。

Photoshopで作ったテキストをアフターエフェクトで編集する方法 まとめ

こんな感じ！

設定は簡単です。

フォトショップで作り込んだテキストのサイズ調整や行間調整はアフターエフェクトでも引き続き編集できるので安心です。

アフターエフェクトの文字を動かす基礎講座 目次