マニュアル キャンセル

テキストレイヤーの作成と編集

テキストレイヤーについて

テキストレイヤーを使用して、テキストをコンポジションに追加できます。テキストレイヤーは、アニメートされたタイトル、ロアサード、クレジットロール、ダイナミックタイポグラフィーなど、様々な目的で便利です。

テキストレイヤー全体のプロパティまたはカラー、サイズ、位置などの個々の文字のプロパティをアニメートできます。テキストをアニメートするには、テキストアニメータープロパティとセレクターを使用します。3D テキストレイヤーの中には、さらに別の 3D レイヤーを 1 文字につき 1 つ含めることができます(テキストアニメーターを使ってテキストのアニメーション化および文字単位の 3D テキストプロパティを参照。)

テキストレイヤーは生成レイヤーであるため、フッテージアイテムをソースとしては使用しませんが、一部のフッテージアイテムの情報をテキストレイヤーに変換できます。テキストレイヤーはベクトルレイヤーでもあります。シェイプレイヤーや他のベクトルレイヤーと同様に、テキストレイヤーは必ず連続ラスタライズされています。そのため、レイヤーのスケールを設定したりテキストのサイズを変更しても、解像度に関係なく鮮明なエッジが維持されます。テキストレイヤーをレイヤーパネルで開くことはできませんが、コンポジションパネルでは使用できます。

After Effects で使用するテキストには、ポイントテキスト段落テキストの 2 種類あります。ポイントテキストは、単一の単語や行を入力するのに便利です。段落テキストは、テキストを 1 つまたは複数の段落として入力したり書式設定したりするのに便利です。

テキストレイヤー:縦書きおよび横書きのポイントテキスト(左)とバウンディングボックス内の段落テキスト(右)
縦書きおよび横書きのポイントテキスト(左)とバウンディングボックス内の段落テキスト(右)

Adobe Photoshop、Adobe Illustrator、Adobe InDesign 、テキストエディターなどの他のアプリケーションから、After Effects のテキストレイヤーにテキストをコピー&ペーストできます。また、After Effects は Unicode 文字もサポートしているため、Unicode をサポートする他のアプリケーション(Adobe アプリケーションはすべて該当します)との間で Unicode 文字をコピー&ペーストできます。

テキストの書式設定は、「ソーステキスト」プロパティに含まれています。書式設定をアニメートしたり、文字そのものを変更する(bc に変更するなど)には、「ソーステキスト」プロパティを使用します。

After Effects は自動的に、使用可能なフォントを使用して、環境にないフォントを同期します。インストールされていないフォルトを使用しているプロジェクトを開くと、フォントを解決するダイアログが表示されます。フォントが Adobe から入手できる場合は、フォントを自動的に Creative Cloud アカウントに同期させてインストールすることを選択できます。After Effects は、オンラインで利用できないフォントをデフォルトのフォントに置き換えます。

注意:

After Effects CC の 2017年4月リリースでは、After Effects をインストールしても一連のフォントはインストールされません。以前のバージョンの After Effects でインストールされていた同じフォント(Adobe Myriad Pro など)は、Creative Cloud サブスクリプションの一部として、Adobe Fonts を通じて使用できます。

ソーステキストがアニメートされた連続フレーム
ソーステキストがアニメートされた連続フレーム

ビデオ用のテキストおよびベクトルグラフィックを作成するためのベストプラクティス

作成中にコンピューターの画面では鮮明に見えるテキストでも、 最終的にムービーに出力するときれいに表示されないことがあります。 この問題は、ムービーの表示に使用されるデバイスや、 ムービーのエンコードに使用される圧縮スキームが原因で発生する可能性があります。 同じことが、シェイプレイヤーのシェイプなど、他のベクトルグラフィックでも発生します。 実際にはラスター画像でも同じような問題が発生しますが、一般的にはサイズが小さく、 細部がシャープなベクトルグラフィックで最も多く発生します。

