【After Effects】ただのキーフレームコピーツールじゃない!?導入必須の無料スクリプト『EaseCopy』を徹底解説!!

『EaseCopy』の販売ページに入ったら『$15.00』の箇所に『0』と入力して、『ADD CART』をクリックします。

表示された『GO TO SHOPPING CART』をクリック、もしくは右上のカートボタンをクリックします。

注文内容を確認してから『PROCEED TO CHECKOUT』をクリックします。

アカウントを持っている方はアドレスとパスワードを入力して『LOGIN』をクリック

アカウントを持っていない方は『REGISTER』をクリックしてアカウントを作成してください。

住所を確認して『CONTINUE』をクリックします。

『No Payment Information Required（支払いは不要）』を確認して『CONTINUE』をクリックします。

内容を確認して『PLACE ORDER』をクリックします。

これで購入（無料）手続きは完了です。

『My Download & Licenses』をクリックします。

『My Download & Licenses』リストの中から『EaseCopy』の『Download』ボタンをクリックします。

左側にあるダウンロードアイコンをクリックすると

zipファイルがダウンロードされます。これで『YY_Ramp+』のインストールに必要なファイルのダウンロードは完了です＾＾

『easecopy_v1.7.3.zip』を展開して、表示されたフォルダの中にスクリプトファイル『Buttcapper.jsx』があることを確認してください。

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

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

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

『ScriptUI Panels』フォルダー内にダウンロードしていたスクリプトファイル『EaseCopy.jsxbin』をコピペ、またはドラッグ&ドロップで放り込んでください。

これでインストール完了です＾＾

『After Effects』を開いて、上部メニューのウィンドウ▶︎『EaseCopy.jsxbin』を開けば

『EaseCopy』を使うことができます\(￣∀￣)/ﾜｰｲ

例えば…

『丸（黄色）』と『四角（青紫）』のシェイプレイヤーがあって、『四角（青紫）』の方だけアニメーションにイージング＝緩急をつけてます。

緩急のついた『四角（青紫）』のキーフレームを『丸（黄色）』のキーフレームへそのまま Ctrlor command＋ Vでコピペすると

各プロパティーの値までコピペされるので、この例の場合は位置まで変わってしまいます。

そこで緩急＝カーブ（イージング）をコピーしたいキーフレーム

ここでは『四角（青紫）』のキーフレーム（位置）を選択した状態で『EaseCopy』の『Copy』ボタンを押して

緩急＝カーブ（イージング）をペーストしたいキーフレーム

ここでは『丸（黄）』のキーフレーム（位置）を選択した状態で『EaseCopy』の『Ease』ボタンをクリックします。

『四角（青紫）』の緩急＝カーブ（イージング）情報だけを『丸（黄色）』へコピペすることができます。

例えば…

『四角（青紫）』はプロパティー▶︎位置にアニメーションをつけてますが

『丸（黄色）』はスケールにアニメーションをつけてます。

そこで緩急＝カーブ（イージング）をコピーしたいキーフレーム

ここでは『四角（青紫）』のキーフレーム（位置）を選択した状態で『EaseCopy』の『Copy』ボタンを押して

緩急＝カーブ（イージング）をペーストしたいキーフレーム

ここでは『丸（黄）』のキーフレーム（スケール）を選択した状態で『EaseCopy』の『Ease』ボタンをクリックします。

『四角（青紫）』のプロパティー（位置）のカーブ（イージング）情報を『丸（黄色）』のプロパティー（スケール）へコピペすることができます。

例えば…

パスのトリミングで終了点（右側）のみイージングをつけて

開始点側（左側）のアニメーションはリニアにしたとします。

終了点のキーフレームを選択した状態で『EaseCopy』の『Copy』ボタンを押してキーフレーム情報をコピーします。

開始点のキーフレームを選択した状態で『EaseCopy』の『Ease』ボタンをクリックしてイージング情報をペーストします。

開始点のキーフレームに終了点のイージングが反転ペーストされます。

例えば…

以下のようなバラバラな動きをしたテキストアニメーションがあるとします。

バラバラに置かれた文字を水平に揃えたいときには

１つずつキーフレームのプロパティー（位置）を調整しないといけません。

そこで、まずは水平に揃えたテキストのキーフレーム（位置）を作ります。

今回は整列の『垂直方向に整列』を使ってテキストをワンボタンで水平に揃えます。

