ブログ - 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

ブログ 2023-06-30 19:12:00

こんにちは!南です!!!   前回の更新から少し経ってしまいましたが、元気に生活しております。   福岡に越して ...


ブログ 2020-03-19 23:02:00

  こんにちは!タケバです!   皆さま3月14日と言えば何の日か分かりますでしょうか? そう!ホワイトデーです ...


ブログ 2020-03-25 22:12:00

こんばんは♪   突然ですが ピークスマインドでは みんなの誕生日を大切にしてます^^   そこで、 「誕 ...


ブログ 2021-01-21 13:22:00

こんにちは、ホーリーです。     私的ガジェット紹介のコーナー このコーナーではいろんなガジェットをちびちび買 ...


ブログ 2019-12-22 21:49:00

こんばんは、Zackyです! 12月16日にピークスマインドで忘年会を行いました。 毎年協力会社の方をはじめ、 沢山お世話になった方々 ...


ブログ 2022-07-08 12:50:00

    よこやまです。     今回はある機材のご紹介。     ...


ブログ 2023-12-29 22:52:00

久しぶりのBlog投稿。代表の原田です。 2023年も残すところ数日。そんな2023年を振り返ってみると「よく旅しました」。今日も石垣島に ...


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

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


ブログ 2021-02-06 17:43:00

今回は映像のサイズについて書いてみます。       一般的なメディアの動画サイズは   ...


ブログ 2020-08-23 17:07:00

  みなさんこんにちわ、横山です。     今日は誰もが聞いた事があるけど実はよく知らない言葉、 「 ...