【新着】After Effects 『プロキシ』の機能や使い方を徹底解説した動画を公開しましたd(^ ^)

【After Effects】簡単にテキストボックスを作ることができる無料スクリプト『BOXED』

After Effects Free Script BOXED 無料 フリー スクリプト 使い方 機能 ダウンロード インストール テキストボックス

Adobe After Effects

一撃でテキストボックスを作ることができる無料スクリプト『BOXED』

今回はAfter Effectsで簡単にテキストボックスを作ることができる無料スクリプト『BOXED』の無料ダウンロード・インストール方法と使い方を解説していきます^^

シンプルな機能ですが持っておくと意外と重宝する便利な無料スクリプトなので、興味のある方はぜひ最後まで読んでいただければ幸いです^^


*『BOXED』の無料ダウンロード方法とインストール方法、使い方を解説した動画です⬇︎⬇︎



『Adobe CC』の契約期限切れ間近ではありませんか!?

『Adobe CC コンプリートプラン』が Adobe正規価格の半額【 39,980 円 / 年(税込)】で購入できる方法や

価格、各種サービス内容など徹底的に比較解説した記事を書いてます^^

*『Adobe CC』の契約更新が近い方はぜひ参考にして下さい⬇︎⬇︎

Adobe CC コンプリートプラン 安く買う 方法 【Adobe CC コンプリートプランを安く買う!!】最も安く買う方法と各種サービス内容、買う前の注意点を徹底解説!!





BOXED』とは!?

最近のデザイントレンドにはただ単にテキストのみを表示させるだけではなく

テキスト+テキストボックスが使用されていることが多いです。

テキストボックスは動きのない画像のような平面的デザインではテキストを強調したり

外枠にすることでデザイン性を高めたりすることに利用しますが

After Effects テキストボックス 作成 無料 フリー スクリプト


After Effectsではテキストやボックスに動きをつけること(モーショングラフィックス)でより多彩な表現をすることができますd( ̄  ̄)


通常はテキストレイヤーに合わせてシェイプレイヤーを作成し、トランスフォームプロパティを調整しながらデザインし動きをつけていきますが、この作業は意外と面倒な作業です。

そこで便利なのがワンボタンでテキストにぴったりなボックスシェイプレイヤーを作成することができる無料スクリプト『BOXED』です^^

『BOXED』を使えばワンボタンでテキストぴったりのボックスを作ることができ、サイズの変更やラインボックスなど簡単に調整することができますd( ̄  ̄)

After Effects Free Script BOXED 無料 フリー スクリプト テキストボックス 作成



プロパティーを調整すれば初心者でも簡単にアレンジができます^^







BOXEDの無料ダウンロード方法

『BOXED』の無料ダウンロード方法を順を追って解説していきますd( ̄  ̄)

*ダウンロード・インストールにはメールアドレスの入力が必要となります。予めご了承ください。
*『Brave Browser』ではダウンロード操作が上手くいかない箇所があるので、ご利用中の方はChromeやSafari、Edgeなど他のブラウザで試してみてくださいd( ̄  ̄;)




『BOXED』は公式配布サイト(ALOHAFX)で無料ダウンロードすることができます⬇︎⬇︎


公式配布サイトへ入ったら『Download Now』のボタンをクリックします。

After Effects Free Script BOXED 無料 フリー スクリプト ダウンロード 方法


ダウンロードページが開きます⬇︎⬇︎

After Effects Free Script BOXED 無料 フリー スクリプト ダウンロード ページ


下へスクロールする『公平な価格を設定して下さい:』とあるので、無料でダウンロードしたい場合には『0』と入力して、下のカートへ追加をクリックします。

*『Brave Browser』では価格入力ができないので、操作が上手くいかない方はChromeやSafari、Edgeなど他のブラウザで試してみてくださいd( ̄  ̄;)

After Effects Free Script BOXED 無料 フリー スクリプト ダウンロード ページ


『BOXED』 がカートに追加されるので、価格を確認してチェックアウトを押します。

After Effects Free Script BOXED 無料 フリー スクリプト ダウンロード 方法


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

After Effects Free Script BOXED 無料 フリー スクリプト ダウンロード 方法


入力したメールアドレスにすぐにメールが届くので、開いて『コンテンツの表示』をクリックしてください。

After Effects Free Script BOXED 無料 フリー スクリプト ダウンロード 方法 メール


『ダウンロードする』をクリックします。

