After Effects（Ae）でトラックマット(Track Matte)がない時の対処方法｜Rungo　岡田庸平｜Note

この連載では、 After Effects を触ってみたいIllustratorユーザーの方へ向けて、モーションデザインの考え方や、具体的な操作を紹介していきます。この回では、緩急のある動きや繰り返しの動きなどの演出効果の付け方を学びます。文字やイラストがただ移動するだけでは面白くないと思われる方も多いと思います。自然で楽しいモーションを目指しましょう! [After Effects] タイトルやクレジットにオススメな、文字に背景を組み合わせる方法 | Curioscene (キュリオシーン) - 映像制作、動画編集チュートリアルマガジンサイト. サンプルデータは こちら 本連載は、 「Illustratorユーザーのためのモーションデザインことはじめ オンライン講座(全6回)」 と連動しています。あわせてぜひご視聴ください。 もっと「動き」を演出したい! 浅野: After Effectsの基本的な使い方はだんだんと習得しつつある……気がするので、今回は自然に見える動かし方についても教えてほしいです。 あと、私がこのデザインを作るにあたって筆記体の書体をメインにしたのは、書き文字風のモーションを付けたかったからなんですが、そのあたりもぜひお願いします! 山下: わかりました。今回は「キーフレーム以外でのアニメーションの制御」がテーマになると思います。こちらの3つをやっていきましょう。 緩急をつける「イージング」で自然な動き さまざまな効果をつける「エフェクト機能」で手描き風に プログラムで動きを制御する「エクスプレッション」でループするアニメーションに 最後の「エクスプレッション」は複雑なこともできますが、簡単なものを紹介します。本格的に使えるようになるとさまざまな場面で役に立ちますよ。 まずは文字のほうですね。「イージング」と「エフェクト」をやっていきます。今回はこんな例を用意しました。 最後の"Motion Design"がエフェクトを使ったアニメーションです。そこまでいければいいな(笑)。 がんばります! まずはイージングからですね。 イージングをつけよう①イージングとは何か イージング(Easing)とは「速度の緩急」のことです。自然界にある動きの中で、ある地点からある地点までの移動を考えたとき「自然に見える動きの速度」は一定ではなく、動きの緩急が存在します。そこで、オブジェクトにイージングをつけることで、動きが自然に見えるようになります。 今回はテキストにこのようなイージングをつけていきます。文字が止まる直前に動きが鈍くなっていることがわかります。このイージングにより、「滑るような文字の動き」が自然に感じられると思います。 イージングの種類と緩急のポイント イージングにはさまざまな種類があります。自分でタイミングをカスタマイズすることもできますが、加速や減速の度合いに応じて下記のように名前がついているイージングもあります。はじめに確認してみましょう。 イージーイーズ 加速して減速 イーズイン 最初が速く減速していく イーズアウト 最初がゆっくりで加速していく イージングをつけよう②グラフエディターを使おう それでは実際に、文字レイヤーに対してイージングをつけていきましょう。 STEP1.

• After Effects(アフターエフェクト)の使い方 エフェクトで煙を作る。初心者でも大丈夫 - ホワイトボードアニメーション制作・手書き動画ならキザキヤ（東京・新宿）
• [After Effects] タイトルやクレジットにオススメな、文字に背景を組み合わせる方法 | Curioscene (キュリオシーン) - 映像制作、動画編集チュートリアルマガジンサイト
• トラックマットを使って部分的にエフェクトを適用する | After Effectsで動画製作- fu-non

After Effects(アフターエフェクト)の使い方 エフェクトで煙を作る。初心者でも大丈夫 - ホワイトボードアニメーション制作・手書き動画ならキザキヤ（東京・新宿）

