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

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

Posted by 桑原 隆一
Ryuichi Kuwahara
いいね♡140

こんにちは、桑原です。

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

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

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

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

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

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

福岡|九州|映像制作|プロジェクションマッピング|ドローン|ホームページ|ライブ配信|特殊撮影|イベント|レーザー|特殊効果|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);

以上、桑原でした。

いいね♡140
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
騎士襲来
< Prev After effects 2021 テキストがコピぺできない場合の解決方法
Next > ジンバルで撮影してみた〜準備編〜
ブログ TOP

ブログ　2022-04-30 14:50:00

チームラボプラネッツ[豊洲]行ってみた

こんにちは！ 深田雄太です！   先月、チームラボプラネッツに行ってきました！ https://planets.teaml ...

ブログ　2020-02-27 11:52:00

私の休日 銭湯編

こんにちはパラオです。 寒い冬もようやく終わり春が近づいて来ましたね(^ ^) 先日凄く寒い日が続いていたので銭湯へ行って参りました！ ...

ブログ　2025-03-31 22:48:00

【必見】ピークスマインド本社付近のおすすめスポット【高宮】

福岡を離れてはや2週間が経ちました。 もうあまり行くことはないのかなと少し悲しくなりつつ、高宮駅からのおすすめスポットを紹介します。 僕 ...

ブログ　2020-12-28 11:18:00

Lumix S5×Ronin RSC2 使って試してみた＝＝

どうも★山内です 先日、Panasonic S5 購入しちゃいました。。 やっとスタートラインに立った気分です。 少し前から会社で ...

ブログ　2021-08-26 16:00:00

ホームページ制作実績！STEP EQT 歩行補助バンド歩けるくん！

こんにちは！ 深田雄太です！   ピークスマインドではホームページ制作を行っております。   今回は WOR ...

ブログ　2023-08-30 22:57:00

Virtual福岡に行ってきました！

こんばんは！           厳しい暑さで溶けに溶けた、なかむら　りんです ...

ブログ　2024-12-31 23:57:00

よいお年を★

  こんばんは！関です！ 近くのお寺から除夜の鐘が鳴り響いております＾＾ 2024年もあっという間でした>< ...

ブログ　2019-03-01 17:29:00

女性限定！福利厚生のリンパドレナージュ

先日19日のお休みの日に、ピークスマインド女性限定の福利厚生を活用して 「リンパドレナージュ」へ行ってきました( ^ ^ ...

ブログ　2022-05-31 20:24:00

ピークスマインドの新CM完成！

こんにちは！ 深田雄太です！   ピークスマインドの新しいCMを制作いたしました！ 完成映像はこちら！   ...

ブログ　2026-02-28 21:47:00

母校の卒業制作展に行きました

こんばんは、コバです。 ピークスマインドに来てなんともうすぐ一年経とうとしています。 そんな私が去年の3月まで在籍していた専門学校。熊本 ...

Copyrights ©️ 2019 All Rights Reserved by PEACSMIND Co.,Ltd.