After Effects Free Script BOXED 無料 フリー スクリプト ダウンロード 方法 zip


『BOXED by Alohafx.zip』がダウンロードされるので、展開して『BOXED by Alohafx』フォルダを表示させます。

After Effects Free Script BOXED 無料 フリー スクリプト ダウンロード 方法 zip


『BOXED by Alohafx』のフォルダの中に『BOXED』のスクリプトファイル(.jsxbin)が入っています。これでインストールに必要なファイルのダウンロード完了です^^

After Effects Free Script BOXED 無料 フリー スクリプト ダウンロード ファイル






BOXEDのインストール方法

『BOXED』のインストール方法を順を追って解説していきますd( ̄  ̄)

*インストールにもメールアドレスの入力が必要となります。予めご了承ください。
*『BOXED』はインストールして実際に使用するまでに通常のスクリプトファイルとは違った手順を踏まないといけませんd( ̄  ̄;)


アプリケーションファイルからご利用中のAfter Effectsファイルを開きます。

Adobe After Effects GG分解 スクリプト 簡単 便利 無料 フリー テキスト 文字 分解 バラバラ アプリケーションファイル


表示されたファイルの中からScriptsフォルダを開きます。
*Windowsの場合はSupport Files ➡︎ Scripts

After Effects Free Script BOXED 無料 フリー スクリプト インストール 方法


ScriptUI Panelsフォルダを開きます。

After Effects Free Script BOXED 無料 フリー スクリプト インストール 方法 ScriptUI Panels


ScriptUI Panelsフォルダ内へダウンロードしていた『BOXED by Alohafx.jsxbin』と『(BOXED)Folder』を追加します。
*『(BOXED)Folder』もインストールしないと『BOXED』は使えませんd( ̄  ̄)

After Effects Free Script BOXED 無料 フリー スクリプト インストール 方法
After Effects Free Script BOXED 無料 フリー スクリプト インストール 方法


After Effectsを立ち上げます、起動していた場合は再起動します。

上部ウィンドウメニューからウィンドウの中に『BOXED by Alohafx.jsxbin』が追加されています。これでインストール完了ですが、『BOXED』が実際に使用できるようになるまでもう一段階手順を踏む必要がありますd( ̄  ̄;)

『BOXED by Alohafx.jsxbin』を選択します。

After Effects Free Script BOXED 無料 フリー スクリプト インストール


『BOXED』のパネルが開くので鍵マークをクリックします。STEP1とSTEP2と表示されたパネルが開くので、それぞれ順を追って入力していきます。
*パネルが表示されない場合の対処 ➡︎ 『After Effectsのオンライン設定

After Effects Free Script BOXED 無料 フリー スクリプト インストール 手順


まずはSTEP1の『CREATE YOUR ACCOUNT』をクリックします。

After Effects Free Script BOXED 無料 フリー スクリプト インストール 手順


アカウント情報入力の画面が開くので、情報を入力してください。

一番下のメールで情報を受け取ることに同意しますか?にチェックを入れて、『Validate my BOXED License』をクリックします。

After Effects Free Script BOXED 無料 フリー スクリプト インストール 手順 アカウント作成


『You user has been created.』(アカウントが作成されました)が表示されたらSTEP1が終了です。

After Effects Free Script BOXED 無料 フリー スクリプト インストール 手順 アカウント作成 完了


次にSTEP2でメールアドレスを入力して、下の『CLICK CONNECT YOUR EMAIL』をクリックします。

After Effects Free Script BOXED 無料 フリー スクリプト インストール 手順 STEP2 メールアドレス入力


BOXED is ready to create cool text boxes for you with just a few clicks.enjoy!(BOXEDは、数回クリックするだけでクールなテキストボックスを作成する準備ができています。お楽しみください!)と表示されるので『OK』をクリックします。

After Effects Free Script BOXED 無料 フリー スクリプト インストール 手順 Cheap as Chips


『BOXED』の操作パネルが表示されます。これで『BOXED』を使用することができます^^

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル


2回目以降開くときには『OPEN』を選択することで操作パネルが開きます。

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル






『BOXED』の使い方

『BOXED』の使い方を順を追って解説をしていきます。


解説の前に『BOXED』のトレーラーを見ていただければどのようなことができるのか参考になると思います^^⬇︎⬇︎

https://youtu.be/cO2vI6za_Zk



それでは操作パネルの機能を1つずつ解説していきます⬇︎⬇︎

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル







