COLOR CODE-AE|AeエクスプレッションTips Profile Banner
COLOR CODE-AE|AeエクスプレッションTips Profile
COLOR CODE-AE|AeエクスプレッションTips

@aecolorcodenet

1,617
Followers
589
Following
204
Media
485
Statuses

「難しい」を「簡単」に。|映像制作・グラフィックデザイン・プログラマー(本業)|Ae・Ps10年以上|YouTube(1700人+)|ブログ運営|子持ち|イラスト|すぐに使えるAeエクスプレッションTips配信|現在Aeスクリプト「LOOPRAN」開発中💡

東京都
Joined April 2019
Don't wanna be here? Send us removal request.
Pinned Tweet
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
8 months
開発中Aeスクリプトの最新仕様を更新し、名前を「LOOPRAN」にしました💡 メイン機能以外にも、グラデーションランダム生成機能や、UIの縦横自動切換え、使わない機能の非表示化など様々な機能を搭載予定です✨ 少しでも簡単で使いやすいものになるように、しっかり進めていきます💨 #aftereffects
0
9
56
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
3 months
エクスプレッションTIPS #18 は指定位置の色を取得です✨ これを活用すると、グローをはじめ様々なエフェクト等と背景色を連携させることができます💨 ⬇️カラープロパティにコピペ thisComp.layer("movie").sampleImage([960, 540], [0.5, 0.5]); ※movieという名前のレイヤーの色を取得 #aftereffects
0
13
223
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
3 months
昔からAeを使った様々な実験をしてきたので、「Ae実験」シリーズもたまにポストすることにしました🙂 「Ae実験 #01 」は、鬼ごっこの実験です👹 lengthを使って、鬼との距離を判定して、自動的に逃げるようになっています💨 #aftereffects
1
14
198
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
Aeスクリプト で、無限にバウンドする機能が動いたので、また少しだけお見せします✨ 円のシェイプは20個しかないのに、毎回動作パターンを変えながら無限に出てきます💨 画像でも、他のコンポジションでもなんでもバウンドできるようになる予定です📢 #aftereffects
0
9
193
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
11 months
開発中のAeスクリプトの「無限バウンド」の最終仕様が確定したので、カスタマイズできる全動作を動画にまとめてみました✨ 細かくカスタマイズ出来るように、全面的に作り直しました💨 エクスプレッションを共通化しないと破綻しそうなので、そういう視点も含めて7種類検討中です💡 #aftereffects
0
11
176
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
10 months
開発中のAeスクリプト/テンプレートの「無限落下」機能の最終形が動作したので紹介します✨ 15個のシェイプレイヤーが、毎回色やサイズなど変えながら、無限に落ちてきます💨 ※ 落下物は文字や、画像などに変更可能です ※ 画面内の400px=1mとして物理演算してます #aftereffects
1
15
169
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
6 months
「すぐに使えるエクスプレッションTIPS #13 」は、「反射」です✨ 対象の中心が、指定した反射位置を超えると、壁にぶつかったように反射します💨 ⬇️位置プロパティにコピペ var p = wiggle(0.5, 500); var r = 960; [(p[0] < r) ? p[0] : r - (p[0] - r), p[1]]; #aftereffects
0
16
164
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
9 months
開発中aeスクリプトの『無限バウンド反射』機能が動いたので、カスタマイズ可能な全設定をまとめてみました✨ 15個のシェイプレイヤーが、毎回色や速度などをランダムに変えながら、無限にバウンドします💨 ※ アニメーション対象は文字や画像などに変更可 #aftereffects
3
10
153
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
8 months
「すぐに使えるエクスプレッションTIPS #07 」は、ダブルwiggleです✨ 2種類の異なるwiggleを同時に適用することで、より複雑なアニメーションを簡単に作ることができます💨 ⬇️位置プロパティにコピペ add(wiggle(0.5, 400), sub(wiggle(2, 100), value)) #aftereffects
0
11
150
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 months
エクスプレッションTIPS #19 は、カメラ方向に自動回転です🙂 3Dレイヤーが自動でカメラの方向を向いてくれます💨 ⬇️全3Dレイヤーの方向プロパティにコピペ var c = thisComp.layer("camera").transform.position; var p = transform.position; lookAt(c, p); ※カメラ名がcameraの場合 #aftereffects
0
15
144
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 month
エクスプレッションTIPS #21 は、対象から一定距離をwiggleです🙂 地球の周りを謎の衛星がwiggleします💨 ⬇️3Dレイヤーの位置プロパティにコピペ var e = thisComp.layer("Earth").transform.position; var w = sub(wiggle(0.5, 1), value); var d = 500; add(e, mul(normalize(w), d)); #aftereffects
0
9
128
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
24 days
エクスプレッションTIPS #22 は、他のレイヤーを基準にwiggleです🙂 ドットでつなげることで、参照プロパティにwiggleを適用した結果を取得することができます💨 ⬇️位置プロパティにコピペ thisComp.layer("Planet").transform.position.wiggle(0.5, 600); ※ 事前にPlanetレイヤー準備 #aftereffects
0
7
117
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
8 months
「すぐに使えるエクスプレッションTIPS #08 」は、範囲制限wiggleです✨ wiggleの動作を指定した範囲に制限します💨 ⬇️位置プロパティにコピペ clamp(wiggle(0.5, 1000), [300, 300], [1620, 780]) 次回 #09 👉来週月曜17:45予定📢 #aftereffects
1
9
99
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 months
Ae実験 #04 は、衝突で自動パーティクルの実験です🙂 床や壁にぶつかるたびに、その位置から自動的にパーティクルが発生します✨ 対象物や床等の位置からif文で接地判定をし、CC Particle World で接地位置から一瞬パーティクルを発生させるという仕組みになってます💨 #aftereffects
1
3
88
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
17 days
開発中の「LOOPRAN」に、ボタンの長押し機能を実装しました💨 テキストレイヤーのアンカーポイントをテキスト中心に移動したり、ランダムグラデーションの再生成などが、ボタン長押しで簡単にできるようになりました🙂 ※ 9月発売目標で進めてます #aftereffects
0
7
84
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
10 months
「すぐに使えるエクスプレッションTIPS #02 」は、不規則ウェーブです✨ 以下を位置プロパティに、コピペするだけで動作します💨 [time * 320, value[1] + noise(time * 0.5) * 200] X方向は定速で、Y方向のみ不規則に動作します📣 #aftereffects
0
6
67
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
最終回「初心者でもわかる #AfterEffects エクスプレッション講座8」を公開しました🎥 2つのアニメーションをリニアに切り替える、重要な回なので、是非やってみてください✨ ※ テンプレートがない方は、YouTubeの説明欄リンク先からダウンロードできます
0
0
64
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
5 months
ちなみに、「エクスプレッションTIPS #4 」 で「回転」を紹介したのですが、「回転プロパティでできるのになんでこんなの紹介するの?」と思った方いませんか? 実は位置プロパティだけで回転できると、今回の「反射」と組み合わせてこんなのが作れます✨ ※ #13 反射のpに #4 回転を代入 #aftereffects
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
10 months
「すぐに使えるエクスプレッションTIPS 04」は、回転です✨ sinとcosの周期ずれを利用して、位置プロパティだけで回転アニメーションが作れます💨 以下を位置プロパティにコピペすると動きます🖌️ [value[0] + Math.cos(time * 3.14) * 200, value[1] + Math.sin(time * 3.14) * 200] #aftereffects
0
3
28
0
6
60
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
#AfterEffects のエクスプレッション情報をたまに配信します。 今回は範囲を制限する「clamp」 例えば、位置プロパティに、 clamp(wiggle(0.5, 500), [860, 440], [1060, 640]) と書くと動きます。 第1引数:制限対象 第2引数:制限する左上座標 第3引数:制限する右下座標 といったイメージです。
2
5
58
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
5 months
開発中「LOOPRAN」の「テキスト自動分割機能」を作成しました💨 1クリックでテキストを1文字毎に自動分割し、簡単にアニメーションを適用できるようになりました✨ 1文字毎にプリコンポーズする仕様なので、プリコンポーズ先で自由にカスタマイズすることも可能です🔧 #aftereffects
0
5
48
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
Aeスクリプトの『ランダムグラデーション機能』が設定画面まで動きました‼️ クリックする度に1677万色×1677万色の組み合わせのグラデーションをランダムに作成します🖌️ 開始、終了色をそれぞれ固定できます💡 ソースコードを10000行以上書いてますが、まだまだゴールが見えません💦 #aftereffects
0
0
42
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
5 months
「エクスプレッションTIPS #15 」は「無限ループ」です✨ 対象が画面右端に消えると、左側から出てくる動作を無限に繰り返します💨 ⬇️位置プロパティにコピペ var r = 100; var s = 1000; var w = thisComp.width; var y = wiggle(0.5, 250)[1]; [(time * s) % (w + r * 2) - r, y]; #aftereffects
0
1
40
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 months
反響が大きかったので、自動追従の別パターンも紹介します🙂 #20 は、特定の3Dレイヤーにカメラを自動追従します💨 ⬇️カメラの方向プロパティにコピペ var c = transform.position; var p = thisComp.layer("layer").transform.position; lookAt(c, p); ※3Dレイヤー名がlayerの場合 #aftereffects
0
3
39
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
開発中のAeスクリプトに、「無限落下」機能を追加中です✨ エクスプレッションレベルでは動くようになったので、これからAeスクリプトに反映します🔨 レイヤーの数は15個ですが、パターンを変えながら無限に落ちてきます💨 ※ 毎回色や回転数や位置など色々変わります #aftereffects
0
2
38
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
開発中のAeスクリプトですが、皆様の反応を受けて、無限アニメーション機能をもう少し増やすことにしました✨ 私には難しすぎて脳が破裂しそうですが、エクスプレッションレベルで「無限投げ上げ」を作ってみました💨 ※横移動速度、投げ上げ速度、重力など設定可 ※レイヤー15��のみ #aftereffects
0
1
35
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
8 months
「すぐに使えるエクスプレッションTIPS #06 」は、「グルグル移動」です✨ 以下を位置プロパティにコピペするだけで、回転移動アニメーションが簡単に作れます💨 [time * 320 + Math.cos(time * 6.28) * 100, value[1] + Math.sin(time * 6.28) * 100] #aftereffects
0
4
34
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
11 months
開発中の、Aeスクリプトと、派生コンテンツについて、現時点の構想をまとめてみました💨 まだまだ時間はかかりますが、リリースへ向けて進めていきます✨ ※ 無料コンテンツあり #aftereffects
Tweet media one
0
1
33
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
今回は、基準動作の時間軸をwiggleする、「temporalWiggle」を紹介します。 例えば ① 位置プロパティにピッグウィップで基準動作の位置プロパティの参照を追加 ② ①の末尾に『.temporalWiggle(0.5, 2)』のように追記 すると動きます✨ この例では、基準動作の前後2秒を移動します🚗 #AfterEffects
0
3
31
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 years
「初心者でもわかる #AfterEffects エクスプレッション講座 #7 」は、12/11(��)17:45に公開予定です。 ・コピペだけで色や位置などをランダムに変える ・後から値の範囲を簡単に変更する ・後から色や位置などのパターンを簡単に切り替える 大量のレイヤーを効率的に扱えるようになると思います🎥
0
3
31
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
23 days
#22 の反響が大きかったので「どんな仕組みになっているの?」ということを、より多くの人に理解してもらえるように簡単な説明動画を作成することにしました🙂 昔、自分で実験して理解した内容なので、おそらくあまり知られていないのではないかと思います💨 今週中に公開予定です📢 #aftereffects
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
24 days
エクスプレッションTIPS #22 は、他のレイヤーを基準にwiggleです🙂 ドットでつなげることで、参照プロパティにwiggleを適用した結果を取得することができます💨 ⬇️位置プロパティにコピペ thisComp.layer("Planet").transform.position.wiggle(0.5, 600); ※ 事前にPlanetレイヤー準備 #aftereffects
0
7
117
1
1
29
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
9 months
開発中Aeスクリプトの「無限投げ上げ」機能のカスタマイズ可能な全パラメーターを動画にしました📢 今回もレイヤー15個だけで、毎回色や位置などランダムに変化します💨 あと「無限ウェーブ」と「無限横投げ反射」でおしまいですが、もうちょっとパターンを増やすかどうか検討中です🔨 #aftereffects
0
1
28
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
10 months
「すぐに使えるエクスプレッションTIPS 04」は、回転です✨ sinとcosの周期ずれを利用して、位置プロパティだけで回転アニメーションが作れます💨 以下を位置プロパティにコピペすると動きます🖌️ [value[0] + Math.cos(time * 3.14) * 200, value[1] + Math.sin(time * 3.14) * 200] #aftereffects
0
3
28
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
9 months
「すぐに使えるエクスプレッションTIPS #05 」は、「XY別々にwiggle」です📢 wiggleは通常、動作範囲が正方形になりますが、この方法であれば、長方形画面の隅々までアニメーション可能になります💨 位置プロパティにコピペで動作します✨ [wiggle(0.5, 400)[0], wiggle(0.5, 200)[1]] #aftereffects
0
0
27
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
10 months
開発中のAeスクリプト/テンプレートの「無限横投げ」機能が動作したので、カスタマイズ可能な全動作を紹介します✨ 15個のシェイプレイヤーが、毎回色やサイズなどを変えながら、無限に飛んできます💨 🔹飛んでくる物は文字や、画像などに変更可能 🔹画面内の400px=1mとして物理演算 #aftereffects
0
0
26
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 months
開発中の「LOOPRAN」についてあまりポストできていませんでしたが、開発は毎日順調に進んでます💨 言語切り替え機能や、使わないボタンやロゴを非表示化する機能など、オプション機能の一部を動画にまとめました🎥 快適に使ってもらえるように色々な機能を盛り込んでます🌝 #aftereffects
0
3
25
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
7 months
「すぐに使えるエクスプレッションTIPS #10 」は、秒をタイムコード文字列に変換です✨ 自分で変換すると計算が大変ですが、これを使えば一瞬で変換できます💨 ⬇️テキストレイヤーの、ソーステキストプロパティにコピペ timeToTimecode(time, 30) 次回 #11 👉来週月曜17:45頃予定📢 #aftereffects
1
0
23
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
9 months
開発中Aeスクリプトは、検討の結果、一部機能をやめて無限アニメーション機能に特化させることにしました🔨 できることを増やして、より便利に使いやすくする方向で検討中です✨ まずは、無限アニメーションの繰り返し回数を指定できるようにしました💨 ※レイヤー1個の場合の比較 #aftereffects
0
0
23
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 years
色々あって時間がかかってしまいましたが、『初心者でもわかる #AfterEffects エクスプレッション講座 #5 -プロパティを1か所で管理しよう!-』は、問題がなければ、8/28(日)17:45に公開予定です🎥 この講座内容を上手に活用すると、プロジェクトによっては修正効率がかなり上がると思います。
0
3
23
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
3 years
#AfterEffects の価格自由プラグイン「Normal Mapper For AE」を動画化しました。 高低差を表すノーマルマップを生成するプラグインです。 他の対応プラグインなどと組み合わせて使います。 無料で入手する方法などは #YouTube 説明欄上部のリンク先にまとめてあります。
0
4
22
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
4 months
aeスクリプト「LOOPRAN」は、aescripts + aeplugins さんで販売いただけることになりました🙂 まだ開発中なので、価格や具体的なリリース日は決まっていませんが、年内、夏~秋くらいまでにリリース予定です📢 #aftereffects
Tweet media one
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
8 months
開発中Aeスクリプトの最新仕様を更新し、名前を「LOOPRAN」にしました💡 メイン機能以外にも、グラデーションランダム生成機能や、UIの縦横自動切換え、使わない機能の非表示化など様々な機能を搭載予定です✨ 少しでも簡単で使いやすいものになるように、しっかり進めていきます💨 #aftereffects
0
9
56
0
3
21
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 years
これまでの「初心者でもわかる #AfterEffects エクスプレッション講座」を1つの記事にまとめました。 講座で使うテンプレートファイルもダウンロードできるようにしたので、好きなところからはじめられます。
Tweet media one
0
2
22
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
5 months
「エクスプレッションTIPS #14 」は「ランダム移動」です✨ 毎回移動します💨 ⬇️位置プロパティにコピペ var c = 2; posterizeTime(1/c); random([100, 100], [1820, 980]); ⬇️スケールプロパティにコピペ var c = 2; var s = Math.abs(Math.sin(time * Math.PI / c) * 100); [s, s] #aftereffects
0
0
20
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
3 months
Ae実験 #02 は、背景無限ループと加速の実験です🚗 背景はオフセットエフェクトで動かし、時速120km近くまで加速します💨 この手のアニメーションは、プロパティの上限値になると止まってしまう場合があるので、区切りの良い所で%を使って、割り算の余りを利用するのがポイントです🙂 #aftereffects
0
0
20
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
19 days
エクスプレッションTIPS #22 の解説動画です🙂 wiggle を適用後、少しずつ書き方を変えていき、最終的に他のレイヤーを基準にwiggleするように変化していきます💨 初めてこれに気づいたときは、すごいことを知ってしまったと思いました💡 #aftereffects
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
23 days
#22 の反響が大きかったので「どんな仕組みになっているの?」ということを、より多くの人に理解してもらえるように簡単な説明動画を作成することにしました🙂 昔、自分で実験して理解した内容なので、おそらくあまり知られていないのではないかと思います💨 今週中に公開予定です📢 #aftereffects
1
1
29
0
3
20
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
今回は、速さを取得するエクスプレッション『speed』を紹介します✨ 自分のレイヤーの位置プロパティの速さを取得する場合は transform.position.speed と書くと動きます💨 速さと連携したアニメーションが作れます。 この例では速く動くとマトリョーシカみたいに中身が出てきます🪆 #aftereffects
0
0
19
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
3 months
たくさんのいいね、フォローありがとうございました🙂 反響が大きかったので、 #18 について、解説記事を書くことにしました💨 まだ説明していないことが色々あるので、色の取得(sampleImage)について誰よりも詳しくなれる解説記事にする予定です✨ 1週間以内に公開予定です📢 #aftereffects
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
3 months
エクスプレッションTIPS #18 は指定位置の色を取得です✨ これを活用すると、グローをはじめ様々なエフェクト等と背景色を連携させることができます💨 ⬇️カラープロパティにコピペ thisComp.layer("movie").sampleImage([960, 540], [0.5, 0.5]); ※movieという名前のレイヤーの色を取得 #aftereffects
0
13
223
0
2
18
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
講座8の応用例として、こんなの作ってみました✨ 宙に浮く動きを『linear』を使って切り替えてます。 バウンドする動作は Javascript の知識が必要ですが、それ以外は、講座1~8で紹介したエクスプレッションを使っています。 ※ プラグインやスクリプトを使わずに作りました #AfterEffects
0
1
19
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
8 months
開発中Aeスクリプトの、無限アニメーションのラスト、「無限ウェーブ機能」が動いたので全パラメーター紹介します✨ 黄色い線より上は重力、下は浮力のみが働くように物理演算してます💨 これで7種類できたので、次は全アニメーション共通機能をいくつか作成予定です🔨 #aftereffects
0
2
19
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
3 months
エクスプレッションTIPS #18 「指定位置の色を取得」の解説記事です🙂 🔹エフェクトやマスクを適用しても色取得できるの? 🔹指定位置はピクセルの中心?左上? 🔹中途半端な範囲になったらどう計算されるの? 🔹アルファチャンネルは? などを解説してます📢 #aftereffects
Tweet media one
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
3 months
エクスプレッションTIPS #18 は指定位置の色を取得です✨ これを活用すると、グローをはじめ様々なエフェクト等と背景色を連携させることができます💨 ⬇️カラープロパティにコピペ thisComp.layer("movie").sampleImage([960, 540], [0.5, 0.5]); ※movieという名前のレイヤーの色を取得 #aftereffects
0
13
223
0
1
19
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
今回は、2点間の長さを取得するエクスプレッション『length』を紹介します📣 length(位置A、位置B) のように書くと、2点間の長さを取得できます。 今回の例では、2つの球体の距離に応じて稲妻が発生したり、パーティクルが発生するようになってます✨ #aftereffects
0
0
17
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
#AfterEffects の作業効率を倍増させるために、今年1月から『1クリック』で様々な機能を実現するAeスクリプトの開発をはじめました✨ 《予定機能》 🔹フォルダ、コンポジション作成 🔹シェイプレイヤー作成 🔹エクスプレッション自動適用(←メイン機能) 🔹アニメーション自動作成
1
2
16
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
5 months
「LOOPRAN」のエクスプレッション部分が一応完成し、チェックリストも全項目OKになりました✨長かったー😅 あらためて最終的な「無限バウンド」の全機能を動画にまとめなおし、全項目説明を追加しました💨 ※2羽のアヒルさんががんばってくれてます🦆 次はスクリプト部分を進めます‼️ #aftereffects
0
2
16
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 years
『初心者でもわかる #Aftereffects エクスプレッション講座 #1 』が完成しました! 初心者の方でも理解できるように、出来るだけ丁寧に、やさしく作りました🔰 一人でも多くの方、特にエクスプレッションが苦手な方に見てもらえたら嬉しいです🎥
0
1
16
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 years
次に何をするかだいぶ悩みましたが、『初心者でもわかる #AfterEffects エクスプレッション講座』みたいなのを、ブログではじめようかなと思います! プログラミングをしたことがない人でもわかるように、やさしく噛み砕いて説明する予定です🔰 もう少し構想を練ってからスタートします!
0
0
16
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
5 months
普通はあまり起こらないですが、 アンカーポイント ⇒ 位置 ⇒ スケール ⇒ アンカーポイント というように、参照がループ(=循環参照)になると、エクスプレッションは正常に動作しなくなります💨 遠回りに循環参照になることもあるので、大量に書く場合はご注意ください✨ #aftereffects
0
0
16
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
3 months
「Ae実験 #03 」は、アニメーション切り替えの実験です🚀 2つのアニメーション切り替えはlinearやeaseなどでできますが、3つ以上の切り替えもできるようになってます💨 また、Ae実験 #01 もそうですが、最初のレイヤーを数十回複製するだけで、このような動作になる仕組みになってます🙂 #aftereffects
0
2
16
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 months
今回はカメラにレイヤーを追従する動作で説明しましたが、 🔹特定のレイヤーにライトを追従 🔹カメラを特定のレイヤーに追従 🔹追従する対象をリニアに切り換える などなど、高い自由度と拡張性で利用できるのが、「自動方向」機能との大きな違いです🙂 #aftereffects
@mtmtakht
アキヒト|映像ディレクター
2 months
こういう表現、今までは「自動方向→カメラに向かって方向を設定」で対応してたけど、それとはどう違うんだろう?
0
0
0
0
1
16
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
4 months
エクスプレッションTIPS #17 は接近×拡大です✨ 2点間の距離に応じて拡大縮小します💨 ⬇️位置にコピペ wiggle(0.5, 800); ⬇️スケールにコピペ var p = [960, 540]; var d = 540; var r = length(p, transform.position) / d; var mx = 500; var mn = 0; linear(r, [mx, mx], [mn, mn]); #aftereffects
0
2
15
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
5 months
お待たせしました「エクスプレッションTIPS #13 反射」の解説記事を書きました✨ 何度か書き直して、時間がかかってしまいました😅 もしわかりにくい箇所や、感想などがあれば、このポストの返信か、DMなどでお知らせください💨 #aftereffects
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
6 months
「すぐに使えるエクスプレッションTIPS #13 」は、「反射」です✨ 対象の中心が、指定した反射位置を超えると、壁にぶつかったように反射します💨 ⬇️位置プロパティにコピペ var p = wiggle(0.5, 500); var r = 960; [(p[0] < r) ? p[0] : r - (p[0] - r), p[1]]; #aftereffects
0
16
164
1
3
15
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
去年作った、トランジションのデモ映像を見つけたので一部を公開します✨ 自由にトランジションの動きを変えられる仕組みを作ったのですが、使い方が難しくなってしまったので、開発を保留にしました💨 需要があれば、今のaeスクリプト開発が終わったらもう一度検討します💡 ※音あり #aftereffects
0
1
15
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
4 months
「エクスプレッションTIPS #16 」は、整数/小数テキスト表示です✨ JSのtoFixedを使うと簡単に実現できます💨 ⬇️位置プロパティにコピペ time.toFixed(10); ちなみに、toFixedは数値にしか使えませんが、parseFloatで数値に変換すれば文字にも使えます🔧 parseFloat("1").toFixed(10); #aftereffects
0
0
14
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
10 months
あまり便利情報の発信が出来ていなかったので、すぐに使えるエクスプレッション「EXPRESSION TIPS」をたまに配信していくことにしました💡 初回はウェーブアニメーションです✨ 位置プロパティのエクスプレッションに記載することで動作します💨 #aftereffects
0
0
14
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
7 months
「すぐに使えるエクスプレッションTIPS #11 」は、ウェーブwiggleです✨ X方向がwiggle、Y方向がウェーブの組み合わせで、こんなアニメーションが作れます💨 ⬇️位置プロパティにコピペ [wiggle(0.5, 800)[0], Math.sin(time * 3.14) * 200 * value[1]] 次回 #11 👉来週月曜17:45頃予定📢 #aftereffects
0
0
13
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
私が作ったエクスプレッションが本当に正しいかを確認するためのテストを、簡単に実施できる仕組みを作りました✨ 想定外の結果の場合はすぐにわかる仕組みになってます💡 安定した動作を確保するために、一つずつしっかり確認していきます‼️ 製品化までの道のりはまだまだ長いです💦 #aftereffects
1
0
13
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 month
ちなみに、エクスプレッションTIPS #21 は、位置プロパティだけで実現しているので、TIPS #13 反射 と組み合わせるとこんなこともできます🙂 黄色い面でX位置を反射させることで、謎の衛星が別の惑星に移動する動作になります🌏 #aftereffects
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
6 months
「すぐに使えるエクスプレッションTIPS #13 」は、「反射」です✨ 対象の中心が、指定した反射位置を超えると、壁にぶつかったように反射します💨 ⬇️位置プロパティにコピペ var p = wiggle(0.5, 500); var r = 960; [(p[0] < r) ? p[0] : r - (p[0] - r), p[1]]; #aftereffects
0
16
164
0
0
13
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
今回は、ベクトルを減算するエクスプレッション「sub」を紹介します✨ sub(位置1, 位置2) のように記載すると、位置1と位置2の引き算ができます💨 subは、配列の引き算としても使えるので、addの配列の足し算と合わせて、個人的によく使ってます💡 #aftereffects
0
0
13
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
6 months
開発中「LOOPRAN」では、無限アニメーション対象を円内に収める必要があるのですが、手動だと面倒なことがわかったので、自動化することにしました✨ これで、パス化されたものであれば、大半は調整不要になる予定です📢 これから仕様を考えながら本体に組み込んでいきます💨 #aftereffects
0
0
13
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 years
『初心者でもわかる #AfterEffects エクスプレッション講座』の全体構成をなんとなく考えて、初回分の台本を書き終わったので、とりあえず動画で1本作ってみることにしました。 まずはアイキャッチをデザインして、動きをつけるところまで作りました。 しゃべるのどうしようなど課題は山積みです。
0
0
13
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
9 months
開発中aeスクリプトの『無限横投げ反射』機能が動いたので、カスタマイズ可能な全設定をまとめました✨ 今回も15個のシェイプレイヤーが、毎回色や速度などをランダムに変化しながら、無限に繰り返します💨 🔸1m=400pxとして物理演算 🔸アニメーション対象は文字や画像などに変更可 #aftereffects
0
2
13
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
7 months
5週連続投稿ラストは、カラーwiggleです✨ wiggleで色を動的に変化させ、RGBの範囲も制限できるようにしました💨 ⬇️カラープロパティにコピペ clamp(wiggle(0.5, 0.5), [0, 0, 0, 1], [1, 1, 1, 1]) ※色を「 #808080 」にしてから実行 ※次回からは不定期投稿に戻ります #aftereffects
0
0
13
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
5 months
開発中「LOOPRAN」に「進行方向追従機能」を追加しました✨ レイヤーが常に進行方向を向くように自動回転する機能です💨 例えば、1枚の魚のトリミング画像に適用、8回複製するだけで、こんな魚の動きが簡単に作れます🐟 他にも、大量に飛んでくる矢など、様々なシーンで利用できます💡 #aftereffects
0
1
13
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
Aeスクリプトの『1クリックコンポジション作成機能』が『設定画面』まで動いたので少し紹介します📣 🔹サイズなど色々指定可 🔹次回以降も設定保持 🔹背景色ランダム機能 🔹選択フォルダ下に作成 コンポジションを1クリックで作れるようになるだけで、想像以上に快適に感じます✨ #AfterEffects
0
0
13
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
4 months
遅く出来ますよー! sinもcosも1周期360°=2π=3.14*2なので、3.14の場合は、2秒で1周するようになってます。 例えば、「time * 3.14」の部分を両方とも、「time * 1.57」にすると、4秒で1周するようになります。 もちろん1でも2でも、円周率に関係ない3.14より小さい値にすれば遅くなります✨
@mtmtakht
アキヒト|映像ディレクター
4 months
こちらの回転エクスプレッションを使って制作。 回転速度は (time * 3.14) より遅くすることはできるんだろうか?(分からなかったのでタイムリマップで調整)
0
0
1
2
0
11
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 years
みなさまのおかげで、YouTubeのチャンネル登録者数が1000人を超えました✨ 本当にありがとうございましたm(_ _)m ちなみに、夢のない話ですが、1000人を超えても、再生時間が今の10倍くらいに増えないと、報酬はもらえません。ハードル高い! 今後ともよろしくおねがいします!
1
1
12
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
7 months
「すぐに使えるエクスプレッションTIPS #09 」は、2点間ループです✨ 任意の2点間を、スムーズにループし続けます💨 ⬇️位置プロパティにコピペ linear(Math.sin(time * 3.14) / 2 + 0.5, [300, 540], [1620, 540]) 次回 #10 👉来週月曜17:45予定📢 #aftereffects
0
0
11
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
5 months
「LOOPRAN」の8番目のアニメーションに「無重力」を追加しました💨 このLite版を、お試し版として無料で使えるようにする方向で検討中です✨ #aftereffects
0
0
12
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 years
#AfterEffects の無料プラグイン「VC Reflect」を動画化しました🎥 高品質な反射を簡単に作成できるプラグインです。 細かくカスタマイズできます。 導入方法などは #YouTube 説明欄上部のリンク先にまとめておきました。
0
2
12
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
11 months
エクスプレッションのテストで、地面が回転したときに球体が地面にピッタリ合っていないことに気づき修正しました。 地面の回転と共に、球体と地面の接点も変わることを計算にいれてませんでした。 座標の回転やら、三角関数やら、色々使って、ギリギリ解決しました。ムズイ! #aftereffects
0
0
12
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
8 months
皆様のおかげで、フォロワーさん1000人超えました、本当にありがとうございます✨ 感謝の気持ちを込めて、すぐに使えるエクスプレッションTipsを、週1回、5週連続で投稿させてもらいます‼️ 明後日スタートで、毎週月曜17:45に投稿予定です🕒 できるだけ役に立つものをお届けします📢 #aftereffects
Tweet media one
1
0
12
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
8 months
開発中Aeスクリプト「LOOPRAN」のタイムコントロール機能が動作するようになったので紹介します✨ 無限アニメーションの開始タイミング調整や、再生時間を、タイムリマップを利用せずに、自由自在にコントロールできる機能です💡 もちろん、キーフレーム指定することもできます💨 #aftereffects
0
0
12
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 years
『初心者でもわかる #AfterEffects エクスプレッション講座 #2 』 の台本制作に着手しました📝 講座 #2 では、 ・『変数』と『配列』の使い方 ・エクスプレッションを使った『位置』や『スケール』などのアニメーション方法 について説明する予定です。 わかりやすく伝えるのって難しいですね~
0
0
11
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
このうち『コンポジション作成』から『wiggle適用機能』まで動いたのでちょこっとお見せします📣 ここでは、色、位置、スケール、回転にwiggleを一括適用しています。 ※プロパティ毎に適切な動作範囲を自動設定 もしニーズがあれば、製品化できるレベルまで作り込むかもしれません✨ #aftereffects
0
1
10
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 years
ちなみに、次の「初心者でもわかる #AfterEffects エクスプレッション講座7」を応用すると、3D空間にランダムにレイヤーを配置するのも簡単にできるようになります。 ランダムでいいものには、なんでも適用できるので、習得すればかなりの効率化ができるようになります。
0
1
11
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
-1~1の連続した値を取得するエクスプレッション『noise』を紹介します📢 これを使うとアニメーションに揺らぎをつけることができます💨 この例では、キーフレームを追加したプロパティのエクスプレッションに value + noise(time) * 20 と書くことで-20~20の揺らぎを加えています✨ #aftereffects
0
0
11
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
3 years
#VideoCopilot 社の #AfterEffects 用無料プラグイン「Color Vibrance」の全項目の操作結果を動画にまとめました。 黒背景素材に特化した、カラー調整プラグインで、黒背景に影響を与えない明度調整や、黒背景透過が可能です。 導入方法は #YouTube 説明欄をご覧ください。
1
0
11
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
6 months
たくさんのいいね、リポストありがとうございました🙂 #13 について解説記事を書くことにしました✨ 短いコードですが、たくさんの情報が詰まっているので、一つずつ紐解いていきます🔍 なんでこんな動作になるの?と、思ってもらえた方は少々お待ち下さい💨 来週中に公開予定です📢 #aftereffects
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
6 months
「すぐに使えるエクスプレッションTIPS #13 」は、「反射」です✨ 対象の中心が、指定した反射位置を超えると、壁にぶつかったように反射します💨 ⬇️位置プロパティにコピペ var p = wiggle(0.5, 500); var r = 960; [(p[0] < r) ? p[0] : r - (p[0] - r), p[1]]; #aftereffects
0
16
164
0
2
11
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 years
次の『初心者でもわかる #AfterEffects エクスプレッション講座 #4 』では、 ・loopInとloopOutの違い ・loopOutの繰り返しの種類や、繰り返し区間を変える方法 ・loopOutとwiggleを同時に使う方法 について説明します。 順調に進めば、次の週末辺りに公開できる予定です!
0
1
11
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
3 years
#AfterEffects の価格自由プラグイン「Slit scan」を動画化しました。 スリットスキャン効果(スリット状に分けたエリアに時間をずらした動画を表示)を加えるプラグインです。 無料で入手する方法などは #YouTube 説明欄上部のリンク先にまとめておきました。
0
1
10
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
3 years
年間ではなく、直近でアクセス数が1位の記事が、 #AfterEffects の「全エフェクトまとめ」記事です。 各エフェクトの説明と、動画リンクをセットにしてまとめました。 私がAfterEffectsを始めた時に「こんな記事があったらいいのになぁ」と思ったものを形にした記事です✨
0
1
11
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 years
今後の展開を色々考えましたが、ここからはおそらく需要が小さい領域に入っていくので、このシリーズとしては講座8で一端終了することにしました。 ※ このシリーズが終わるだけでコンテンツ制作をやめるわけではありません! ちなみに、講座8ではこんなのが作れるようになる予定です✨ #AfterEffects
0
0
11
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
ピックウィップを使うときに、ドロップする場所によって結果が変わるの知ってました? 私は知りませんでした😱 まだまだ知らない機能がありそうです💦 Adobeの公式リファレンス読んでたら出てきました‼️ #aftereffects
0
1
10
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
3 years
#AfterEffects の価格自由プラグイン「Pixy Halftone」を動画化しました。 対象をドットなどでハーフトーン化するプラグインです。 通常は有料で販売されていますが、無料で入手することも可能です。 詳しくは #YouTube 説明欄上部のリンク先にまとめておきました。
0
0
10
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
Aeスクリプトで、『無限に物体が飛んでくる機能』が動いたのでまたちょこっとお見せします✨ 球体のレイヤーは5つなのに、動作パターンを変えながら無限に飛んできます💨 この動画の球体は、CC Sphere(標準エフェクト)で作りました🎥 #aftereffects #モーショングラフィックス
0
2
10
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
6 months
エクスプレッションに関する情報は、adobe公式サイトも充実していますが、開発者などのコミュニティが運営している以下のサイトもおすすめです💨 英語ですが、非常に詳しくまとめてあるので、 より詳しく知りたい場合はのぞいてみるといいと思います✨ #aftereffects
0
0
10
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 year
今回は、ベクトルを加算するエクスプレッション「add」を紹介します✨ 2つのベクトルを足し算できます✏️ add(位置1, 位置2) のように記載すると、位置1と位置2の足し算ができます‼️ addは、配列の足し算としても使えるので、実はものすごく使えるエクスプレッションです💡 #aftereffects
0
0
10
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
3 years
#AfterEffects の無料プラグイン「Sure Target 2」を動画化しました🎥 3Dレイヤーへカメラを自動追従させるプラグインです。 クセのあるプラグインなので CC / CS6 それぞれでの使い方を #YouTube 説明欄上部のリンク先にまとめておきました。
0
1
10
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
7 months
開発中「LOOPRAN」のアニメーションスケール機能が動いたので紹介します📢 アニメーション全体のスケールを変更する場合、対象サイズ、重力、速度などの関係性を維持するように変更する必要があります💨 ですがそれは大変なので、1つの設定の変更だけで実現できるようにした機能です✨ #aftereffects
0
0
9
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
2 years
最後は、 #AfterEffects の無料プラグイン「Diplacer Pro」を動画化しました🎥 静止画を立体的に見せることもできる、ディスプレイスメントマッププラグインです。 色収差機能付きです。 導入方法などは #YouTube 説明欄上部のリンク先にまとめておきました。
0
1
8
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
1 month
LOOPRANの製品紹介動画の準備を始めまして、試しに「ウェーブ」機能を使ってこんなのを作ってみました🙂 (使わないかもしれませんが) 水しぶきは、Ae実験 #04 と同じ仕組みで、水中の泡は CC Particle World で魚の位置から発生させてます💨 魚は CC Bender で尾びれを動かしてます🐟 #aftereffects
0
0
9
@aecolorcodenet
COLOR CODE-AE|AeエクスプレッションTips
3 years
まず最初は、 #VideoCopilot 社の無料プラグイン「saber」の全項目の操作結果を動画にまとめました。 #AfterEffects でスターウォーズのライトセイバーのようなものが簡単に作れます。プリセット50種類。 インストール方法などは #YouTube の説明欄にまとめておきました。
0
0
9