Adobe After Effects 147
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
『After Effects』でポップなもっふぃんぐーアニメーションが作りたいのですが
何か楽ちんな方法はないでしょうか(゚∀゚??
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
モーフィングねd( ̄∀ ̄;)w
価格は高めだけど…簡単にモーフィングアニメーションを作れるスクリプトがあるよ〜♪( ´θ`)ノ
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
ほんとですか( Д ) =͟͟͞͞ ⊙ ⊙でも高いんですね…
購入を検討したいので、よろしければ少しだけ解説を…|ω・`)チラッ
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
了解‼︎ どんなスクリプトなのか簡単に紹介するから検討してみてね〜( ´ ▽ ` )
*簡単にモーフィングアニメーションが作れるスクリプト『Super Morphings』を紹介した動画はこちら⬇︎⬇︎
『Super Morphings』とは!?
![Adobe After Effects スクリプト Super Morphings おすすめ 便利 セール](https://nextist.net/wp-content/uploads/adobe-after-effects-script-super-morphings.jpeg)
『Super Morphings』はシェイプやテキストのモーフィングが簡単にできてしまうスクリプトです。
あの『Motion Tools Pro』でお馴染み『Motion Design School』の開発ツールになるので
その実力は折り紙付きです。
『モーフィング』は異なるオブジェクトを一方から他方の形に自然に変化させるアニメーション技法になります。
このモーフィングを一から作るとなると中々大変な作業ですが
『Super Morphings』を使えばあっという間にモーフィングアニメーションが完成します。
![Adobe After Effects スクリプト Super Morphings おすすめ 便利 機能 使い方](https://nextist.net/wp-content/uploads/adobe-after-effects-script-super-morphings-animation.gif)
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
これは超便利ですね(゚∀゚!!
アニメーションに軌跡(Trails)をつけたり
レイヤーをバラバラにする(Slicer)機能もついてます。
![Adobe After Effects スクリプト Super Morphings Trails 使い方](https://nextist.net/wp-content/uploads/adobe-after-effects-script-super-morphings-trails.gif)
![Adobe After Effects スクリプト Super Morphings Trails 使い方 Slicer](https://nextist.net/wp-content/uploads/adobe-after-effects-script-super-morphings-slicer.gif)
テキストから画像、画像からシェイプなどなど、レイヤーであれば何でもモーフィングできます。
![After Effects Super Morphings モーフィングアニメーション 簡単 おすすめ](https://nextist.net/wp-content/uploads/after-effects-super-morphings-animation-usage.gif)
【『Super Morphings』の価格比較表 】
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Motion Design School』のツールは魅力的なのものが多いですが価格が少し高いですよね…(ー ー;)
セール時の購入がおすすめです!!
『Super Morphings』の使い方
『Super Morphings』の使い方を解説していきます。
『Super Morphings』を使えばあっという間にモーフィングアニメーションを作ることができます。
commandor Ctrl を押しながらモーフィングしたいレイヤーを選択していき
残したいレイヤーを最後に選択します。
![Super Morphings 使い方 手順 モーフィングアニメーション](https://nextist.net/wp-content/uploads/super-morphings-usage-procedur.gif)
あとは『Morph It!』を選択すればモーフィングアニメーションの完成です。
最後に選択したレイヤーが残ります。
![Super Morphings 使い方 手順 モーフィングアニメーション 作り方](https://nextist.net/wp-content/uploads/super-morphings-usage-make-morphing-animation.gif)
『Morph It!』でモーフィングアニメーションを作ると同時に『Controller』というレイヤーが作成されます。
『Controller』では『Amplitude』『Frequency』『Decay(sec)』を調整して
モーフィングアニメーションのバウンスを微調整することができます。
![Super Morphings 使い方 Controller レイヤー アニメーション 調整](https://nextist.net/wp-content/uploads/super-morphings-usage-animation-customize.png)
『Amplitude』は振幅 ▶︎ 広がる・弾むときの振れ幅を調整できます。
![Super Morphings 使い方 Frequency 100%](https://nextist.net/wp-content/uploads/super-morphings-frequency-100.gif)
![Super Morphings 使い方 Frequency 50%](https://nextist.net/wp-content/uploads/super-morphings-frequency-50.gif)
![Super Morphings 使い方 Frequency 10%](https://nextist.net/wp-content/uploads/super-morphings-frequency-10.gif)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
少しわかりにくいですが…最後に残った星の弾み具合を比較してみてくださいd( ̄  ̄)
『Frequency』は周波数 ▶︎ 広がる・弾むときに振動する回数を調整できます。
![Super Morphings 使い方 Frequency 1.5](https://nextist.net/wp-content/uploads/super-morphings-frequency-1.5.gif)
![Super Morphings 使い方 Frequency 5](https://nextist.net/wp-content/uploads/super-morphings-frequency-5.gif)
![Super Morphings 使い方 Frequency 0.5](https://nextist.net/wp-content/uploads/super-morphings-frequency-0.5.gif)
『Decay(sec)』は減衰 ▶︎ 広がった・弾んだ後の勢いが弱まる度合いを調整することができます。
![Super Morphings 使い方 Decay(sec) 1.0](https://nextist.net/wp-content/uploads/super-morphings-decay-1.gif)
![Super Morphings 使い方 Decay(sec) 3.0](https://nextist.net/wp-content/uploads/super-morphings-decay-3.gif)
![Super Morphings 使い方 Frequency 0.5](https://nextist.net/wp-content/uploads/super-morphings-frequency-0.5.gif)
Trails ▶︎ アニメーションの軌跡にラインをつける方法
『Trails』を使えば、モーフィングするまでのアニメーションの軌跡にラインをつけることができます。
まずは『Morph It!』でモーフィングアニメーションをつけます。
![Super Morphings 使い方 手順 モーフィングアニメーション 作り方](https://nextist.net/wp-content/uploads/super-morphings-usage-make-morphing-animation.gif)
軌跡にラインをつけたいレイヤーを選択した状態で『Super Morphings』の『Trails』をクリックすると
選択したレイヤーのアニメーションの軌跡にラインをつけることができます。
![Super Morphings Trails 使い方](https://nextist.net/wp-content/uploads/super-morphings-trails-usage.gif)
ラインの本数は『Trails』ボタンの下にある『Count』で調整することができます。
![Super Morphings 使い方 Trails Count](https://nextist.net/wp-content/uploads/super-morphings-trails-count-usage.png)
![Super Morphings 使い方 Trails 5](https://nextist.net/wp-content/uploads/super-morphings-usage-trails-5.gif)
![Super Morphings 使い方 Trails 10](https://nextist.net/wp-content/uploads/super-morphings-usage-trails-10.gif)
![Super Morphings 使い方 Trails 2](https://nextist.net/wp-content/uploads/super-morphings-usage-trails-2.gif)
『Tarils』を適用すると『Trails Controller』レイヤーが追加されるので
ラインの色(Color)や幅(Width)、タイミング(Offset,Time Offset)を調整することができます。
![Super Morphings 使い方 Trails Controller](https://nextist.net/wp-content/uploads/super-morphings-trails-controller-usage.png)
![Super Morphings 使い方 Trails Controller Color Width](https://nextist.net/wp-content/uploads/super-morphings-trails-controller-color-width.gif)
『Dashes』ではラインを波線に
『Randomness』ではラインのアニメーションをランダム化できます。
![Super Morphings 使い方 Trails Controller Dashes Randomness](https://nextist.net/wp-content/uploads/super-morphings-trails-controller-dashes-randomness-usage.png)
![Super Morphings 使い方 Trails Controller Dashes Randomness](https://nextist.net/wp-content/uploads/super-morphings-trails-controller-usage-dashes-randomness.gif)
『Trails Controller』で調整すると適用した全ての『Trails』を一括で調整できますが
ラインを個別で変更したい場合にはそれぞれのシェイプレイヤー(ライン)を選択して
線幅やアニメーションの軌道などを変更することができます。
![Super Morphings アニメーション 軌跡 変更 方法](https://nextist.net/wp-content/uploads/super-morphings-trails-change-trajectory.gif)
ラインのカラーは個別で変更しようとしても変更できないので
![Super Morphings Trails カラー 変更 できない](https://nextist.net/wp-content/uploads/super-morphings-trails-cannot-change-colors-individually.gif)
エフェクトの塗りを適用して変更することができます。
![Super Morphings Trails カラー 個別に変更する方法](https://nextist.net/wp-content/uploads/super-morphings-trails-Individually-change-color.png)
![Super Morphings Trails カラー 個別に変更する方法 エフェクト 塗り](https://nextist.net/wp-content/uploads/super-morphings-trails-Individually-change-color.gif)
Slicer ▶︎ モーフィングするレイヤーをバラバラにスライスする方法
『Slicer』を使えば、モーフィングするレイヤーをバラバラにスライスすることができます。
スライスしたいレイヤーを選択した状態で『Slicer』ボタンをクリックすれば
『Count』で指定した数だけバラバラにスライスしてくれます。
![Super Morphings Slicer 使い方](https://nextist.net/wp-content/uploads/super-morphings-slicer-usage.gif)
バラバラにスライスしたレイヤーを選択 ▶︎ 最後に残したいレイヤー(星)を選択した状態で
『Morph It!』を押せば、以下のようなモーフィングアニメーションができます⬇︎⬇︎
![Super Morphings Slicer 使い方](https://nextist.net/wp-content/uploads/super-morphings-usage-slicer.gif)
![Super Morphings Slicer アニメーション](https://nextist.net/wp-content/uploads/super-morphings-slicer-morphing-animation.gif)
スライスしたレイヤーからスライスしたレイヤーへのモーフィングアニメーションを作る場合には
コンポジション化したレイヤーをスライスする必要があります。
ただしコンポジション化したレイヤーをそのまま『Slicer』でカットすると
コンポジションサイズをそのままスライスするので完成したモーフィングアニメーションがおかしなことになってしまいます。
![Super Morphings Slicer 使い方 コンポジション サイズ おかしい](https://nextist.net/wp-content/uploads/super-morphings-slicer-usage-composition.gif)
![Super Morphings Slicer 使い方 コンポジション サイズ アニメーション おかしい](https://nextist.net/wp-content/uploads/super-morphings-slicer-animation-miss.gif)
そこで、レイヤーをコンポジション化した後でコンポジション内のレイヤーに入ってから
関心領域 ▶︎ コンポジションの範囲をオブジェクトギリギリに指定 ▶︎ 上部メニューのコンポジション ▶︎ コンポジションを目標範囲にクロップ
ここまでしてからコンポジションを『Slicer』でカットします。
![Super Morphings Slicer 使い方 コンポジション サイズ クロップ](https://nextist.net/wp-content/uploads/super-morphings-slicer-usage-composition-crop.gif)
プリコンポーズしたコンポジションサイズをクロップせずにスライスした場合と
クロップしてスライスした場合の比較です⬇︎⬇︎
![Super Morphings Slicer コンポジション クロップせずにスライス](https://nextist.net/wp-content/uploads/super-morphings-slicer-usage-composition-non-crop.gif)
![Super Morphings Slicer コンポジション クロップ スライス](https://nextist.net/wp-content/uploads/super-morphings-slicer-usage-composition-crop-usage.gif)
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
なるほど!! コンポジション化したレイヤーをそのままスライスすると余白の部分も含めてカットされちゃうんですねd(゚∀゚) これが原因でアニメーションが変になっちゃうわけですね…(ー ー;)
スライスしたいレイヤーのコンポジション化 ▶︎クロップ ▶︎ スライスが終わったら
互いのレイヤーをそれぞれ交互に選択して、Shiftを押しながら『Morph It!』をクリックすると完成です。
![Super Morphings Slicer 使い方 モーフィングアニメーション 作り方](https://nextist.net/wp-content/uploads/super-morphings-slicer-morphing-animation-1.gif)
『Slicer』でバラバラにスライスして作成されたレイヤーは位置やサイズなど
以下の各プロパティーを調整できるので、色々と調整してみてください。
![Super Morphings Slicer プロパティ 設定](https://nextist.net/wp-content/uploads/super-morphings-slicer-usage-property-setting.png)
『Super Morphings』のインストール・アクティベート(アカウント認証)方法
『Super Morphings』を購入してから『After Effects』へインストールする方法とアクティベート(アカウント認証)方法を解説していきます。
『Super Morphings』のインストール方法
【スクリプトファイル(.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
『Super Morphings』を購入後、ダウンロードした.zipファイル『super_morphings_v_1.0.3.zip』をダブルクリックで展開して
表示されたフォルダー内に『Super Morphings.jsxbin』があることを確認します。
![After Effects Super Morphings インストール 手順](https://nextist.net/wp-content/uploads/after-effects-super-morphings-install-method.png)
『After Effects』のアプリケーションファイルを開いて
![After Effects Super Morphings インストール 手順 アプリケーション](https://nextist.net/wp-content/uploads/after-effects-super-morphings-install-method-application.png)
『Scripts』フォルダーを開いて
![After Effects Super Morphings インストール 手順 Scripts フォルダ](https://nextist.net/wp-content/uploads/after-effects-super-morphings-install-method-scripts-folder.png)
『ScriptUI Panels』フォルダーを開いて
![After Effects Super Morphings インストール 手順 ScriptUI Panels フォルダ](https://nextist.net/wp-content/uploads/after-effects-super-morphings-install-method-scripts-ui-panels-folder.png)
『ScriptUI Panels』フォルダー内にダウンロードしていたスクリプトファイル『Super Morphings.jsxbin』をコピペ、またはドラッグ&ドロップして下さい。
![After Effects Super Morphings インストール 手順 ScriptUI Panels フォルダ jsxbin](https://nextist.net/wp-content/uploads/after-effects-super-morphings-install-method-jsxbin.png)
『After Effects』を開いて
上部メニューのウィンドウメニュー内に『Super Morphings.jsxbin』が追加されているので使うことができます。
![After Effects Super Morphings インストール 方法 手順](https://nextist.net/wp-content/uploads/adobe-after-effects-super-morphings-install-method.png)
『Super Morphings』のアクティベート(アカウント認証)する方法
インストールした『Super Morphings』をアクティベート(アカウント認証)して使えるようにするまでの流れを解説します。
『Super Morphings』を開いたらライセンスコードを入力するパネルが表示されます。
![After Effects Super Morphings ライセンス認証 方法 手順](https://nextist.net/wp-content/uploads/after-effects-super-morphings-activate.png)
ライセンスコードは『Super Morphings』を購入したページからコピーしてください。
『aescripts+aeplugins』『フラッシュバックジャパン』『Toolfarm』で購入した場合は
最終的に『aescripts+aeplugins』の『My Download & Licenses』のページにライセンスコードが記載してあります。
![After Effects Super Morphings ライセンスコード 認証 方法](https://nextist.net/wp-content/uploads/after-effects-super-morphings-license-code.png)
コピーしたライセンスコードをペーストして『OK』をクリックします。
![After Effects Super Morphings アクティベート 方法 手順](https://nextist.net/wp-content/uploads/after-effects-super-morphings-activate-method.png)
アクティベートが完了して『Super Morphings』を使うことができます。
![After Effects Super Morphings おすすめ 便利](https://nextist.net/wp-content/uploads/after-effects-scripts-super-morphings.png)
最後に
今回紹介した『Super Morphings』以外にも『After Effects』で使える便利な無料プラグインや無料スクリプトはたくさんあります。
『After Effects』で使える無料ツールは以下の記事にまとめているので、興味のある方はぜひ読んでみてください⬇︎⬇︎
*『After Effects』で使えるおすすめの有料プラグインやスクリプトをまとめた記事はこちら⬇︎⬇︎
以上、最後まで読んでいただきありがとうございました(=゚ω゚)ノ