1. SELECT TEXT LAYER

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル SELECT TEXT LAYER

『1.SELECT TEXT LAYER』は「テキストツールでボックスをつけたいテキストレイヤーを作成して、そのテキストレイヤーを選択してください」ということになりますd( ̄  ̄)

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル SELECT TEXT LAYER テキストレイヤー 選択


『BOXED』の操作パネルは上から順(1〜4)に操作していくように作られています。




2. CREATE NEW OR EDIT CREATED

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED

『2.CREATE NEW OR EDIT CREATED』はテキストボックスを作成することができます。


CREATE

テキストレイヤーを選択した状態で『CREATE』ボタンを押すとテキストのサイズに合わせて自動でテキストボックス(シェイプレイヤー)が作成されますd( ̄  ̄)

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成


作成されたテキストボックス(シェイプレイヤー)は、テキストレイヤーとリンクした状態で作成されるのでテキストを動かすとボックスも連動して動くようになっています。個別に動かしたい場合にはリンクを解除してくださいd( ̄  ̄)

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス リンク


テキストレイヤーにはエフェクトが追加されます。

各パラメーターにエクスプレッションをかけて各プロパティにリンクさせることで、スライダー制御ですることができます。

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス エフェクト





EDIT

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス EDIT


『BOXED』でテキストボックスを作成し別の作業をした場合には、もう一度ボックスをカスタマイズしようとしても数値を変更することができなくなります。
*テキストレイヤーを選択してもカスタマイズの数値は変更できない…

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成  EDIT 機能


このような場合にテキストレイヤーを選択した状態で『EDIT』ボタンを押すことで、再度調整することができるようになります。

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス EDIT
After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成  EDIT 機能







3. CHOOSE THE BOX STYLE YOU WANT

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス CHOOSE THE BOX STYLE YOU WANT


『3. CHOOSE THE BOX STYLE YOU WANT』はテキストボックスの種類をFill,、Text Hole、Frameの3種類から選択することができます。


Fill

左側のボタンでスタンダードなテキストボックスが作成されます⬇︎⬇︎

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 CHOOSE THE BOX STYLE YOU WANT



Text Hole

真ん中のボタンでテキストに対してトラックマットのアルファ反転マットをかけた場合と同じように、文字がくり抜かれた状態でテキストボックスが作成されます⬇︎⬇︎

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 CHOOSE THE BOX STYLE YOU WANT アルファ反転マット



Frame

右側のボタンでアウターフレーム(外枠)のテキストボックスが作成されます⬇︎⬇︎

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 CHOOSE THE BOX STYLE YOU WANT 外枠 アウトフレーム





4-1. CUSTOMIZE YOUR BOX

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成  CUSTOMIZE YOUR BOX

『4. CUSTOMIZE YOUR BOX』でボックスの幅、高さ、角の丸みなどをカスタマイズすることができます。


Width

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 Width  幅 カスタマイズ


数値を変更することでテキストボックスの幅を調整することができます⬇︎⬇︎

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成  Width Adjustment 幅の調整




Height

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 高さ Height


数値を変更することでテキストボックスの高さを調整することができます⬇︎⬇︎

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成  Height Adjustment 高さの調整



Corners

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 コーナー Corners.


数値を変更することでテキストボックスの角(コーナー)を丸く調整することができます⬇︎⬇︎

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 コーナー Corners 調整






4-2.FRAME CUSTOMIZE

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 外枠 フレーム 調整

テキストボックスの種類を右側の『Frame』にした場合にのみ表示されるカスタマイズメニューになります。



Frame Width

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 Frame Width フレーム 幅 カスタマイズ


数値を変更することでフレームの高さを調整することができます⬇︎⬇︎

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 フレーム 高さ Frame Height





Frame Height

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 フレーム 高さ Frame Height


数値を変更することでフレームの幅を調整することができます⬇︎⬇︎

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 Frame Width フレーム 幅 カスタマイズ





Frame Corners

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 コーナー Corners.


数値を変更することでフレームの角(コーナー)の外側を丸く調整することができます⬇︎⬇︎

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 コーナー Frame Corners


テキストボックスがアウターフレームの場合は通常の角(コーナー)の数値は、フレームの角(コーナー)の内側を丸く調整することができます⬇︎⬇︎

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 コーナー Frame Insaide Corners





4-2.FRAME COLOR CUSTOMIZE

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 color customize カラー カスタマイズ

