Adobe After Effects 49
『Squash & Stretch』 はSquash(潰す)とStretch(伸ばす)を使い分けたアニメーションを
簡単に作れてしまうエクステンション(拡張機能)になります。
今回は、そんな便利そうなエクステンション『Squash & Stretch』 の全てを徹底解説していきます。
この記事は以下のような悩みや疑問を解説できる記事になります⬇︎⬇︎
無料版を使用してみて使い勝手が良ければ
ぜひ有料版『Squash & Stretch Pro』やその他の追加バンドルもご検討ください。
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
無料版・有料版・追加バンドルの収録プリセットも全て紹介してるので
ぜひ参考にしていただければと思います٩( ᐛ )و
*コミカルな動きを簡単につけることができるエクステンション『Squash & Stretch』を徹底解説した動画はこちら⬇︎⬇︎
目次
『Squash & Stretch』とは!?
![Adobe After Effects エクステンション Squash & Stretch 無料](https://nextist.net/wp-content/uploads/after-effects-squash-and-stretch-free.png)
まずは簡単に『Squash & Stretch』はどういったテクステンションになるのか解説しておきます。
『Squash & Stretch』はスクオッシュ&ストレッチモーションプリセットを適用し調整することで
様々なアニメーションを作ることができるエクステンションになります。
![Adobe After Effects エクステンション Squash & Stretch 無料 アニメーション](https://nextist.net/wp-content/uploads/after-effects-squash-and-stretch-free-sample-example-1.gif)
![Adobe After Effects エクステンション Squash & Stretch 無料 アニメーション](https://nextist.net/wp-content/uploads/after-effects-squash-and-stretch-free-sample-example-2.gif)
![Adobe After Effects エクステンション Squash & Stretch 無料 アニメーション](https://nextist.net/wp-content/uploads/after-effects-squash-and-stretch-free-sample-example-3.gif)
![Adobe After Effects エクステンション Squash & Stretch 無料 アニメーション](https://nextist.net/wp-content/uploads/after-effects-squash-and-stretch-free-sample-example-4.gif)
![Adobe After Effects エクステンション Squash & Stretch 無料 アニメーション](https://nextist.net/wp-content/uploads/after-effects-squash-and-stretch-free-sample-example-5.gif)
![Adobe After Effects エクステンション Squash & Stretch 無料 アニメーション](https://nextist.net/wp-content/uploads/after-effects-squash-and-stretch-free-sample-example-6.gif)
スクオッシュ&ストレッチのモーションを自動生成するにはかなり難しい動きみたいで
『Squash & Stretch』に収録されたプリセットは全て専門のクリエーターが作ったものをプリセット化してるそうです。
![Adobe After Effects エクステンション Squash & Stretch アニメーション コントロール パラメーター Oomph](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-parameter-oomph.gif)
![Adobe After Effects エクステンション Squash & Stretch アニメーション コントロール パラメーター](https://nextist.net/wp-content/uploads/after-effects-parameter-squash-and-stretch.gif)
『Squash & Stretch(無料版)』では以下の10種類のプリセットをお試しで使うことができます⬇︎⬇︎
![Adobe After Effects エクステンション Squash & Stretch 無料 Drop](https://nextist.net/wp-content/uploads/after-effects-squash-stretchfree-drop.gif)
![Adobe After Effects エクステンション Squash & Stretch 無料 Hello Wiggle](https://nextist.net/wp-content/uploads/after-effects-squash-stretchfree-hello-wiggle.gif)
![Adobe After Effects エクステンション Squash & Stretch 無料 High Bar Gymnast Jump](https://nextist.net/wp-content/uploads/after-effects-squash-stretchfree-high-bar-gymanast-jump-min.gif)
![Adobe After Effects エクステンション Squash & Stretch 無料 Jump](https://nextist.net/wp-content/uploads/after-effects-squash-stretchfree-jump.gif)
![Adobe After Effects エクステンション Squash & Stretch 無料 Shake Transition](https://nextist.net/wp-content/uploads/after-effects-squash-stretchfree-shake-transition.gif)
![Adobe After Effects エクステンション Squash & Stretch 無料 Slide In Wheely](https://nextist.net/wp-content/uploads/after-effects-squash-stretchfree-slide-in-wheely.gif)
![Adobe After Effects エクステンション Squash & Stretch 無料 Throw](https://nextist.net/wp-content/uploads/after-effects-squash-stretchfree-throw.gif)
![Adobe After Effects エクステンション Squash & Stretch 無料 Zoom In Rotate](https://nextist.net/wp-content/uploads/after-effects-squash-stretchfree-zoom-in-rotate.gif)
![Adobe After Effects エクステンション Squash & Stretch 無料 Zoom Out Horizontal](https://nextist.net/wp-content/uploads/after-effects-squash-stretchfree-zoom-out-horizontal-1.gif)
![Adobe After Effects エクステンション Squash & Stretch 無料 Zoom](https://nextist.net/wp-content/uploads/after-effects-squash-stretchfree-zoom.gif)
専用のコントロールパネルでタイミングや伸縮度合、反転など簡単に調整することができます。
さらに無料版でも91種類のサウンドプリセットを使うことができます。
![Adobe After Effects エクステンション Squash & Stretch 無料 コントロール パネル 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-and-stretch-free-control-panel-e1683876323382.png)
![Adobe After Effects エクステンション Squash & Stretch 無料 サウンドプリセット 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-and-stretch-free-sounds.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
無料版でもいい感じにアニメーションに合う効果音がついてて
結構クオリティーも高いですd(^ ^)
無料版だけでも面白いアニメーションを簡単に作ることができます。
![Adobe After Effects エクステンション Squash & Stretch 無料 サンプル](https://nextist.net/wp-content/uploads/after-effects-squash-and-stretch-free-sample.gif)
![Adobe After Effects エクステンション Squash & Stretch 無料 サンプル アニメーション](https://nextist.net/wp-content/uploads/after-effects-squash-and-stretch-free-sample-animation.gif)
無料プリセットを組み合わせるだけでも2〜3分でも面白いアニメーションが作れます。
![ふにゃ太郎](https://nextist.net/wp-content/uploads/hunyataro-stretch.gif)
ボクのアイコンにも無料プリセットの『Zoom』を使ってみましたv( ̄∀ ̄)v
Squash & Stretch(無料版) | Squash & Stretch Pro | |
---|---|---|
![]() | ![]() | |
収録プリセット数 | 10 | 61 |
サウンドプリセット数 | 91 | 350 |
追加バンドルで拡張可能 | × | ◯ |
Manual Controls (Squash & Stretch Oomph, Flip, Rotate) | ◯ | ◯ |
Automatic adjustment of behaviors to layers | ◯ | ◯ |
Automatic adjustment of surrounding animations | ◯ | ◯ |
Transitions | ◯ | ◯ |
Gallery | ◯ | ◯ |
Text Exploder | × | ◯ |
Precompose & Crop | ◯ | ◯ |
Stagger Layers | ◯ | ◯ |
Create Parent Null | ◯ | ◯ |
通常価格 | 無料 | $99(約13,300円) |
セール価格 | ー | 約10,000円(25%OFF) |
支払い方法 | ー | クレジットカード PayPal |
販売サイト | 販売ページ | 販売ページ |
プリセットを追加できる各種有料バンドルのラインナップは以下の通りです⬇︎⬇︎
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
各有料バンドルは『Squash & Stretch(無料版)』には追加できませんd( ̄  ̄)
各バンドルの収録プリセットは一覧にしてます ▶︎ ジャンプ
『Squash & Stretch(無料版)』のダウンロード・インストール方法
『Squash & Stretch (無料版)』のダウンロード・インストール方法を順を追って解説していきます。
『Squash & Stretch(無料版)』のダウンロード方法
『aescripts.com』の『Squash & Stretch』販売ページへ入ります⬇︎⬇︎
料金が$0.00であることを確認して『ADD TO CART』をクリックします。
するとカートに追加されるので、右上のカートボタンをクリックします。
![Adobe After Effects 無料 エクステンション Squash & Stretch ダウンロード 方法](https://nextist.net/wp-content/uploads/2020/03/aescripts.com-squash-stretch.jpg)
カートの中身を確認してから
上下どちらでもいいので『PROCEED TO CHECKOUT』をクリックします。
![Adobe After Effects 無料 エクステンション Squash & Stretch ダウンロード 方法 PROCEED TO CHECKOUT](https://nextist.net/wp-content/uploads/2020/03/proceed-to-checkout.jpg)
【アカウントを持っている方】はメールアドレスとパスワードを入力して『LOGIN』をクリック
![Adobe After Effects 無料 エクステンション Squash & Stretch ダウンロード 方法 ログイン](https://nextist.net/wp-content/uploads/2020/03/please-log-in-below.jpg)
住所を確認して『CONTINUE』をクリックしてください。
![Adobe After Effects 無料 エクステンション Squash & Stretch ダウンロード 方法 ログイン](https://nextist.net/wp-content/uploads/2020/03/confirm-address.jpg)
【アカウントを持ってない方】は右側の『REGISTER』をクリックして
![Adobe After Effects 無料 エクステンション Squash & Stretch ダウンロード 方法 ログイン アカウント 作成 aescripts+aeplugins](https://nextist.net/wp-content/uploads/2020/03/register-to-create-a-free-account.jpg)
必要情報を入力してアカウントを作成します。
![Adobe After Effects 無料 エクステンション Squash & Stretch ダウンロード 方法 ログイン アカウント 作成 aescripts+aeplugins](https://nextist.net/wp-content/uploads/2020/03/enter-required-information.jpg)
『No Payment Information Required(支払いは情報は不要です)』と表示されるので
『CONTINUE』をクリックします。
![Adobe After Effects 無料 エクステンション Squash & Stretch ダウンロード 方法 No Payment Information Required](https://nextist.net/wp-content/uploads/no-payment-information-required.png)
注文内容を確認して『PLACE ORDER』をクリックします。
![Adobe After Effects 無料 エクステンション Squash & Stretch ダウンロード 方法 No Payment PLACE ORDER](https://nextist.net/wp-content/uploads/2020/03/squash-stretch-place-order.jpg)
『My Downloads & Licenses』をクリックします。
![Adobe After Effects 無料 エクステンション Squash & Stretch ダウンロード 方法 My Downloads & Licenses](https://nextist.net/wp-content/uploads/2020/03/my-downloads-licenses.jpg)
『Download』をクリックします。
![Adobe After Effects 無料 エクステンション Squash & Stretch ダウンロード 方法 Free Download](https://nextist.net/wp-content/uploads/2020/03/squash-stretch-download-button.jpg)
『Squash & Stretch Free』をクリックするとダウンロードされます。
![Adobe After Effects 無料 エクステンション Squash & Stretch ダウンロード 方法 手順](https://nextist.net/wp-content/uploads/2020/03/squash-stretch-free-download.jpg)
『Squash & Stretch(無料版)』のインストール方法
『Squash & Stretch(無料版)』のインストール方法を順を追って解説していきます。
ダウンロードされた『quash_stretch_free_1_2.zip』を展開して
『Squash & Stretch Free』フォルダを開きます。
![Adobe After Effects エクステンション Squash & Stretch 無料 インストール 方法 手順](https://nextist.net/wp-content/uploads/2020/03/squash-stretch-free-zip.png)
フォルダ内に『SquashAndStretch_Free.zxp』というファイルがありますが
この.zxpファイルを『After Effects』へインストールするためには『ZXPInstaller』というアプリをインストールする必要があります。
![Adobe After Effects エクステンション Squash & Stretch 無料 zxp インストール 方法 手順](https://nextist.net/wp-content/uploads/2020/03/squashandstretch-free.zxp_.jpg)
フォルダ内に『SquashAndStretch_Free.zxp』というファイルがありますが
この.zxpファイルを『After Effects』へインストールするためには『ZXPInstaller(無料)』というアプリをインストールする必要があります。
『ZXPInstaller』のダウンロードページを入ったら
Download for OS X(1.8.2)をクリックしてください。
Windowsであれば『Download for Windows』をクリックしてください。
![ZXPInstaller 無料 ダウンロード 方法 手順](https://nextist.net/wp-content/uploads/zxpinstaller-free-download-e1683862067913.png)
インストーラー(ZXPInstaller.dmg)がダウンロードされるのでダブルクリックで開きます。
![Adobe CC After Effects ZXPInstaller ダウンロード インストール dmg](https://nextist.net/wp-content/uploads/2020/03/zxpinstaller-download-e1629104577706.jpg)
『ZXPInstaller』をそのままパソコンにインストールする場合は
左側の『ZXPInstaller』アイコンを右側のフォルダへドラッグ&ドロップします。
今回だけ使用する場合には左側の『ZXPInstaller』アイコンをダブルクリックしてください。
![ZXPInstaller 無料 ダウンロード 方法 手順](https://nextist.net/wp-content/uploads/zxpinstaller-app-free-install.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『ZXPInstaller』は『After Effects』へ各種ツールをインストールする際に必要になることも多いので、この機会にインストールしておいた方が無難ですd(゚∀゚)
『ZXPInstaller』をパソコンにインストールした場合は
アプリケーション一覧から『ZXPInstaller』を開きます。
![ZXPInstaller 無料 ダウンロード 方法 使い方](https://nextist.net/wp-content/uploads/zxpinstaller-free-install-usage.png)
『ZXPInstaller』が起動したら
先ほどダウンロードした『SquashAndStretch_Free.zxp』を『ZXPInstaller』のパネル内へドラッグ&ドロップします。
![ZXPInstaller 無料 ダウンロード 方法 使い方](https://nextist.net/wp-content/uploads/2020/03/zxp-drag-and-drop.jpg)
『After Effects』を起動してから
上部メニューのウィンドウ▶︎エクステンション▶︎Squash and Stretch Free が追加されているので使うことができます\( ̄∀ ̄)/ワーイ
![Adobe After Effects エクステンション Squash & Stretch 無料 インストール 方法 手順](https://nextist.net/wp-content/uploads/2020/03/extension-squash-and-stretch-install.jpg)
![Adobe After Effects エクステンション Squash & Stretch 無料 インストール 方法 手順](https://nextist.net/wp-content/uploads/2020/03/squash-stretch-install-done.png)
『Squash & Stretch』の機能と使い方
『Squash & Stretch』の機能と使い方=コントロールパネルの使い方を解説していきます。
![Adobe After Effects エクステンション Squash & Stretch 機能 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-control-panel-usage.jpg)
プリセットを適用する流れ
以下のようなシェイプに無料プリセット『Drop』を適用していきます。
![Adobe After Effects エクステンション Squash & Stretch 無料 プリセット 使い方](https://nextist.net/wp-content/uploads/squash-stretch-free-preset-usage.jpg)
まずは終了点にシークバー(時間インジケーター)を合わせて
対象のレイヤーは終了時の位置に配置しておきます。
![Adobe After Effects エクステンション Squash & Stretch 無料 プリセット 使い方 調整 配置](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-free-preset-usage.jpg)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
開始点に合わせる設定『Timing ▶︎ Start of Behavior』もあるのですが、無料プリセット『Drop』では終了点で合わせる設定『Timing ▶︎ End of Behavior』しかありません_(┐「ε:)_
詳しくは後述してます ▶︎
対象のレイヤーを選択した状態で
適用したいプリセット『Drop』をコントロールパネル右側にある『Free Bundle』の中から選択します。
今回はデフォルト設定のまま『Apply』で適用します。
![Adobe After Effects エクステンション Squash & Stretch 無料 プリセット 使い方 適用 方法](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-free-preset-apply.jpg)
動作を適用するには、レイヤーを事前に合成する必要があります(テキストおよびシェイプレイヤー、機能のあるレイヤーに必要です。変換/連続ラスタライズが有効)と表示されます。
プリセットを適用するにはプリコンポーズする必要があるということなので『OK』をクリックします。
![Adobe After Effects エクステンション Squash & Stretch 無料 使い方 警告 表示](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-dont-show-this-again.jpg)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
この警告を2度と表示したくない場合には『don’t show this again』にチェックを入れて『OK』をクリックしてくださいd( ̄  ̄)
対象レイヤーにプリセット『Drop』が適用されます。
![Adobe After Effects エクステンション Squash & Stretch 無料 プリセット 使い方 Drop](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-free-preset-drop.gif)
Text Exploder
![Adobe After Effects エクステンション Squash & Stretch Text Exploder 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-text-exploder-usage.png)
『Text Exploder』は選択したテキストを条件を指定して個別のレイヤーに分解することができる機能です。
オフセットしたいレイヤーを選択した状態で『Stagger Layers』ボタンを押すと
『Stagger Layers』の設定パネルが表示されます。
![Adobe After Effects Squash & Stretch Glitch Bundle Text Exploder 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-text-exploder-usage-panel.png)
![Adobe After Effects Squash & Stretch Glitch Bundle Text Exploder Split into 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-text-exploder-split-into-usage.png)
『Split into』ではテキストを分解する範囲を設定できます。
Characters ▶︎ 文字ごとに分解
Words ▶︎ 単語ごとに分解
Lines ▶︎ 行ごとに分解
Custom word ▶︎ カスタム
Custom regular expression ▶︎ ??
![Adobe After Effects Squash & Stretch Glitch Bundle Text Exploder Split into Character 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-text-exploder-split-into-character-e1684377717806.png)
![Adobe After Effects Squash & Stretch Glitch Bundle Text Exploder Split into Word 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-text-exploder-split-into-word.png)
![Adobe After Effects Squash & Stretch Glitch Bundle Text Exploder Split into Line 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-text-exploder-split-into-line-e1684377779269.png)
![Adobe After Effects Squash & Stretch Glitch Bundle Text Exploder Delate original 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-text-exploder-delate-original.png)
『Delete original』はオリジナルのテキストレイヤーを削除するかどうかを設定できます。
『Delete original』はデフォルトでOFFとなってます。
![Adobe After Effects Squash & Stretch 使い方 Text Exploder Delate original ON](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-text-exploder-delate-original-off.png)
![Adobe After Effects Squash & Stretch 使い方 Text Exploder Delate original OFF](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-text-exploder-delate-original-on.png)
![Adobe After Effects Squash & Stretch Glitch Bundle Text Exploder Delate original 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-text-exploder-delate-original.png)
『RTL text』は分解した文字の順序を反転するかどうかを設定できます。
『RTL text』はデフォルトでOFFとなってます。
![Adobe After Effects Squash & Stretch 使い方 Text Exploder Delate original ON](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-text-exploder-delate-original-off.png)
![Adobe After Effects Squash & Stretch Text Exploder 使い方 RTL text ON](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-text-exploder-rtl-text-on-1024x892.png)
![Adobe After Effects Squash & Stretch Glitch Bundle Text Exploder Delate original 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-text-exploder-delate-original.png)
『Layer Order』は分解したレイヤーの順序を上から順に並べるのか下から順に並べるのかを設定できます。
『Layer Order』はデフォルトで『Top to Bottom』となってます。
![Adobe After Effects Squash & Stretch Text Exploder 使い方 Layer Order Top to Bottom](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-text-exploder-layer-order-top-to-bottom-1024x892.png)
![Adobe After Effects Squash & Stretch Text Exploder 使い方 Layer Order Bottom to Top](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-text-exploder-layer-order-bottom-to-top-1024x892.png)
Precompose & Crop
![Adobe After Effects エクステンション Squash & Stretch Precompose & Crop 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-precompose-crop-usage.png)
『Precompose & Crop』は対象のレイヤーをプリコンポジションします。
Stagger Layers
![Adobe After Effects エクステンション Squash & Stretch Stagger Layers 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-stagger-layers-usage.png)
『Stagger Layers』はレイヤーをオフセットできる機能になります。
オフセットしたいレイヤーを選択した状態で『Stagger Layers』ボタンを押すと
『Stagger Layers』の設定パネルが表示されます。
![Adobe After Effects エクステンション Squash & Stretch Stagger Layers 使い方 設定](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-stagger-layers-usage-setting.png)
『Stagger Layers』を適用しようとすると以下のような警告が表示されます⬇︎⬇︎
「選択したすべてのレイヤーのinPoint が同じ位置にあります。
現在の inPoint の最も古いものと最新のものの間でレイヤーをずらすため、少なくとも 1 つのinPoint を別の時点に移動してください。」
![Adobe After Effects エクステンション Squash & Stretch Stagger Layers 警告 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-stagger-layers-caveat.png)
理由はよく分かりませんが、全てのレイヤーが開始位置が揃っていると適用できません。
なので『Stagger Layers』を使ってオフセットする前にレイヤーを1つだけでいいのでズラしてから適用してください。
![Adobe After Effects エクステンション Squash & Stretch Stagger Layers 警告 inPoints](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-stagger-layers-caveat-inpoints.png)
![Adobe After Effects エクステンション Squash & Stretch Stagger Layers 警告 outPoints](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-stagger-layers-caveat-outpoints.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Stagger』の設定を『outPoint』に設定している場合には終了点をズラしてくださいd( ̄  ̄)
『Stagger』ではレイヤーを開始点『inPoints』からオフセットするのか
終了点『outPoints』からオフセットするのか設定できます。
inPoints ▶︎ 開始点からレイヤーをオフセットする
outPoints ▶︎ 終了点からレイヤーをオフセットする
![Adobe After Effects エクステンション Squash & Stretch Stagger Layers inPoints 使い方 設定](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-stagger-layers-inpoins-e1684309439321.png)
![Adobe After Effects エクステンション Squash & Stretch Stagger Layers outPoints 使い方 設定](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-stagger-layers-outpoins.png)
『Order』ではレイヤーを再配置する並びの条件を設定できます。
ascending ▶︎ 上から順に選択したレイヤーをオフセットする
descending ▶︎ 下から順に選択したレイヤーをオフセットする
random ▶︎ 選択したレイヤーをランダムにオフセットする
selection order ▶︎ 不明
![Adobe After Effects エクステンション Squash & Stretch Stagger Layers Order ascending 使い方 設定](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-stagger-layers-ascending-e1684310211331.png)
![Adobe After Effects エクステンション Squash & Stretch Stagger Layers Order descending 使い方 設定](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-stagger-layers-descending-e1684310262660.png)
![Adobe After Effects エクステンション Squash & Stretch Stagger Layers Order random 使い方 設定](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-stagger-layers-ramdom-e1684310303420.png)
『Randomness』では指定したオフセットの範囲でランダム配置することができます。
『subtle』 『some』『a lot』の3種類から選択できます。
違いは…よく分かりません…
![Adobe After Effects エクステンション Squash & Stretch Stagger Layers Randomness subtle 使い方 設定](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-stagger-layers-randomness-subtle-e1684311243588.png)
![Adobe After Effects エクステンション Squash & Stretch Stagger Layers Randomness subtle 使い方 設定](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-stagger-layers-randomness-subtle-e1684311243588.png)
![Adobe After Effects エクステンション Squash & Stretch Stagger Layers Randomness subtle 使い方 設定](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-stagger-layers-randomness-subtle-e1684311243588.png)
Set Workarea
![Adobe After Effects エクステンション Squash & Stretch Set Workarea 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-set-workarea-usage.png)
『Set Workarea』はプリセットのデュレーションに合わせてワークエリアを設定することができます。
プリセットを適用したレイヤーを選択した状態で『Set Workarea』ボタンを押すと
![Adobe After Effects エクステンション Squash & Stretch Set Workareal 使い方](https://nextist.net/wp-content/uploads/adobe-after-effects-squash-stretch-set-warkarea-usage.png)
プリセットの尺に合わせてワークエリアが設定されます。
![Adobe After Effects エクステンション Squash & Stretch Set Workarea 使い方](https://nextist.net/wp-content/uploads/adobe-after-effects-squash-stretch-usage-set-warkarea.png)
Create Parent Null
![Adobe After Effects エクステンション Squash & Stretch Create Parent Null 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-create-parent-null-usage.png)
『Create Parent Null』は選択したレイヤーとリンクした新規ヌル(親ヌル)を作ることができます。
Gallery
『Gallery』アイコンをクリックするとプリセットのギャラリーを表示できます。
各プリセットのアニメーションを一覧しながら選択できるので便利です。
![Adobe After Effects エクステンション Squash & Stretch Gallery 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-usage-gallery.gif)
Treeview
デフォルトでは『treeview』がONになっています。
OFFにすると右側に表示されているバンドルやプリセットが非表示になります。
![Adobe After Effects エクステンション Squash & Stretch Gallery Treeview 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-usage-behavior-treeview.jpg)
![Adobe After Effects エクステンション Squash & Stretch Gallery Treeview 使い方](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-usage-behavior-treeview-off-1024x752.png)
Bundle & Preset List
![Adobe After Effects エクステンション Squash & Stretch 使い方 Bundle Preset](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-usage-bundle-preset.jpg)
『Squash & Stretch』にインストールされたバンドルとプリセットが表示されます。
Flip
![Adobe After Effects エクステンション Squash & Stretch 無料 機能 使い方 Horizontally](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-usage-horizontally.jpg)
アニメーションを水平反転できます。
![Adobe After Effects エクステンション Squash & Stretch 無料 機能 使い方 Vertically](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-usage-vertically.jpg)
アニメーションを垂直反転できます。
![Adobe After Effects エクステンション Squash & Stretch 無料 機能 使い方 Rotate](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-usage-ratate.jpg)
アニメーションをワンクリック毎に90 °ずつ回転できます。
Control
![Adobe After Effects エクステンション Squash & Stretch プリセット 名前](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-preset-name.jpg)
選択されているプリセット名が表示されます。
![Adobe After Effects エクステンション Squash & Stretch パラメーター リセット](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-reset.jpg)
パラメーターを初期値に戻します。
![Adobe After Effects エクステンション Squash & Stretch 使い方 アニメーション 調整](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-usage-control.jpg)
Squash=潰す、 Stretch=伸ばすのアニメーションの度合いを調整できます。
![Adobe After Effects エクステンション Squash & Stretch 使い方 アニメーション 調整 Oomph](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-usage-oomph.jpg)
『Oomph』ではアニメーションの強さを調整できます。
![Adobe After Effects エクステンション Squash & Stretch 使い方 アニメーション 調整 Timing](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-usage-timing.jpg)
『Timing』はアニメーションプリセットを適用する起点を
シークバーを軸に開始点『Start of Behavior』にするのか、終了点に『End of Behavior』するのか設定することができます。
![Adobe After Effects エクステンション Squash & Stretch 使い方 Sounds 設定](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-usage-sounds.jpg)
『Sounds』ではアニメーションに合うサウンドエフェクトを設定することができます。
各プリセットによって設定できるサウンドエフェクトが違っていて
大体4〜5種類くらいのサウンドプリセットから選択できます。
![Adobe After Effects エクステンション Squash & Stretch 使い方 Sounds Preset 設定](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-usage-sounds-preset.jpg)
『Squash & Stretch Pro(有料版)』と各種追加バンドルの紹介
『Squash & Stretch Pro(有料版)』と各種追加バンドルの紹介をします٩( ᐛ )و
『Squash & Stretch Pro』
![Adobe After Effects Squash & Stretch Pro](https://nextist.net/wp-content/uploads/after-effects-squash-and-stretch-pro.png)
『Squash & Stretch Pro』は61種類のプリセットと360種類のサウンドプリセットを使うことができますd(゚∀゚)
無料版との大きな違いは以下の2点です⬇︎⬇︎
- 『Text Exploder』機能が使える
- 有料バンドルが追加できる
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Squash & Stretch(無料版)』に有料バンドルは追加できませんd( ̄  ̄;)
![Adobe After Effects Squash & Stretch Pro Core Bundle プリセット 一覧](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-pro-core-bundle.png)
『Squash & Stretch Pro』に収録されているプリセットをまとめておきます٩( ᐛ )و
![Adobe After Effects Squash & Stretch Pro Core Bundle プリセット Highlights](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-pro-highlights.gif)
![Adobe After Effects Squash & Stretch Pro Core Bundle プリセット In Bounces](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-pro-In-bounces.gif)
![Adobe After Effects Squash & Stretch Pro Core Bundle プリセット In Move In](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-pro-in-move-in-min.gif)
![Adobe After Effects Squash & Stretch Pro Core Bundle プリセット In On the Spot](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-pro-in-on-the-spot.gif)
![Adobe After Effects Squash & Stretch Pro Core Bundle プリセット Moves](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-pro-moves.gif)
![Adobe After Effects Squash & Stretch Pro Core Bundle プリセット Out](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-pro-out.gif)
![Adobe After Effects Squash & Stretch Pro Core Bundle プリセット Rotation](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-pro-rotations.gif)
![Adobe After Effects Squash & Stretch Pro Core Bundle プリセット Transitions](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-pro-transitions.gif)
![Adobe After Effects Squash & Stretch Pro Core Bundle プリセット Wiggles](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-pro-wiggles.gif)
『Cartoon Bundle』
![Adobe After Effects エクステンション Squash & Stretch Pro 有料 追加 バンドル Cartoon Bundle](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-cartoon-bundle.jpg)
『Cartoon Bundle』はカートゥーン風(漫画風)の37種類のプリセットと242種類のサウンドプリセットを
『Squash & Stretch Pro』に追加して使うことができます。
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Squash & Stretch(無料版)』に有料バンドルは追加できないので注意してくださいd( ̄  ̄;)
![Adobe After Effects Squash & Stretch Cartoon Bundle プリセット 一覧](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-cartoon-bundle-preset-list.png)
『Cartoon Bundle』に収録されているプリセットをまとめておきます。
![Adobe After Effects Squash & Stretch Cartoon Bundle プリセット Drop in](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-cartoon-bundle-drop-in.gif)
![Adobe After Effects Squash & Stretch Cartoon Bundle プリセット Jump in](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-cartoon-bundle-jump-in.gif)
![Adobe After Effects Squash & Stretch Cartoon Bundle プリセット Throw in](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-cartoon-bundle-throw-in.gif)
![Adobe After Effects Squash & Stretch Cartoon Bundle プリセット Jumps](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-cartoon-bundle-jumps.gif)
![Adobe After Effects Squash & Stretch Cartoon Bundle プリセット Out Fall](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-cartoon-bundle-out-fall.gif)
![Adobe After Effects Squash & Stretch Cartoon Bundle プリセット Jump out](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-cartoon-bundle-jump-out.gif)
![Adobe After Effects Squash & Stretch Cartoon Bundle プリセット Jump out](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-cartoon-bundle-jump-out.gif)
『Glitch Bundle(無料)』
![Adobe After Effects エクステンション Squash & Stretch Pro 有料 追加 バンドル Glitch Bundle](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle.jpg)
『Glitch Bundle』は69種類のバリエーションがある18種類のプリセットと50種類のサウンドプリセットを
『Squash & Stretch Pro』に追加して使うことができます。
『Glitch Bundle』は 無料 で追加することができます。
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
『Squash & Stretch(無料版)』に有料バンドルは追加できないので注意してくださいd( ̄  ̄;)
![Adobe After Effects Squash & Stretch Glitch 無料 バンドル プリセット](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-free-preset.png)
『Glitch Bundle』に収録されているプリセットをまとめておきます。
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Displace Set 1](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-highlight-displace-set.gif)
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Displace Set 2](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-highlight-displace-set-2.gif)
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Displace Set 3](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-highlight-displace-set-3.gif)
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Distort Set 1](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-highlight-distort-set-1.gif)
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Distort Set 2](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-highlight-distort-set-2.gif)
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Distort Set 3](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-highlight-distort-set-3.gif)
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Distort Set 4 Chaos](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-highlight-distort-set-4-chaos.gif)
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Distort Set 5 Subtle](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-highlight-distort-set-5-subtle.gif)
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Distort Set 6 Flicker](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-highlight-distort-set-6-flicker.gif)
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Move in Glitch](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-in-move-in-glitch.gif)
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Power Up Set](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-highlight-power-up-set.gif)
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Scale and Jump Set 1](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-scale-and-jump-set-1.gif)
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Scale and Jump Set 2](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-scale-and-jump-set-2.gif)
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Electric Shock Set 1 Long](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-electric-shock-set-1-long.gif)
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Electric Shock Set 2 Short](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-electric-shock-set-2-short.gif)
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Move Out Set](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-move-out-set.gif)
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Power Outage Set 1](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-power-outage-set-1.gif)
![Adobe After Effects Squash & Stretch Glitch Bundle 無料 Power Outage Set 2](https://nextist.net/wp-content/uploads/after-effects-squash-stretch-glitch-bundle-power-outage-set-2.gif)
最後に
『Squash & Stretch』以外にも『After Effects』で使える便利なプラグインやスクリプトはたくさんあります。
*『After Effects』で使える無料ツールは以下の記事にまとめているので、興味のある方はぜひ読んでみてください⬇︎⬇︎
*『After Effects』で使えるおすすめの有料プラグインやスクリプトをまとめた記事はこちら⬇︎⬇︎
以上、最後まで読んでいただきありがとうございました(=゚ω゚)ノ