designlogadmin●AfterEffects(AE)こんにちは、イマジカデジタルスケープの伊藤和博です。2020から新機能で「エクスプレッション・text」をご紹介します。2020から、エクスプレッション言語メニュー内に【text】が新設されました。このテキストメニューの新設によって、テキストレイヤーの文字そのものだけでなく、そのレイヤーの様々なスタイルを取得・コントロールすることが可能になりました。取得した値を使って、様々なアニメーションに活用することが可能になりますが、今回はこの新設されたメニューから取得できるプロパティとその取得の仕方をご紹介します。●さっそくやってみよう!まずは、空のテキストレイヤーを作成し、ソーステキストにエクスプレッションを適用します。Font...を選択すると、表示されたウインドウ内で指定したフォント名を取得することが可能です。Propertiesから必要なプロパティを選択します。空のテキストレイヤーには、何の文字もないため、取得するものがありません。そこで、これらは何らかの文字を入力している別のテキストレイヤーがあり、そのレイヤーで使っている文字のプロパティを取得する、という場合に使用しますが、まずはどのようなプロパティの種類があるのか?をご説明します。記述する場合は、【text.sourceText.style】までは共通で、次に取得したいプロパティを記述します。プロパティ現在のテキストレイヤースタイル(の、が、に)フォント名を返すフォントサイズを返す塗りのカラー値を返す線のカラー値を返す線幅(px)を返すトラッキング値を返す行送り値を返すなお、塗りと線のカラー値は、0~1.0の範囲でRGBそれぞれの値をカンマ区切りで返します。以下は、ブール値を取得します。False)太字であるかどうか斜体であるかどうか塗りが適用されているかどうか線が適用されているかどうか自動行送りがオンまたはオフ文字ツールで、AfterEffectsと入力したテキストレイヤーを新規で作成し、空のテキストレイヤーのソーステキストに、以下のようにエクスプレッションを書きます。thisComp.layer("AfterEffects").text.sourceText.style.font;すると、AfterEfectsの文字レイヤーで使っているフォント名を、空のテキストレイヤーの方に文字として返します。●set関数それぞれのプロパティやブール値を【取得】するのではなく、エクスプレッションで【指定】する場合はset関数を使用します。塗りのカラーを緑(00FF00)にする線のカラーを赤(FF0000)にするという指定が可能になります。AfterEffectsの文字レイヤーのソーステキストにエクスプレッションを設定し、以下のように書きます。text.sourceText.style.setFillColor(hexToRgb("00FF00"));塗りのカラーを緑にすることが可能です。●createStyle()でスタイル変数の作成また、新しく搭載されたcreateStyle()メソッドを使うと、テキストスタイル変数を作成することが可能です。createStyle()でスタイル変数を生成しておき、そのスタイルにset関数を使用することで、個々のスタイルを追加していきます。Pro”を指定し、zに代入zの呼び出し空のテキストレイヤーを削除するか非表示にし、AfterEffectsの文字レイヤーの、ソーステキストにエクスプレッションを以下のように書き換えます。Pro");z;なお、変数を省略し、createStyle()の下層に直接set関数を書くことも可能です。Pro”);createStyle()を使用する場合は変数にし、他でも利用できる形にしておくと便利ですが、文字レイヤーが1つしかなく、わざわざ変数を使う必要がない場合は、createStyle()を使わずにそのまま書くことも可能です(以下のソースを1行につなげて書いてみてください)。text.sourceText.style.setFillColor(hexToRgb(“700491”)).setApplyStroke(10).setStrokeWidth(20).setStrokeColor(hexToRgb(“FF00E4”)).setFontSize(200);今回のこのバージョンアップによって、フォント、フォントサイズ、ベースラインシフト、塗りと線のONOFF、カラー、線幅、行送り値など、いわゆる文字パネル上で行う編集内容そのものが、エクスプレッションで制御できるようになりましたので、set関数の()の内側に、エクスプレッション言語メニューの中にあるtimeなどを組み合わせて使用したり他から値を参照することで、例えば・・text.sourceText.style.setStrokeWidth(20+time*250);のように指定すると、20pxの線幅が時間と共に太くなり、次第に背景を埋め尽くす、というようなアニメーションも可能になります(ちなみにAfterEffectsでのテキストへの最大線幅は1000pxになりますので、1000pxまでの線幅アニメーションが可能です)。時間反転キーフレームでリバース再生すると、以下のように背景色が次第にテキストの線幅になる、ということも可能になります(約8秒。これまでのAfterEffectsでは、アニメータプロパティで行うか、またはアウトライン化した文字であれば様々なアニメーションにすることが可能でしたが、今回のこのテキストへのエクスプレッションの搭載により、テキストのまま、スタイルをコントロールすることで様々なアニメーションに応用することが可能になりました。オープニングやテロップなど様々なアニメーションに応用可能かと思いますので、ぜひアップデートがまだの方はアップデートして使ってみてください。それでは、2019年、一年間お読みいただき、誠にありがとうございました。よいクリスマス、年末年始をお過ごしください。来年もどうぞよろしくお願いいたします。コメントを受け付けていません。コメントを受け付けていません。コメントを受け付けていません。(3)@dezaroguさんのツイートデザログこのサイトについてデザログは、株式会社ボーンデジタルが運営する、デザインに関する様々な情報を発信するサイトです。雑誌『DTPWORLD』の流れをくむスタッフが、グラフィックデザイン、印刷、Webなど、デザインに関わる皆さんが気になる情報を発信します。本サイトについてのお問い合わせ、記事掲載の依頼は以下にご連絡ください。電話:03-5215-8663mail:designlog★borndigital.jp※メールをお送り頂く際は★を@に変更して下さい。WordPress.。