ビデオ用にテキストおよびベクトルグラフィックを作成してアニメーション化する場合は、次の点を考慮してください。

  • ムービーをプレビューする際は、オーディエンスがムービーを視聴する際に使用するのと同じ種類のデバイス(NTSC ビデオモニターなど)を常に使用する必要があります。(外部ビデオモニターでのプレビューを参照)。

  • 彩度の高い色をその補色に変換するなどの、急激な色の変換は避けてください。MPEG や JPEG 形式などのほとんどの圧縮方式では、急激な色の変換を正確にエンコードできません。これらの圧縮方式では、急激に色が変化する付近でビジュアルノイズが発生する場合があります。アナログテレビでは、信号の許容範囲外でスパイクノイズが発生します。

  • テキストが動画の上にかかる場合は、同じ色で塗られたオブジェクトがテキストの背後を通過するときにテキストが判読できるよう、テキストにコントラスト境界(グローやストロークなど)が設定されていることを確認してください。

  • 横線が非常に細いと、奇数フィールドのときに偶数走査線と重なり、フレーム上で見えなくなることがあります(偶数フィールドのときに奇数走査線と重なる場合も同様です)。例えば、H という文字を使用する場合は、横線部分を 3 ピクセル以上の太さにする必要があります。横線を太くするには、フォントのサイズを大きくするか、太字にするか、またはアウトラインを適用します(文字パネルを使用した文字の書式設定を参照。)

  • 縦にスクロールするクレジットなど、テキストが縦方向に動くようにアニメートする場合は、テキストの縦方向の移動速度(ピクセル/秒)を、インターレースビデオ方式のフィールドレートの偶数倍に設定します。このようなレートの設定で、走査線とテキストの動きが同調し、画面ぶれを防ぐことができます。通常、NTSC の場合は 0、119.88、および 239.76 ピクセル/秒、PAL の場合は 0、100、200 ピクセル/秒に設定すると、最適な画質が得られます。

注意:

テキストを垂直方向にスクロールするには(クレジットロールなど)、動作カテゴリの「自動スクロール(垂直方向)」アニメーションプリセットを適用すると簡単です。

  • 垂直方向の動き、細いグラフィック要素、フィールドに起因するちらつきのリスクを回避するために、不透明度のフェードなどのトランジションで区切られたテキストのブロックのシーケンスとしてクレジットを提示することを検討してください。

ビデオ内のテキストやムービーの圧縮方式に関連する問題の多くは、テキストレイヤーにブラーエフェクトを適用するだけで解決できます。わずかなブラー(ぼかし)を適用することで色調の変化が滑らかになり、細い横線もやや太くなります。「インターレースのちらつき削減」エフェクトは、ちらつきを低減するのに最適です。垂直方向のぼかしのみを適用し、水平方向のぼかしは適用しないため、他のブラーよりも画質の低下が少なくなります。

テキスト処理用のスクリプトとエクスプレッション

この節では、テキストを操作するためのスクリプトを紹介し、一般的なスクリプトやチュートリアルへのリンクも含まれています。

テキストファイルの内容に基づいて 1 つ以上のテキストレイヤーを作成

Christopher Green は、自身の web サイトで、すべてのテキストから 1 つのテキストレイヤーを作成したり、テキストファイルの行ごとに 1 つのレイヤーを作成できるスクリプト(crg_Text_from_File.jsx)を公開しています。このスクリプトでは、行送りやその他の間隔調整用のオプションも提供しています。

テキストベースラインへのスクリプトによるアクセス

After Effects CC 2015(13.6)アップデートでスクリプトを使用すると、テキストレイヤーのベースライン(x,y)ロケーションを読み取ることができます。TextDocument オブジェクトの新しい sourceText.value.baselineLocs 属性は、テキストのベースラインの各行の開始位置の x と y の値を示す浮動小数点の配列を返します。

段落テキストボックスの行の折り返しは、複数行として扱われます。

この配列は、次の形式で浮動小数点の値を返します。

line0.start_x, line0.start_y, line0.end_x, line0.end_y, line1.start_x, line1.start_y, line1.end_x, line1.end_y … lineN-1.start_x, lineN-1.start_y, lineN-1.end_x, lineN-1.end_y

注意:

行に文字がない場合は、開始と終了の x と y の値は、最大の浮動小数値(3.402823466e+38F)です。

テキストレイヤーのスクリプトの改善

ディスク上のフォントファイルの場所など、テキストレイヤーで使用されているフォントやスタイルに関するスクリプトを使用して、追加情報を読み取ることができます。

textDocument オブジェクトの読み取り専用属性は次のとおりです。

  • fontLocation:ディスク上の場所を示すフォントファイルのパスとともに文字列が返されます(すべてのフォントの種類について返されるとは限らず、ある種のフォントの場合、戻り値は空の文字列になることがあります)
  • fontStyle: 太字や斜体などのスタイルの情報とともに文字列が返されます
  • fontFamily:フォントファミリー名とともに文字列が返されます