シェイプレイヤーを作成 文字のレイヤーを選択していない状態で、ブラシで触りたくないのに触れてしまう部分をペンツールで囲んで、シェイプレイヤーを作成します。 シェイプレイヤーは、ひとつのシェイプレイヤーに複数のシェイプを含めることができるので、複数のシェイプをひとつのシェイプレイヤーで管理しましょう。 STEP2. 文字側の「トラックマット」を「アルファ反転マット」にする 文字側のレイヤーの「トラックマット」のプルダウンから「アルファ反転マット"シェイプレイヤー1"」を選択します(※)。「アルファ反転マット」を選択すると、ブラシが通過したときにシェイプ部分が保護されます。 (※デフォルトの状態では「トラックマット」が表示されていない場合があります。その場合はレイヤーパネルの左下のアイコン群の中央「転送制御を表示または非表示」ボタンを選択してください) ただしこのままでは、ブラシが2画目の横棒に到達したときにマスクが掛かりっぱなしになってしまい、2画目がうまく表現できません。 STEP3. 各シェイプの不透明度を100%と0%に設定 そこで、ブラシがマスクを通り過ぎたらマスクをOFFにする(不透明度を0%にする)という設定をしていきましょう。 シェイプレイヤーの各オブジェクトに、「不透明度」のキーフレームを入れます。描画が通過したらマスクが消える(0%になる)ようにするためです。 このとき、「シェイプレイヤー全体」ではなくそれぞれの「シェイプ」(この画面の場合はシェイプ2と3)にキーフレームを入れることに注意してください。 STEP4.

[After Effects] タイトルやクレジットにオススメな、文字に背景を組み合わせる方法 | Curioscene (キュリオシーン) - 映像制作、動画編集チュートリアルマガジンサイト

After Effects ではトラックマットと呼ばれる機能を使って、指定する部分だけの映像を表示することができます。PhotoShopでもおなじみのレイヤーマスク機能のAfter Effects版ともいえるかもしれません。このページではトラックマットの選択肢の1つである「アルファマット」の特徴と利用方法についてをご紹介しています。 差し替えて簡単に作れるスライドショー アルファマットとは?

トラックマットを使って部分的にエフェクトを適用する | After Effectsで動画製作- Fu-Non

ストップウォッチをalt +クリック レイヤーを選択して、回転のストップウォッチ上でoption[alt]+クリックすると、エクスプレッションフィールドが開きます。 STEP2. フィールドにエクスプレッションを入力 半角英数で time*360 と入力します。エクスプレッションフィールド外をクリックして確定します。 360の部分は、アニメーションのスピードに応じて変更してください。下記では非常にゆっくり回したいので、「time*10」と入力しています。 ゆっくりとずっと回り続けるアニメーションができました。 エクスプレッションの元となっているJavaScriptは、webデザイナーや一部のDTP(処理の自動化など)で利用されているので、多少の心得があるデザイナーも多いことでしょう。変数やif文を使った細かい制御も可能なので、複雑な条件分岐を伴うアニメーションにもぜひ挑戦してみてください! トラックマットを使って部分的にエフェクトを適用する | After Effectsで動画製作- fu-non. 今回も盛りだくさんでしたが、いずれもレイヤーのプロパティから調整できる項目だったんですね。 「エフェクト」については「After Effectsのエフェクト」って言われても……と思っていましたが、見慣れた「fx」マークのおかげで、レイヤー効果的なものだと理解できました。 メニューを見てもらうとおわかりかと思うのですが、たくさんの効果がかけられるんですよ。今回の作例はフラットなイラストですが、もっとCGっぽい表現なども可能です。 もしセカンドシーズンがあったら挑戦してみたいです(笑)ブラシアニメーションはできると楽しいですが、めちゃくちゃ細かい作業が必要なんですね……。 でも、その分できたときの楽しさがありますよね。まずは少ない文字でやってみるといいですよ。 第5回「Illustratorのレイヤー分け&After Effectsでキャラクターを動かそう」では、自分で描いたイラストやアイコン素材の動かし方を学んでいきましょう。ご要望も非常に多かったですし、こちらもきっと楽しいですよ! ———- オンライン講座にぜひご参加ください 本連載は、「Illustratorユーザーのためのモーションデザインことはじめ オンライン講座(全6回)」と連動しています。あわせてぜひご視聴ください。本放送中には、浅野と山下先生が皆さまの質問などに回答いたします。 詳細および視聴申し込みは こちら * *視聴はCreative Cloudのプランをご利用いただいているメンバーシップ限定となります。 山下先生プロフィール: テレビ関係のサポートを経て映像講師に。Premiere Pro / After Effectsを主に活動を行う。企業や個人に向けてセミナーを行っている。After Effectsユーザーグループの管理人。定期的に勉強会も開催中。 サイト everydayskillshare や SNS で情報発信を行っている。