「AE_エクスプレッション」カテゴリーアーカイブ

【AE】グラフと数値の関連付けとアニメーション


コンポジットファイル

 

流れ
  1. シェイプレイヤーでグラフを作成
  2. 調整レイヤーでエフェクト_スライダーを追加
  3. グラフとスライダーを関連付け
  4. 数字を配置
  5. 数字をスライダーに関連付け
  6. 数字の小数点以下を非表示設定


シェイプレイヤーでパスのトリミングを追加して項目の中の開始点にスライダーと関連付けさせる。スライダーは調整レイヤーを作成して〜エフェクト〜エクスプレッション〜スライダーを追加。

開始点とスライダーを関連付けさせたらテキストから数字を配置して数字のプロパティのソーステキストをエクスプレッションでスライダーと関連付けさせる。

スライダーをアニメーションさせると数字が小数点以下も表示されるので数字に小数点以下を表示させないスクリプトを設定。

エクスプレッション言語メニュー(▶️)からJavaScript Mathから
Math.round(value) を選択。
選択する前にエクスプレッション表示をアクティブにして一番先頭に書き込まれたいので先頭に表示を持ってくる。

Math.round(value) でvalueを消してもともとあったエクスプレッションをvalueの代わりに入れてあげる。


エクスプレッションを表示させるショートカットはEキーを2回連続で押す


制作動画



 

【AE】グリッチを作成してノイズ映像を作成


完成だけ見るとエフェクト一発な感じだが、、、。
やっぱりプラグインのTwitchData Glitchなどがあれば一発でできちゃうのだがまあ理屈だけでもわかっておけばプラグインの使い方も変わってくるかもしれないので。

Glitch作成

縦にwiggleを入れてみた

x=960;
y=wiggle(20,1200);
y=y[0];
[x,y]

1920X1080で作成


こんな感じののものを3つ作成


ノイズ映像
  • 映像を追加
  • エフェクト〜ディスプレイメントマップを追加
  • glitchをコンポの中に入れておいて表示はなし
  • ディス、、の中のマップレイヤーをglitchに設定

    RGBで分けて動かしたかったので映像をRGBで分けた

  • エフェクトのレベル個々の調整を追加
  • レベル白出力レベルを調整して3つのRGBファイル作成
  • 映像ファイルのモードはスクリーンに変更

RGBファイル1つづつのディスプレイメントマップの値を変更するとRGBがづれる。値を変更すればいいだけなのでglitch3つ用意する必要もなかったのか。。



参考チュートリアルがこれ

ロゴの感じと平面画像だとちょっとイメージが違うけどな。まだまだだ。。。

【AE】wiggleとrandomで縦、横軸のみ移動させるエクスプレッション

random 縦

x=0;
y=random(1,400);
[x,y]
after effects random

random 横

x=random(1,400);
y=0;
[x,y]after effects random





wiggle 縦

x=0;
y=wiggle(1,250);
y=y[0];
[x,y]after effects wiggle

wiggle 横

x=wiggle(1,250);
x=x[0];
y=0;
[x,y]after effects wiggle

javaはちんぷんかんぷんだけどエクスプレッションを集めていけばいろんな動きを覚えられるのか実験中。。