現在のテキストレイヤーの最初の文字に対して値が返されます。

ヒント :

ソーステキスト」プロパティ用のエクスプレッションのサンプルについては、ソーステキスト用のエクスプレッションを記述するMarkerKey の属性(エクスプレッションのリファレンス)を参照してください。

ポイントテキストを入力

ポイントテキストを入力する場合、テキストは行ごとに独立しており、 テキストを編集すると行の長さは増減しますが、次の行に折り返されることはありません。

文字ツールのポインター に表示される小さい線は、テキストのベースラインの位置を示します。 横書きテキストの場合、ベースラインはテキストが載っている線、 縦書きテキストの場合、ベースラインは文字の中心軸を示します。

ポイントテキストを入力するときは、 文字パネルで現在設定されているプロパティを使用してテキストが作成されます。 入力後にプロパティを変更する場合は、 文字パネルでテキストを選択して設定を変更します。

  1. 次のいずれかの操作を行い、テキストレイヤーを作成します。
    • レイヤー/新規/テキストを選択します。新しいテキストレイヤーが作成され、 横書き文字ツールの挿入ポイントがコンポジションパネルの中央に表示されます。
    • 文字ツールをダブルクリックします。新しいテキストレイヤーが作成され、 該当する文字ツールの挿入ポイントがコンポジションパネルの中央に表示されます。
    • 横書き文字ツール または縦書き文字ツール を選択して、 コンポジションパネル内でテキストを挿入する場所をクリックします。
    注意:

    文字ツールのポインターは、コンポジションパネルのテキストレイヤーの上にあるかどうかによって変化します。 ポインターの位置がテキストレイヤーの上にない場合は新規テキストポインター になり、 クリックすると新しいテキストレイヤーが作成されます。 Shift キーを押しながらクリックすると、常に新しいテキストレイヤーが作成されます。

  2. テキスト文字を入力します。メインキーボードの Enter キー(Windows)または Return キー(Mac OS)を押し、改行します。
    注意:

    Unicode 文字を使用するアプリケーションからコピーしたテキストは、 編集/ペーストを選択してペーストすることもできます。 ペーストしたテキストには、ペースト先のテキストレイヤーに含まれる最初の文字の書式設定が適用されます。

  3. テキスト編集モードを終了するには、テンキーパッドの Enter キーを押すか、Ctrl+Enter キー(Windows) または Command+Return キー(Mac OS)を押します。

段落テキストを入力

段落テキストを入力すると、テキスト行はバウンディングボックスのサイズに合うように折り返します。 複数の段落を入力して、段落の書式設定を適用することもできます。

バウンディングボックスのサイズはいつでも変更できます。 サイズを変更すると、そのサイズに従ってボックス内にテキストが再表示されます。

段落テキストを入力すると、文字パネルと段落パネルで設定されたプロパティが適用されます。 プロパティを変更する場合は、 テキストを選択してから文字パネルまたは段落パネルで設定して設定を変更します。

  1. 横書き文字ツール または縦書き文字ツール を選択します。
  2. コンポジションパネルで次のいずれかの操作を行い、テキストレイヤーを作成します。
    • ドラッグして、コーナーからバウンディングボックスを定義します。
    • Alt キーを押しながらドラッグ(Windows)または Option キーを押しながらドラッグ(Mac OS)して、中心点付近にバウンディングボックスを定義します。
    注意:

    文字ツールのポインターは、コンポジションパネルのテキストレイヤーの上にあるかどうかによって変化します。 ポインターがテキストレイヤーの上にない場合は新規テキストポインター として表示され、ドラッグすると新しいテキストレイヤーが作成されます。 Shift キーを押しながらドラッグすると、常に新しいテキストレイヤーが作成されます。

  3. テキストを入力します。メインキーボードで Enter キー(Windows)または Return キー(Mac OS)を押して、新しい段落を開始します。メインキーボードで Shift+Enter キー(Windows)または Shift+Return キー(Mac OS)を押して、 ソフトキャリッジリターンを作成します。 これにより、新しい段落を開始せずに新しい行が開始されます。バウンディングボックスに収まらない量のテキストを入力すると、バウンディングボックスにオーバーフローアイコン が表示されます。
    注意:

    編集/貼り付けを選択して、Unicode 文字を使用するアプリケーションからコピーしたテキストを貼り付けることもできます。 ペーストしたテキストには、ペースト先のテキストレイヤーに含まれる最初の文字の書式設定が適用されます。

  4. テキスト編集モードを終了するには、テンキーパッドの Enter キーを押すか、Ctrl+Enter キー(Windows)または Command+Return キー(Mac OS)を押します。