水平に揃えたテキストのキーフレーム（位置）情報を全てのキーフレームを選択した状態で

『EaseCopy』の『Copy』ボタンを押してコピーします。

次はアウトポイントのキーフレームを全て選択した状態で『Ease Copy』の『Value』ボタンを押します。

これでコピーしておいたキーフレーム情報からプロパティーの『Volue（値）』のみがペーストされました。

水平の位置をコピーするために作ったキーフレームを全て削除します。

これで水平位置のキーフレーム情報の中からプロパティー（位置）情報のみアウトポイントのキーフレームへペーストすることができました。

『EaseCopy』ではコピーしたキーフレームを選択して『Copy』ボタンを押すと

『Copy』ボタンの下にコピーしたキーフレームの数が表示されますd(￣ ￣)

コピペしたキーフレームの数が表示されている場合は、キーフレームの情報がクリップボードに残ってる状態になるので

何度でも『Ease』ボタンと『Value』ボタンでペーストすることができます＾＾

クリップボードに登録されたキーフレームの情報を削除/更新する場合には

ゴミ箱アイコンを押して削除する、もしくは新しく『Copy』ボタンを押して上書きすれば削除もしくは更新することができます。

『EaseCopy』では通常、インポイントとアウトポイントのキーフレームの距離と速度を優先して処理することで

コピーしたキーフレーム情報をどのプロパティーでも同じように再現することができます。

ただ３つ以上のキーフレームでアニメーションが構成される場合には

中間のキーフレームよりもインポイント、アウトポイントでの処理が優先されるので

中間で異なる距離を移動するアニメーションの場合、カーブが破綻してしまうことがあります。


例えば…

同じ距離感で動く２つのアニメーションでも、中間を通過する距離が違うシェイプがあるとします。

この状態で『四角（青紫）』のキーフレームを『丸（黄色）』に『EaseCopy』 を使ってコピペすると…

グラフが破綻してしまいます_(┐「ε:)_

これを回避するために『Pass-through』をONにした状態でイージングをペーストすると

中間のキーフレームの速度を優先して処理が行われるので

グラフの破綻＝アニメーションが中断されることがなくなります。

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

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

この『Scripts』フォルダー内にダウンロードしていた『Ease Copy』と同じフォルダ内にあるショートカット用のスクリプトファイル３つをコピペ、またはドラッグ&ドロップで放り込んでください。

これでインストール完了です＾＾

『After Effects』を開いて、上部メニューの編集 ▶︎ キーボードショートカットを選択してエディターを開きます。

検索に『EaseCopy』と入力すると３つのショートカットが表示されるので

それぞれにショートカットキーを設定することで使えるようになります。

⌘ やCtrl、Shift、alt、optionなどの修飾子を組み合わせて１つのボタンに統一してもいいですねd(ﾟ∀ﾟ)

例えば『EaseCopy』の一番左側のボタン『Copy』ボタンを『KBar』へ登録するには

『KBar』の設定▶︎BUTTONS▶︎Add Button を選択して

表示されたメニューから『Run JSX/JXSBIN File』を選択します。

スクリプトファイル『EaseCopy.jsxbin』を選択して『開く』をクリックします。

『Script function or argument（optional）』に割り当てたい機能の引数（今回は copy）を入力します。

『Description』にはそのボタンの名前をお好みで入力してください。

設定したいボタンに合わせて『KBar』の【Script function or argument（optional）】に引数を入力してください。

引数は以下の通りです⬇︎⬇︎

次はボタンアイコンを設定していきます。

別のスクリプトやプラグインは『KBar』のアイコンも付属してるんですが、『EaseCopy』はアイコンが付属してません…_(┐「ε:)_

なので、別のアイコンに合わせてアイコン作りました٩( ‘ω’ )و

よかったら使ってください＾＾

ボタンアイコンの設定方法は『ICON』をクリックして

『Text label』の右側にあるプルダウンをクリックして『PNG/SVG』を選択して

『BROWSE』をクリックして

ボタンアイコンに設定する『.png』or『.svg』ファイルを選択して『開く』をクリックします。

設定したアイコンを確認して『OK』をクリックします。

全ての設定を確認して『OK』をクリックします。

これで『EaseCopy』の『Copy』ボタンの機能を『KBar』のボタンに割り当てることができました\(￣∀￣)/
他の２つのボタンも同手順で割り当てることができます。