noteエクスプレッションこんにちは、イマジカデジタルスケープの伊藤和博です。2020から新機能で「ドロップダウンメニュー制御」をご紹介します。この機能は、エクスプレッション制御エフェクトに加わった新機能で、レイヤー内にドロップダウンメニュー(プルダウンメニュー)を作成するエフェクトになります。制御エフェクトですので、あくまでも【何らかの項目を選択できる「メニュー」を提供する】という機能になります。メニュー内の何らかの項目は、自分で設定(作成)する必要がありますが、メニュー項目さえ作成してしまえば、ドロップダウンメニューから特定の項目を選択するだけで、フォント、デザイン、モーションなど、様々な切り替えを一発で行うことが可能になりますので、使いこなすと大変便利な機能になります。Pro上のエッセンシャルグラフィックスパネルでもメニュー項目からの選択が可能になります。Proでシーン編集する際に、好きなデザインをメニューから選択して使用する、というワークフローが可能になりますので、そのあたりをご紹介したいと思います。下に平面レイヤー、中央に空のテキストレイヤー、一番上にヌルオブジェクト、の3つのレイヤーを作成しておきます。平面のカラーは何でもかまいません。何のキーも打ちません。ドロップダウンメニュー制御、を選択します。このヌルオブジェクト内にドロップダウンメニューが追加されます。デフォルトでは、【項目1】【項目2】【項目3】というメニューを持っています。【項目1】【項目2】【項目3】をそれぞれ切り替えると、何らかのレイヤーのデザインが変更になる、モーションが変化する、など、それぞれのメニュー項目に該当する何か?を作成していきます。メニューにドラッグします。すると、以下のエクスプレッションが適用され、【1】のテキストが表示されます。1”).effect(“ドロップダウンメニュー制御”)(“メニュー”)ヌルオブジェクトのドロップダウンメニュー制御の【項目1】【項目2】【項目3】には、それぞれ【1】【2】【3】という数字が割り当てられており、以降はメニューを順次切り替えるだけで、これらの数字を取得することが可能になります。次に、メニューが【1】なら何、メニューが【2】なら何、という、ドロップダウンメニューで表示される数字に紐づけた別のエクスプレッションに書き換えてみます。上記のエクスプレッションを全て削除し、以下のように書き換えます。これで、ドロップダウンメニューから選択するだけで、テキストを切り替えることができるようになりました。hexToRgb()メソッド同様に、このヌルオブジェクトに設定したドロップダウンメニューを変更すると、【平面レイヤーの塗りつぶし色】も変更になるようにしたいと思います。平面レイヤーに対して、塗りつぶしのエフェクトを適用しておきます。塗りつぶし、を選択します。{hexToRgb(“00ff00”);}hexToRgb()メソッドとは、CSSなどでおなじみの16進数カラーコードをRGBに変換するメソッドになります。そのため意訳では、メニューが【1】ならhexToRgb(“0000ff”)で青、メニューが【2】ならhexToRgb(“ff0000”)で赤、メニューが【3】ならhexToRgb(“00ff00”)で緑、になります。これで、ヌルオブジェクトのドロップダウンメニューを変更するだけで、テキストと平面レイヤーの塗りつぶしカラーを同時に変更できるようになります。Proでも使用することが可能です。Proのエッセンシャルグラフィックスパネル上でも、このメニューが選択可能になります。AfterEffectsのエッセンシャルグラフィックスパネルに、ドロップダウンメニュー制御エフェクトそのものを登録し、モーショングラフィックステンプレートとして書き出します。Proでモーショングラフィックステンプレートを読み込み、タイムラインに入れた後、エッセンシャルグラフィックスパネルの編集タブの中に、【メニュー】という項目が表示されており、ここでドロップダウンメニュー制御エフェクトで設定した各メニューを選択して切り替えることが可能になります。Proを使わない方は、単にAfterEffects上で使用する【テキストやデザイン、モーションなどの切り替えスイッチ】のように使用するといいかと思います。Proも使う方は、モーショングラフィックステンプレートと書き出して連携することで、1つのテンプレートだけでいくつものデザインやモーションパターンを登録しておくことが可能になります。book(2冊目)ですが、今年一年お読みいただきまして誠にありがとうございました。来年もまたよろしくお願いいたします。2020から「シェイプの高速化」をご紹介します。Productions。現在取り組んでいるゲームエンジン、新規IPタイトル、今年に入ってから力を...2019/11/27エンジニアTIPSpythonが学べるおすすめのプログラミングスクール1...Pythonを学べるスクールは各地に様々な形態であり、目的のレベルに応じた学習コースを用意しています。「モバイルファースト」に至るまでをモバイル端末の遷移と...ここ最近「モバイルファースト」でのコーディングをすることが多くなりました。「UIターンで手に入れた素晴らしい環境」株式会社スクウ...前編に続き、スクウェア・エニックス大阪支社で活躍する開発スタッフにインタビュー。編集長・林さんがサラ...誰も傷つかないスカッとした楽しさを提供し続ける大人気メディア「デイリーポータルZ」の編集長林雄司氏のキャリアに迫る。2019/6/27全ての業界キャリア企業研究の目的は?転職活動を成功に導く企業研究のポイン...就職活動を成功させるために、「企業研究」は非常に重要です。Creatorとはクリエイティブ業界に関わる全ての人に届ける情報メディアサイトです。クリエイティブ業界に特化した「イマジカデジタルスケープ」が運営するサービスです。Tips/ノウハウ、キャリアに関する情報/最前線で働く方へのインタビュー記事など、クリエイターの毎日に役立つコンテンツをお届けしていきます。運営元お問い合わせご利用にあたってプライバシーポリシーサイトマップ。