AviUtl、イージングをウィンドウ上で編集するCurve Editor

2025年2月14日

今回は、mimarakaさんのCurve Editorというイージングのカーブをウィンドウ上で編集できるプラグイン&スクリプトを試してみました。

動作環境は本体1.10、拡張編集0.92です。

Curve Editorの導入はmimarakaさんのページからもどうぞ。
Curve Editor for AviUtl(GitHub)

また、詳細な使い方等はwikiページがあるのでそちらも参照してみてください。
Curve Editorの使い方
トラブルシューティング

導入

AviUtlの基本構成。

任意のフォルダで本体1.10と拡張編集0.92を解凍、pluginsフォルダとscriptフォルダを新規作成した環境です。

ダウンロードしたcurve_editor-v2.0-beta1.x.x.zipファイルを解凍します。

curve_editorフォルダ
curve_editor.auf

この二つをpluginsフォルダにコピーします。本体と拡張編集を解凍したのと同じ階層でもOKです。

続いて、@Curve Editor.traをscriptフォルダにコピーします。

最後にcurve_editor.luaをexedit.aufと同じ階層にコピーします。

以上で導入は完了です。

Curve Editorの表示

AviUtlの起動時にこのようなウィンドウが表示されることがあります。

プラグインをインストールしていなくても、左下にあるこの警告を再表示しないにチェックを入れてOKを押すと出なくなります。

表示からCurve Editorの表示をクリックしてCurve Editorを出します。

こんな感じで表示されます。

イージングのカーブを作る

基本の操作はハンドル(円)を動かしてイージングのカーブを整えます。

Shiftを押しながらハンドルを動かすと下辺または上辺にスナップします。

Shift+Ctrlを押しながら動かすと、両方のハンドルを同時に操作できます。

グラフの視点に関してAltを押しながらドラッグすることで移動することができます。

マウスホイールを回転させて拡大縮小することができます。

視点を元に戻したいときは右上にあるビューをフィットのボタンをクリックします。

イージングの適用

イージングのカーブができたら下部にある”適用”と書かれた青いボタンを押し続けます。”トラックバーにD&Dして適用”と表示されるので、適用したいパラメータまで持っていって離します。

通常、座標はXYZが連動しています。X座標のみ、Y座標のみイージングを適用したい場合はShiftを押しながらパラメータの上にカーソルを持っていき離します。

編集モード標準はカーブを編集すると再適用せずとも自動で反映されます。

カーブを複数作成

右上にある+を押してカーブを新規作成することができます。

各IDで異なるカーブを保存して使い分けることができますね。

右側のグラフ群

グラフの右側にはすでに整えられたカーブを描くグラフが並んでいます。自分でカーブを作らずとも、この中から選んで適用することもできます。

適用したいグラフを適用したいパラメータにドラッグ&ドロップします。

グラフをダブルクリックしてカーブを編集することもできます。

あまりイージングに慣れていない方には、各グラフを適用してみてこのカーブでこんな動きになるんだといった確認もできると思います。

振動

標準以外の編集モードは左上の下向き矢印から選択することができます。

編集モード振動は停止位置を通過したり戻ったりする動きを作り出します。

こんな感じ。

編集モード振動は、グラフを修正する度に適用の動作が必要になります。

バウンス

編集モードバウンスは地面の上でトントンと弾むような動きを作り出します。

こんな動き。

こちらもカーブの修正後は再適用が必要です。

応用

編集モード標準では、グラフ上をダブルクリックすることでポイントを追加することができます。また、四角形をダブルクリックすることでポイントを削除することができます。

四角形の上で右クリックをするとセグメントに関するメニューが出てきます。セグメントのタイプを選択することで編集モード標準で振動やバウンスのカーブを扱うことができます。

編集モードの振動やバウンスではグラフを修正した後、パラメータに再適用しなければなりませんが、標準では修正が自動で反映されるというメリットがあります。

ポイントを追加して各区間のセグメントのタイプを変えることもできます。

カーブの適用モード

このように二つの区間を結ぶ場合、カーブの適用モードが標準だとそれぞれの区間を直線で結びます。

適用ボタンの右端にある矢印をクリックしてモードを選択できます。

モードを補間にしてパラメータに適用してみます。

カーブの適用モードが標準のときは青かったものが、補間では緑色になっていますね。

このように二つの区間を結ぶ軌道がカーブを描きます。

こんな感じでイージングを適用させることができます。

中間点で区切ったオブジェクトは移動用にして、停止用は別オブジェクトにしました。

編集モード振動でカーブの適用モードを補間にしたもの。

こんな動き。

こちらはバウンスでカーブの適用モードを補間に。

こんな感じになります。

カーブの適用モードは変更後、自分で戻さないと標準には戻りません。適用する際の色で違いが判ると思いますが、一応気をつけておくと良いと思います。

AviUtl、覚えておきたいイージングの基本

今回は、イージングの基本について紹介していきたいと思います。AviUtlでのイー…
seguimiii.com

いかがだったでしょうか。
イージングのカーブを自由に描けるCurve Editor、機会があれば是非試してみてください。