テキストレイヤーでテキストを選択および編集する

テキストレイヤー内のテキストはいつでも編集できます。 テキストをパス上に設定したり、3D レイヤーとして指定したり、トランスフォームまたはアニメーション化した場合でも、引き続き編集できます。 テキストを編集する前に、編集するテキストを選択する必要があります。

注意:

テキストレイヤーの「パスのオプション」プロパティグループを無効にするには、「パスのオプション」プロパティグループの表示 (目玉)スイッチをクリックします。 「パスのオプション」プロパティグループを一時的に無効にすると、テキストの編集や書式設定が容易になります。

文字ツールのポインターは、コンポジションパネルのテキストレイヤー上にあるかどうかによって変化します。 文字ツールのポインターがテキストレイヤーに直接かかる場合は、編集テキストポインター として表示され、クリックすると、既存のテキストに挿入ポイントが表れます。

  1. 文字ツールでテキストを選択するには、次のいずれかの操作を行います。
    • テキストの範囲を選択するには、テキストをドラッグします。
    • テキストの範囲を選択するには、クリックしてポインターを移動し、Shift キーを押しながらクリックします。
    • 単語を選択するには、その単語をダブルクリックします。行を選択するには、その行をトリプルクリックします。 段落を選択するには、その段落を 4 回連続クリックします。1 つのレイヤー内のテキストをすべて選択するには、テキスト内の任意の場所を 5 回連続クリックします。
    • 矢印キーを使用してテキストを選択するには、 Shift キーを押しながら右向き矢印キーまたは左向き矢印キーを押します。矢印キーを使用して単語を選択するには、Shift + Ctrl キー(Windows)または Shift + Command キー(Mac OS)を押しながら右向き矢印キーまたは左向き矢印キーを押します。
注意:

テキストレイヤー内のすべてのテキストを選択して、最後に使用した文字ツールをアクティブにするには、 タイムラインパネルでテキストレイヤーをダブルクリックします。

テキストバウンディングボックスのサイズを変更

  1. 文字ツールがアクティブな状態で、コンポジションパネルでテキストレイヤーを選択し、 バウンディングボックスのハンドルを表示します。
  2. ポインターをハンドルの上に置き(ポインターが二重矢印 に変わります)、次のいずれかを実行します。
    • ドラッグして一方向にサイズ変更します。
    • バウンディングボックスの縦横比を維持する場合は、Shift キーを押しながらドラッグします。
    • 中心を起点にして拡大/縮小するには、Ctrl キー(Windows)または Command キー(Mac OS)を押しながらドラッグします。

テキストレイヤーを移動する

コンポジションパネルの移動ポインター でドラックして、テキストレイヤーを移動できます。 テキスト編集モードを終了せずに移動ポインターをアクティブにするには、コンポジションパネルのテキストから文字ツールを移動します。 移動ポインター が表示されたら、ドラッグしてテキストを移動します。 また、Ctrl キー(Windows)または Command キー(Mac OS)を押したままにすると、一時的に移動ポインターをアクティブにできます。

ポイントテキストまたは段落テキストを変換する

注意:

段落テキストをポイントテキストに変換すると、バウンディングボックスに収まりきらない文字がすべて削除されます。 テキストが削除されないようにするには、 すべてのテキストが表示されるようにバウンディングボックスの大きさを調整してから変換してください。

  1. 選択ツール  を使用して、テキストレイヤーを選択します。
  2. 文字ツールを選択して、コンポジションパネル内の任意の位置で右クリック(Windows)または Control キーを押しながらクリック(Mac OS)し、 「段落テキストに変換」または「ポイントテキストに変換」を選択します。

    段落テキストをポイントテキストに変換すると、最終行を除くテキストの各行の末尾に改行が追加されます。

    注意:

    タイムラインパネルでテキストレイヤーをダブルクリックすると、 段落テキストのバウンディングボックスが表示され、文字ツールが自動選択されます。

テキストのサポートの拡張 - 汎用テキストエンジン

