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

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

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

こんにちは、桑原です。

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

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

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

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

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

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

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

以上、桑原でした。

いいね♡163
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

ブログ　2026-09-25 19:06:00

オデュッセイア観てきました。まじですごい。

こんにちは、木庭です。 先日僕がずっっっっと楽しみに待っていたクリストファー・ノーラン監督の最新作 「オデュッセイア」が公開されました！ ...

ブログ　2021-04-08 20:06:00

【新生活】最適なMacbookの選び方！【用途別】

こんにちは、ほーりーです。     ガジェット(Apple製品)好きな私的主観で語る 「おすすめPCはこれだ！」 ...

ブログ　2023-10-31 22:37:00

今年最初で最後の花火は仕事で。

ブログをサボりすぎている大窪です。 10/21に、弊社主催の花火アートイリュージョンというベントが行われました。 音楽×花火 ...

ブログ　2024-02-02 17:09:00

Level UP↑ な22歳！

    宮崎です！       実は私、、、     ...

ブログ　2021-04-12 20:20:00

After Effectsユーザー必見！PCの容量圧迫の解消方法！

今回はAfter Effectsユーザー必見！ PCの容量が圧迫された時の解消方法をご紹介します。 After Effectsで作業して ...

ブログ　2020-05-24 15:56:00

私の好きなPhotoshopの機能

みなさん、こんにちは＾＾えぐちです＾＾   写真を綺麗にしたり、色味を変えたり、、色々できちゃうPhotoshopですが そ ...

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

いつもより早く起きた日の始まりは気分がいい

  最近ハマっている本 ラブリさんの”私が私のことを明日少しだけ、好きになれる101のこと” ラブリ ...

ブログ　2024-10-31 22:17:00

【最新情報】九州の採用情勢

こんにちは、銀次です！ 九州・沖縄地域の有効求人倍率について記事が出てましたね。   クリエイターという特殊な職種でも全体の ...

ブログ　2024-06-15 17:10:00

カメラを持って外へ

  どうも、伊藤連胆です。             & ...

ブログ　2021-02-04 18:40:00

新たな事業「IT事業部」

ピークスマインドは 2021年1月から正式に 新たに「IT事業」をスタートした。 IT時業部の主な骨子は以下の通り。   ...

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