// アナリティクス

【After Effects】テキストやシェイプでランダムアニメーションを作ることができる無料スクリプト『RanAni(Yan-K)』を徹底解説!!

After Effects 無料 スクリプト 使い方 解説

当サイトはアフィリエイト広告を利用しています。

Adobe After Effects 125

ふにゃ太郎
ふにゃ太郎

『RanAni』の解説をお願いします(゚∀゚!!

NEXTist
NEXTist

今回はえらいド直球のお願いだね…(ー ー;)w

ふにゃ太郎
ふにゃ太郎

超絶気になってるスクリプトなので、ドストレートで攻めてみました٩( ᐛ )وw

NEXTist
NEXTist

…(ー ー;)

了解_(┐「ε:)_超絶便利なスクリプトだからね、まとめてみるよ〜( ´Д`)y━・~~


今回は複数のテキストやシェイプをランダムに動かすことが無料スクリプト『RanAni』を紹介していきたいと思います( ´ ▽ ` )

『RanAni』は一度使うとクセになるような…

テキストやシェイプを使ったアニメーション制作にはなくてはならない超絶便利なスクリプトになりますd( ̄∀ ̄)

After Effects 無料 スクリプト RanAni 使い方 設定 Effets Control Opacity Random Late


無料で使えますし、持っておいて絶対に損はないスクリプトなので

ご存じない方はぜひ最後まで読んでいただけると嬉しいです(^ ^)

それではいってみましょう٩( ᐛ )و


『RanAni』とは!?

After Effects RanAni Yan-K 機能 使い方

『RanAni』は台湾の映像作家『Yan-K』さんという方が作ったスクリプトで

適用したレイヤーのトランスフォームの値をランダムに一括制御できるスクリプトになります( ´ ▽ ` )


バラバラに分解されたテキストやシェイプを元の形に集結するようなランダムアニメーションを簡単に作ることができるので

テキストをバラバラに分解してシェイプ化してくれる無料スクリプト『GG分解』と組み合わせて使うことが多いですd( ̄  ̄)

After Effects RanAni Yan-K 無料 スクリプト テキストアニメーション
NEXTist
NEXTist

『GG分解』は使いやすくて便利、しかも無料のスクリプトなので、インストールは必須ですねd(゚∀゚)


【After Effects】本当に無料!?簡単に文字をバラバラにできるスクリプト『GG分解』徹底解説した記事はこちら⬇︎⬇︎



各トランスフォームプロパティー(位置、スケール、回転、不透明度、カラー)とXYZ軸をそれぞれランダムで動かすことができるので

組み合わせ次第でいろんな表現ができます\( ̄∀ ̄)/チョーオススメッ!!

After Effects RanAni Yan-K 機能 使い方 テキストアニメーション 文字 バラバラ
After Effects RanAni Yan-K 機能 使い方 テキストアニメーション 背景



*『RanAni』の機能や使い方、インストール方法について解説した動画はこちら⬇︎⬇︎



『RanAni』の機能や使い方

NEXTist
NEXTist

私のMacでは『Color』と『Time Offset』機能が使えませんでした…_(┐「ε:)_


『RanAni』の適用方法

まずは『RanAni』を適用する方法を解説しておきますd( ̄  ̄)

『RanAni』でテキストを動かしたい場合には

テキストレイヤーをシェイプ化して、バラバラにしたいパーツごとにレイヤーを分ける必要があります。

After Effects RanAni Yan-K 機能 使い方 テキスト シェイプ化


このテキストをシェイプ化して各パーツごとに分ける面倒な作業を

ワンボタンで実行してくれる無料スクリプトが『GG分解』になります。

After Effects RanAni Yan-K 機能 使い方 テキスト シェイプ化 GG分解
ふにゃ太郎
ふにゃ太郎

『RanAni』でテキストアニメーションを作るときに『GG分解』は必須ツールですね(゚∀゚)

今回はわかりやすいように5色のシェイプレイヤーに『RanAni』で動きをつけていきます。

After Effects RanAni Yan-K 機能 使い方 シェイプ アニメーション


『Controller Link』と『Apply』

ツールパネルにある『Controller Link』は以下の2つの設定を選択することができます⬇︎⬇︎


選択したレイヤーに直接『RanAni』を適用する=Layer

一括制御できるヌルレイヤーを作成して『RanAni』を適用する=1〜5 ◀︎ ほぼこれを使う


『Controller Link』1〜5の違いは作成されたヌルレイヤー名の番号の違いになります。

After Effects RanAni Yan-K 機能 使い方 Controller Link
NEXTist
NEXTist

『Controller Link』の『Layer』設定はほとんど使ったことがありませんd( ̄∀ ̄)


例えば『Controller Link』をに設定して『Apply』ボタンを押すと

選択したレイヤーに『RanAni』が適用され、ヌルレイヤー『_RanAni_Control_5』が作成されます。

『Controller Link』をと設定した場合には『_RanAni_Control_1』という名前のヌルレイヤーが作成されます。

After Effects RanAni Yan-K 機能 使い方 Controller Link 設定 方法


『Controller Link』1〜5の設定は各レイヤーにそれぞれ複数の『RanAni』を適用した場合に

それぞれのヌルレイヤーを区別するために使い分けます。

After Effects RanAni Yan-K Controller Link 使い方


ちなみに…

『_RanAni_Control_1』で制御するシェイプレイヤー(1,2)に設定した後に、さらに『_RanAni_Control_1』で制御できるシェイプレイヤーを追加したい場合には

『Controller Link』を1に設定した状態で追加したいシェイプレイヤー5を選択して『Apply』を押せば

選択したシェイプレイヤー5が『_RanAni_Control_1』のヌルレイヤーに追加され、シェイプレイヤー(1,2,5)が『_RanAni_Control_1』で一括制御できるようになります。

After Effects RanAni Yan-K Controller Link 追加 制御


各エフェクトコンロールプロパティー

シェイプレイヤー1〜5を選択した状態で『Controller Link』を1に設定、『Apply』を押すと

『_RanAni_Control_1』のヌルレイヤーと同時に『Yan-K RanAni 3』のエフェクトがヌルレイヤーに適用されます。

After Effects 無料 スクリプト RanAni エフェクト プロパティ 使い方 設定


Effect Switch

まずは『Effect Switch』でランダムにコントロールしたいトランスフォームプロパティーをEnable/ONにします。

Enable/ONにしたプロパティーが自動でランダム化されます。

After Effects 無料 スクリプト RanAni 使い方 設定 Effects Switch
After Effects 無料 スクリプト RanAni 使い方 設定 Effects Switch Position
Position
After Effects 無料 スクリプト RanAni 使い方 設定 Effects Switch Scale
Scale
After Effects 無料 スクリプト RanAni 使い方 設定 Effects Switch Rotation
Rotation
NEXTist
NEXTist

それぞれを組み合わせてランダム化▶︎他のエフェクトプロパティーで微調整といった流れです٩( ᐛ )و 私のMacで『Effects Switch Color』は上手く機能しません…_(┐「ε:)_

『Opasity』をEnable/ONにすると開始のアニメーションが不透明度0から始まって見えないので、今回はOFFとしてますd( ̄  ̄)


Animation Control

トランスフォームプロパティーをEnable/ONでランダム化した後に


『Animation Control』の数値を変更すると1がアニメーションの開始点、0が終了点の範囲で動かすことができます。

After Effects 無料 スクリプト RanAni 使い方 設定 Animation Control
Position+Scale+Opacity
After Effects 無料 スクリプト RanAni 使い方 設定 Animation Control 比較
After Effects 無料 スクリプト RanAni 使い方 設定 Animation Control Position Opasity
Position+Opacity
After Effects 無料 スクリプト RanAni 使い方 設定 Animation Control Position Scale
Position+Scale
After Effects 無料 スクリプト RanAni 使い方 設定 Animation Control Scale Rotation
Scale+Rotation
NEXTist
NEXTist

『Effects Switch』でそれぞれのトランスフォームプロパティーを組み合わせてランダム化▶︎『Effects Control』で微調整▶︎『Animation Control』や『Random Seed』で動かす、といった流れです٩( ᐛ )و 

ふにゃ太郎
ふにゃ太郎

組み合わせるといろんなアレンジできそうですね(゚∀゚)


Random Seed

『Random Seed』は各シェイプのランダム化された動きをさらに乱数を使って動きを加えるプロパティーになります٩( ᐛ )و

『Animation Control』を使って好きなタイミングに合わせた状態で

『Random Seed』でアニメーションをつけると以下のように⬇︎⬇︎その場に留まってランダムに動き続けます。

NEXTist
NEXTist

「この動きなんか気に入らないな…(ー ー;)」って思ったときに、私はよくシャッフル感覚で『Random Seed』の数値を回しますd( ̄  ̄)

After Effects 無料 スクリプト RanAni 使い方 設定 Random Seed アニメーション
Animation Control ▶︎ 0.80 Random Seed 0▶︎1でキーフレーム
After Effects 無料 スクリプト RanAni 使い方 設定 Animation Control Scale Rotation Random Seed アニメーション 比較
After Effects 無料 スクリプト RanAni 使い方 設定 Random Seed アニメーション
Rotation
After Effects 無料 スクリプト RanAni 使い方 設定 Random Seed アニメーション
Position+Scale+『Effects Control』調整
After Effects RanAni Yan-K 機能 使い方 テキストアニメーション 背景
Position+Scale+『Effects Control』調整
NEXTist
NEXTist

次に解説する『Effects Control』で、各トランスフォームプロパティーの数値を微調整することができます٩( ᐛ )و


Effects Control

『Effects Control』では『Effect Switch』で設定できる各トランスフォームプロパティー(Position,Scale,Rotation,Opacity,Color)の値を微調整することができます٩( ᐛ )و

例えば、『Effects Control』の『Position』でXYZ軸のアニメーションの幅を調整することが多いです。

After Effects 無料 スクリプト RanAni 使い方 設定 Effets Control
Effects Control ▶︎ PositionでXYZ軸の調整
After Effects 無料 スクリプト RanAni 使い方 設定 Effets Control デフォルト
Effects Control ▶︎ Position ▶︎ Default
After Effects 無料 スクリプト RanAni 使い方 設定 Effets Control Position 調整
Effects Control ▶︎ Position ▶︎ XYZ軸の調整
After Effects RanAni Yan-K 無料 スクリプト テキストアニメーション
Effects Control ▶︎ Position ▶︎ XYZ軸の調整

『Effects Control』の『Rotation』でXYZ軸を調整すると以下のようになります⬇︎⬇︎

After Effects 無料 スクリプト RanAni 使い方 設定 Effets Control Rotation 調整
Effects Control ▶︎ RotationでXYZ軸の調整
After Effects 無料 スクリプト RanAni 使い方 設定 Effets Control Rotation 調整
Effects Control ▶︎ Rotation ▶︎ Default
After Effects 無料 スクリプト RanAni 使い方 設定 Effets Control Rotation 調整
Effects Control ▶︎ Rotation ▶︎ XYZ軸の調整
After Effects RanAni Yan-K 機能 使い方 テキストアニメーション 文字 バラバラ
Effects Control ▶︎ Rotation ▶︎ XYZ軸の調整

『Effects Control』の『Opacity』の『Random R』を100%にするとアニメーションのついた部分にチカチカと点滅を入れることができます。

『Stay Blink』をONにすると静止時もチカチカと点滅効果が持続します。

After Effects 無料 スクリプト RanAni 使い方 設定 Effets Control Opacity 調整
Effects Control ▶︎ RotationでXYZ軸の調整
After Effects 無料 スクリプト RanAni 使い方 設定 Effets Control Opacity Random R 0% デフォルト
Default
After Effects 無料 スクリプト RanAni 使い方 設定 Effets Control Opacity Random R 100%
Random R▶︎ 100%
After Effects 無料 スクリプト RanAni 使い方 設定 Effets Control Opacity Random R 100% Stay Blink
Stay Blink/ON
After Effects 無料 スクリプト RanAni 使い方 設定 Effets Control Opacity Random Late

『RanAni』を開発した『Yan-K』さんは

『Random R』設定のようなアニメーションにチカチカと点滅するような効果をつけることができるスクリプト『FastBlink』も無料配布してくれていますd( ̄  ̄)

After Effects 無料 スクリプト FastBlink 機能 使い方


地味に便利なスクリプトなので、興味のある方は『FastBlink』のついて紹介した記事をぜひ読んでみてください⬇︎⬇︎



Same Direction

デフォルトは順方向と逆方向の両方でランダムに設定されています。

例えば、『Position』のY軸を360に設定するとY軸の -360 〜 +360間でランダムに配置されます。

After Effects 無料 スクリプト 使い方 Same Direction OFF
Position Y軸:-360 ~ +360

『Same Direction』をONにすると同じ方向にしか動かないようになります。


例えば『Same Direction』をONにした状態で

『Position』Y軸360に設定するとY軸の0〜+360間でランダム化

『Position』Y軸-360に設定するとY軸の-360〜0間でランダム化

After Effects 無料 スクリプト 使い方 Same Direction ON
Y軸360に設定するとY軸の0〜+360間でランダム化
After Effects 無料 スクリプト 使い方 Same Direction ON
Y軸-360に設定するとY軸の-360〜0間でランダム化



Crazy Mode

デフォルトの『Animation Control』▶︎ 1.0 の場合、レイヤーは同じ位置に固定されています。

『Crazy Mode』をONにすると、各フレームがランダムに異なる方向に移動します。

After Effects 無料 スクリプト 使い方 Crazy Mode ON
Crazy Mode / ON
NEXTist
NEXTist

『Crazy Mode』にモーションブラーをつけると…(゚ω゚;)



Time Offset(Fix Index)

『Time Offset』をONにするとアニメーションの再生時間は『RanAni_Control』レイヤーがら下方に増加します。

『Fix Index』はアニメーションの再生時間の順序を調整するために使用します。

After Effects 無料 スクリプト 使い方  Time Offset Fix Index
Time(Second )▶︎0.5



『Bake』と『UnBake』

ツールパネルの『Bake』と『UnBake』ボタンは以下の機能があります⬇︎⬇︎

『RanAni』を適用することで追加されたエクスプレッションを

『Bake』▶︎ エクスプレッションをキーフレームへ変換

『UnBake』▶︎ キーフレームをエクスプレッションへ変換

After EffecAfter Effects 無料 スクリプト RanAni 使い方 設定 Bake UnBakets 無料 スクリプト RanAni 使い方 設定 Bake Unbake
Bake(ベイク)とは!?

エクスプレッションをベイク処理すると計算が複数のキーフレームに変換されコントローラーがロックされます。これで、数学的な計算が必要なくなり、レンダリング処理が軽くなりますd( ̄  ̄)

NEXTist
NEXTist

要はエクスプレッションをキーフレームに変換すれば動作が軽くなるってことです٩( ᐛ )و

ランチャースクリプト『KBar』を使ってる方は

ワンボタンで『ベイク化』できるスクリプトを紹介してるので


少しでも書き出し時間や作業時間を短縮したい方は『KBar』に登録して使ってくださ〜い♪( ´θ`)ノ

After Effects 無料 スクリプト RanAni 使い方 設定 Bake UnBake KBar
NEXTist
NEXTist

このスクリプトはコンポジション内の全てのキーフレームをベイク化してくれるので
書き出す前にベイク化するば書き出し速度が速くなりますよ〜٩( ᐛ )و


【After Effects】『KBar』にコピペするだけで圧倒的作業効率化が図れるスクリプトを紹介した記事はこちら⬇︎⬇︎



あと指定した幅でレイヤーをグリッド分割できる『Utility Box(無料)』の『Grid』ツールと『RanAni』を併用すれば

エフェクトの『CC Pixel Polly』と違って

『Utility Box(無料)』の『Grid』ツールは分解されたパーツが全て個々のコンポジションとして分けられるので

After Effects 無料 スクリプト RanAni Utility Box Grid
Utility Box(Grid)
After Effects 無料 スクリプト RanAni Utility Box Grid
Utility Box(Grid)


バラバラになったパーツの1つ1つに細かいアレンジを加えたい場合に便利です٩( ᐛ )و

After Effects 無料 スクリプト RanAni CC Pixel Polly 比較
CC Pixel Polly
After Effects 無料 スクリプト RanAni Utility Box Grid 併用
Utility Box(Grid)+ RanAni
After Effects 無料 スクリプト RanAni CC Pixel Polly エフェクト
CC Pixel Polly
After Effects 無料 スクリプト RanAni Utility Box Grid
Utility Box(Grid)+ RanAni
ふにゃ太郎
ふにゃ太郎

『CC Pixel Polly』の場合はパーツの全て同時にエフェクトがかかっちゃうわけですね…なるほど…(゚ω゚;)




『RanAni』のダウンロード・インストール方法

『RanAni』を無料でダウンロードして『After Effects』へインストールする方法を解説します٩( ‘ω’ )و

NEXTist
NEXTist

『RanAni』のダウンロードにはメールアドレスの入力が必要ですd( ̄  ̄)


『RanAni』の無料ダウンロードする方法

『RanAni』の公式配布ページへ入ります。

ページに入ったら右下にある『公平な価格を設定して下さい』へ『0』と入力し

『カートに追加』をクリックします。

After Effects RanAni Yan-K 無料 ダウンロード

メールアドレスを入力して『手に入れる』をクリックします。

After Effects RanAni Yan-K 無料 ダウンロード メールアドレス

『Yan-K RanAni 3.1.1』のダウンロードボタンをクリックします。

After Effects RanAni Yan-K 無料 ダウンロード 方法

『Yan-K RanAni 3.1.1.zip』がダウンロードされます。

これでインストールに必要なファイルのダウンロードは完了です。

After Effects RanAni Yan-K 無料 ダウンロード スクリプトファイル zip


『RanAni』を『After Effects』へインストールする方法

スクリプトファイル(.jsx,.jxsbin)の保存場所

Windows ▶︎ C: ▶︎ Program Files ▶︎ Adobe ▶︎ Adobe After Effects <AE version> ▶︎ Support Files ▶︎ Scripts ▶︎ ScriptUI Panels

Mac ▶︎ アプリケーション ▶︎ Adobe After Effects <AE version> ▶︎ Scripts ▶︎ ScriptUI Panels


.zipファイル『Yan-K RanAni 3.1.1.zip』をダブルクリックで展開して

『RanAni3』フォルダーと『Yan-K RanAni3.jsxbin』があることを確認します。

After Effects RanAni Yan-K 無料 ダウンロード スクリプトファイル jsxbin

『After Effects』のアプリケーションファイルを開いて

After Effects RanAni Yan-K 無料 スクリプト インストール アプリケーションファイル

『Scripts』フォルダーを開いて

After Effects RanAni Yan-K 無料 スクリプト インストール Scripts フォルダー

『ScriptUI Panels』フォルダーを開いて

After Effects RanAni Yan-K 無料 スクリプト インストール ScriptUI Panels

『ScriptUI Panels』フォルダー内にダウンロードしていたスクリプトファイル『Yan-K RanAni3.jsxbin』と

『RanAni3』フォルダーをコピペ、またはドラッグ&ドロップして下さい。

After Effects RanAni Yan-K 無料 スクリプト インストール ScriptUI Panels
NEXTist
NEXTist

『RanAni3』フォルダーも一緒にインストールしないと『RanAni3』は機能しませんd( ̄  ̄;)

『After Effects』を開いて

上部メニューのウィンドウに『Yan-K RanAni3.jsxbin』が追加されているので使うことができます\( ̄∀ ̄)/ワーイ

After Effects RanAni Yan-K 無料 スクリプト インストール 方法



最後に

今回紹介した『RanAni』以外にも『After Effects』で使える便利な無料プラグインや無料スクリプトはたくさんあります。

以下の記事にまとめているので、興味のある方はぜひ読んでみてください⬇︎⬇︎


*『After Effects』で使えるおすすめの有料プラグインやスクリプトをまとめた記事はこちら⬇︎⬇︎



以上、最後まで読んでいただきありがとうございました(=゚ω゚)ノ