テキストとテキストボックスのカラーを変更することができます。



TEXT COLOR

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 color customize カラー カスタマイズ TEXT COLOR

テキストのカラーを変更することができます。プレビュー表示で確認できないのが残念…

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 color customize カラー カスタマイズ TEXT COLOR




BOX COLOR

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 color customize カラー カスタマイズ BOX COLOR

テキストボックスのカラーを変更することができます。こちらもプレビュー表示で確認できません…( ̄  ̄;)

After Effects Free Script BOXED 無料 フリー スクリプト 操作パネル CREATE NEW OR EDIT CREATED テキストボックス 作成 color customize カラー カスタマイズ BOX COLOR







『BOXED』活用例

1つだけ初心者の方向けに『BOXED』活用例を紹介しておきますd( ̄  ̄)



まず『BOXED』を使ってテキストボックスを作成したら

After Effects Free Script BOXED 無料 フリー スクリプト テキストボックス 作成


テキストレイヤーのトラックマットをONにして、シェイプレイヤーのリンクをなしへ変更します。

After Effects Free Script BOXED 無料 フリー スクリプト テキストボックス 使い方 応用


シェイプレイヤーのプロパティーメニューを開いて、エフェクト(BOX OFFSET – read only)など各プロパティーのキーフレームを調整することで、テキストにマスクをかけた状態でアニメーションをアレンジすることができます^^

After Effects Free Script BOXED 無料 フリー スクリプト テキストボックス 使い方 応用






トラブルシューティング

『BOXED』のトラブル対処について解説しておきます。


After Effectsのオンライン設定

『BOXED』はオンライン状態で利用できる仕組みのスクリプトになります。そのためオンライン上でスクリプトを利用できるように設定する必要があります。

もし以下⬇︎⬇︎の警告が表示された場合には

After Effects Free Script BOXED 無料 フリー スクリプト  ネットワークへのアクセス 警告


上部ウィンドウメニューからAfter Effects➡︎境設定➡︎スクリプトとエクスプレッションを選択します。

After Effects Free Script BOXED 無料 フリー スクリプト ネットワークへのアクセスを許可


『スクリプトによるファイルへの書き込みとネットワークへのアクセスを許可』にチェックを入れます。
これで警告が表示されず『BOXED』を立ち上げることができます。

After Effects Free Script BOXED 無料 フリー スクリプト  ネットワークへのアクセスを許可






最後に

『BOXED』以外にも無料で使えるおすすめのプラグインやスクリプトはたくさんあります^^

*無料で約700種類のプリセットや複数のプラグインを使用できる『AE Juice』のダウンロード・インストール方法を解説した記事はこちら⬇︎⬇︎

Adobe After Effects AE Juice Free Plugin 無料 ダウンロード インストール 【After Effects】『AE Juice』の無料プラグインをダウンロード・インストールする方法


*無料で手に入る超便利な万能スクリプト『Utility BOX』を徹底解説した記事はこちら⬇︎⬇︎

Adobe After Effects Utility BOX 使い方 機能 解説 【After Effects】無料で手に入る超便利な万能スクリプト『Utility BOX』徹底解説!!


*超便利な万能プラグイン『Motion Tools』の機能と使い方を解説した記事はこちら⬇︎⬇︎

Adobe After Effects Motion Tools Free Plugin 使い方 【After Effects】超便利な無料プラグイン『Motion Tools 2』 の機能と使い方を徹底解説!!


*『After Effects』初心者が絶対に導入すべきおすすめの無料プラグインを紹介した記事はこちら⬇︎⬇︎

Adobe After Effects Free Plugin Script 無料 フリー プラグイン スクリプト 【After Effects】初心者が絶対に導入すべきおすすめの無料プラグイン+スクリプト



『Adobe CC』の契約期限切れ間近ではありませんか!?

『Adobe CC コンプリートプラン』が Adobe正規価格の半額【 39,980 円 / 年(税込)】で購入できる方法や

価格、各種サービス内容など徹底的に比較解説した記事を書いてます^^

*『Adobe CC』の契約更新が近い方はぜひ参考にして下さい⬇︎⬇︎

Adobe CC コンプリートプラン 安く買う 方法 【Adobe CC コンプリートプランを安く買う!!】最も安く買う方法と各種サービス内容、買う前の注意点を徹底解説!!






以上、最後まで読んでいただきありがとうございました♪( ´θ`)ノ






コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です