ブログ - 2021-08-12 10:42:00

[AE]位置に合わせて回転させる[エクスプレッション]

Posted by 桑原 隆一
Ryuichi Kuwahara

こんにちは、桑原です。

今回は位置に合わせて回転させる

エクスプレッションを紹介します。

位置に合わせてって言葉だけだと

分かりづらいので車のタイヤを

イメージしてもらうとわかりやすいです。

ということで、車を用意しました。

福岡|九州|映像制作|プロジェクションマッピング|ドローン|ホームページ|ライブ配信|特殊撮影|イベント|レーザー|特殊効果|CG制作|写真撮影|youtube|チャンネルプロデュース|モデル|音響|照明|レンタル|キャラクターデザイン|ロゴデザイン

福岡|九州|映像制作|プロジェクションマッピング|ドローン|ホームページ|ライブ配信|特殊撮影|イベント|レーザー|特殊効果|CG制作|写真撮影|youtube|チャンネルプロデュース|モデル|音響|照明|レンタル|キャラクターデザイン|ロゴデザイン

動いているのがわかるように車線と雲も入れてます。

「wheel」のレイヤーの位置にキーフレームをつけて

「car」とカメラレイヤーを親子付けしてます。

エクスプレッションをつける前だとこんな感じです。↓

福岡|九州|映像制作|プロジェクションマッピング|ドローン|ホームページ|ライブ配信|特殊撮影|イベント|レーザー|特殊効果|CG制作|写真撮影|youtube|チャンネルプロデュース|モデル|音響|照明|レンタル|キャラクターデザイン|ロゴデザイン

タイヤはまだ回転してません。

で、エクスプレッションをつけてみます。

福岡|九州|映像制作|プロジェクションマッピング|ドローン|ホームページ|ライブ配信|特殊撮影|イベント|レーザー|特殊効果|CG制作|写真撮影|youtube|チャンネルプロデュース|モデル|音響|照明|レンタル|キャラクターデザイン|ロゴデザイン

タイヤはシェイプアニメーションのリピーターで増やしているので

シェイプのトランスフォームの回転にエクスプレッションをつけてます。

フォトショやイラレで用意したレイヤーならそのままつけてください(笑)

こんな感じになりました!↓

福岡|九州|映像制作|プロジェクションマッピング|ドローン|ホームページ|ライブ配信|特殊撮影|イベント|レーザー|特殊効果|CG制作|写真撮影|youtube|チャンネルプロデュース|モデル|音響|照明|レンタル|キャラクターデザイン|ロゴデザイン

位置と回転両方にキーフレームつけてイーズの速さ合わせて、、、

なんてめんどくさいことしなくてすみます!(笑)

以下、コピペ用です。

関数とか構文の意味は全然わかってないです(笑)

4行目の360もしくは-360で回転の方向が変わります。


function changeDistanceToCircleRotation(anStartPosition, anNowPosition, nRadius){

    var nDistance = length(anStartPosition, anNowPosition);

    var nCircumference = nRadius * 2 * Math.PI;

    return ((nDistance % nCircumference) / nCircumference) * 360; 

}

 

var anStartPosition = thisLayer.transform.position.valueAtTime(0);

var anNowPosition = thisLayer.transform.position;

var nRadius = 200;

changeDistanceToCircleRotation(anStartPosition, anNowPosition, nRadius);


以上、桑原でした。

Posted by Ryuichi Kuwahara
鳥栖営業所所長/チーフクリエイター/カメラマン 桑原 隆一

桑原 隆一が書いたその他記事

2021-02-26
AE 小技5
2021-02-25
AE小技4
2021-02-23
AE小技3
2021-02-14
AE小技2
2021-02-07
ドラゴン襲来
2021-02-05
AE小技1
2021-02-04
AE初心者講座4
2021-02-01
AE初心者講座3
2021-01-31
AE初心者講座2
2021-01-30
AE初心者講座1
2021-01-25
VR中世 part2
2021-01-22
簡単VRの世界
2021-01-16
VR中世
2020-12-28
騎士襲来

ブログ TOP

ブログ 2021-12-06 18:34:00

    こんにちは   ひきちです     突然ですが   ネ ...


ブログ 2024-02-29 22:45:00

こんにちは、桑原です。 備忘録第2弾です! テクスチャとマテリアルについて。 3D制作関連をやっていると必ず耳にするこの2つについて、 ...


ブログ 2021-02-05 12:46:00

  こんにちは!たけばです!   今日はネット民にはおそらく 刺さるであろう映画の紹介!   &n ...


ブログ 2021-11-01 00:00:00

こんにちは、こんばんは エハラです!     さあ!!みなさん!!!!ついに!!!!!! Instagramの ...


ブログ 2020-07-31 15:14:00

    お久しぶりです。     SOW、横山です。     本 ...


ブログ 2021-02-08 19:59:00

みなさんこんにちは!   ツルです!   今回は、私自身EDMが昔から好きでしてそのフェスの演出が熱いという話を ...


ブログ 2023-12-28 12:47:00

  こんにちは!たけばです^^   今年11月、12月はアーティストライブに行くことが多かったので 今回は今年一 ...


ブログ 2021-03-26 21:46:00

どうも山内です★ 今回は会社で購入した SENNHEISER MKE200 カメラマイクを使ってみました!!! あのSENNHEISER ...


ブログ 2022-11-27 13:24:00

こんにちは、こんばんは エハラです     気づけば11月の終わり 来年の新入社員のみなさまが頑張って どん ...


ブログ 2023-03-15 16:13:00

こんにちは! 最近はだんだん暖かくなってきてやっと過ごしやすくなってきましたね^^ 実は最近キャンプに行ってきました! 会場で接客する ...