汎用テキストエンジンを使用すると、複数のスクリプトを簡単に操作できます。 ヘブライ語やアラビア語などの右から左への言語、ヒンディー語などのインド語の文体で、テキストの入力、編集、アニメーション化を行うことができます。中東、南アジア言語を含むグラフィックについては、エッセンシャルグラフィックスパネルで「左から右」または「右から左」の設定を直接適用できます。

「環境設定」を開いてスクリプトを変更しなくても、新しい言語で直接入力を開始することができます。 同じグラフィック要素内で異なるスクリプトを組み合わせることもできます。

汎用テキストエンジンには、次の利点があります。

  • テキストレイヤーは置き換え可能であるため、複数の言語を編集する場合は、テキストレイヤーとグラフィックをより簡単かつ短時間で作成できます。
  • テキストを右から左に正確にアニメーション化する必要はありません。 After Effects では、文字を識別し、その方向に基づいてアニメーションを作成します。この機能は時間を節約し、迅速かつ簡単です。
  • 英数字と右から左に表記される言語をシームレスに組み合わせることができます。After Effects は、これらの文字を識別し、自動的に正しい文字順でアニメーションを実行します。そのため、個別にアニメーション化する必要はありません。
  • 文字オフセットエフェクトで、韓国語とヘブライ語両方に適切な Unicode 範囲が指定されるようになりました。 これにより、エフェクトにそれらの言語に固有の文字のみが表示されるようになります。

テキストの方向を変更する

横書きテキストは左から右へ、複数行の場合は上から下へと表示されます。 縦書きテキストは上から下へ、 複数行の場合右から左へと表示されます。

テキストの方向を変更する

A. 横書きのポイントテキスト B. 横書きのポイントテキストを縦書きに変換 C. 横書きの段落テキスト D. 横書きの段落テキストを縦書きに変換 

  1. 選択ツール  を使用して、テキストレイヤーを選択します。
    注意:

    テキスト編集モードでは、テキストを変換することはできません。

  2. 文字ツールを選択して、コンポジションパネル内の任意の位置で右クリック(Windows)または Control キーを押しながらクリック(Mac OS)し、 「横書き」または「縦書き」を選択します。

テキストの方向(左から右/右から左)を切り替えることができます。方向を変更するには、段落パネルの「テキスト方向」ボタンをクリックします。

テキストの方向の変更
テキストの方向の変更

フォントの合字

合字は、特定の Open Type フォントで使用可能な特定の文字のペアを置き換えるための文字組版の文字です。文字パネルの「合字」オプションを有効にすると、フォントの合字を使用できます。After Effects では、様々な言語の文字の組み合わせに対して、多くのフォントの合字が用意されています。文字パネルの下部にある「フォントの合字」チェックボックスを使用して、このオプションを有効にすることもできます。

フォントの合字
フォントの合字

ヒンディー数字

文字パネルの「ヒンディー数字」オプションを有効にすると、ヒンディー数字を使用できます。文字パネルの下部にある「ヒンディー数字」チェックボックスを使用して、このオプションを有効にすることもできます。

Photoshop のテキストを編集可能なテキストに変換する

Photoshop で作成したテキストレイヤーは、After Effects で開いても元のスタイルが維持され、編集することができます。

Photoshop ドキュメントを統合されたレイヤーとして読み込んだ場合は、まずそのレイヤーを選択し、 レイヤー/レイヤー化されたコンポジションに変換を選択して、 読み込んだ Photoshop ドキュメントをそのレイヤーに分解する必要があります。

  1. Photoshop のテキストレイヤーをコンポジションに追加し、レイヤーを選択します。
  2. レイヤー/編集可能なテキストに変換を選択します。

レイヤーが After Effects のテキストレイヤーに変換され、ソースフッテージアイテムとして Photoshop のテキストレイヤーを使用しなくなります。

レイヤーにレイヤースタイルがある場合は、 そのレイヤースタイルがテキストを編集可能なテキストに変換する前に、 レイヤー/レイヤースタイル/編集可能なスタイルに変換コマンドを使用した場合と同様に、 編集可能なスタイルに変換されます。

After Effects をさらに活用する

Adobe After Effects では、驚異的なモーショングラフィック、 テキストアニメーション、視覚的な効果を作成できます。フィルム、TV、ビデオおよび web をデザインすることができます。

ヘルプをすばやく簡単に入手

新規ユーザーの場合