タイムラインパレットの表示と操作
最終更新: 2024年12月17日
シーンにモデルや音声などの素材を配置できたら、次はアニメーションを作成します。
ここではアニメーションを編集するためのタイムラインパレットでの表示と操作について解説します。
タイムラインパレットの画面構成の詳細については「タイムラインパレット」をご覧下さい。
基本操作については「ドープシートの基本操作」「グラフエディタ」をご覧ください。
タイムラインの表示
画像内①または②の[開閉ボタン]をクリックすると、トラックやプロパティグループが展開されます。
([Shift]+[クリック]することで全展開/折りたたみできます)
プロパティグループ内では、それぞれキーフレームの編集が可能です。
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/2023-11-13_15h30_31-1024x819.png.pagespeed.ce.6tyyu0_TlS.png)
タイムラインの基本操作
全体の長さの変更
アニメーションシーンの全体の長さは[Duration:]と書かれたグレーの部分をドラッグすることで変更します。
[インスペクタ]パレット内の[長さ]の数値入力でも変更できます。
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/001.gif.pagespeed.ce.O7jOV9l5HH.gif)
ワークエリアの範囲の変更
青色のバーは[ワークエリア]です。
編集中のアニメーションシーンの再生範囲を表しています。
左右の末端をドラッグすることで長さを変更することができます。
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/002.gif.pagespeed.ce.rTcOMr8BPq.gif)
更に、ワークエリアにマウスオーバーすると情報を確認できます。
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/2023-11-13_15h46_53.png.pagespeed.ce.Y7eSgn8Qgn.png)
ワークエリアの移動
青色のワークエリアをドラッグすることで再生する範囲を移動することができます。
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/003.gif.pagespeed.ce.BcYgHttW68.gif)
トラックの長さの変更
トラックの右端と左端の矢印を左右にドラッグすると、タイムライン上のトラックの位置を移動できます。
左右の末端をドラッグすると、トラックの長さを変更できます。
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/004.gif.pagespeed.ce.tCbYIBZLgc.gif)
Tips
ワークエリアやトラックの位置は、インジケーターを使用して変更することも可能です。
詳しくは「アニメーションメニュー」のページをご参照ください。
タイムラインの移動操作
タイムラインの拡大と縮小
[Alt]+[マウスホイール]でタイムラインの拡大縮小ができます。
拡大縮小の中心はカーソルの位置です。
Tips
グラフエディタも同様の操作で拡大縮小を行うことができます。
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/006.gif.pagespeed.ce.y0XKa0UQkP.gif)
タイムラインをスクロールで移動
タイムラインの横スクロールは、下部のスライダや[Shift]+[マウスホイール]で操作できます。
マウスの[中クリック(ホイールをクリック)]+[ドラッグ](または[Space]+[ドラッグ])で縦横同時にスクロール移動ができます。
[Alt]+[マウスホイール]で行うタイムラインの拡大縮小と組み合わせて使用すると便利です。
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/007.gif.pagespeed.ce._ikndH212v.gif)
タイムラインの始めへ移動、終わりへ移動
[Home]で、ワークエリア全体の先頭に移動します。
[End]で、末尾に移動できます。
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/009.gif.pagespeed.ce.pLd4wvnUbI.gif)
ワークエリアの始めへ移動、終わりへ移動
[Shift]+[Home]で、タイムライン全体の先頭に移動します。
[Shift]+[End]で、末尾に移動できます。
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/010.gif.pagespeed.ce.y3amoVzuHa.gif)
キーフレームごとに移動
選択したパラメータ上の[インジケーター]の現在地点から、前後のキーフレームに順番に移動します。
[J]で一つ前へ、[K]で一つ次へ進みます。
[Shift]+[J]でトラック全体のキーの中で一つ前へ、[Shift]+[K]でトラック全体のキーの中で一つ次へ移動できます。
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/011.gif.pagespeed.ce.pxnYR1aBcY.gif)
タイムラインの設定
右上のメニューボタンをクリックすると、タイムラインでの操作に関する設定が表示されます。
![](https://docs.live2d.com/cms/wp-content/uploads/2024/11/2024-11-11_11h26_42.png.pagespeed.ce.e-aFdTF8P5.png)
共通
軽量再生:
チェックを入れると、シーンを再生している間、タイムラインパレット上のパラメータと数値が変化しません。
詳細は「軽量再生機能」をご覧ください。
コマ打ちのフレームを強調表示する:
チェックを入れると、コマ打ちを強調表示することができます。
ON
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/2023-11-14_10h54_19-1024x134.png.pagespeed.ce.h4CRWHwh2Q.png)
OFF
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/2023-11-14_10h53_50-1024x133.png.pagespeed.ce.GGVWtCM6On.png)
選択オブジェクトのフォームアニメーションのプロパティに自動スクロール:
チェックを入れると、ビュー上でオブジェクトをクリックするとプロパティが開かれます。
(同じオブジェクトを連続で選択した場合には、二回目以降はプロパティが開かれません)
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/005.gif)
シーン範囲外へのインジケーターの移動を有効化:
チェックを入れると、シーンの範囲外へインジケーターを移動できます。
タイムライン下部にある[0フレームより前を表示]と合わせて使用すると、0フレームより前へインジケーターを移動できます。
![](https://docs.live2d.com/cms/wp-content/uploads/2024/11/2024-11-07_15h31_07.gif)
ドープシート
シャイで非表示にしたプロパティに対するキーフレームの操作を有効化:
詳細は「シャイ機能」をご覧ください。
パラメータ選択時にすべてのキーを選択:
チェックを入れると、選択しているパラメータのすべてのキーが選択状態になります。
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/2023-11-14_15h32_52-1024x248.png)
グラフエディタ
キーの値を表示する:
チェックを入れると、グラフエディタ上でキーの数値が表示されます。
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/2023-11-14_15h38_30.png)
キーの名前を表示する:
チェックを入れると、グラフエディタ上でキーの名前が表示されます。
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/2023-11-14_15h40_35.png)
オートリサイズ:
ON
チェックを入れると、グラフエディタ上をドラッグしてキーフレームを移動している間、数値に合わせてグラフ全体が追従します。
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/オートリサイズon.gif)
OFF
チェックを外すと、タイムライン内にドープシートの上下がすべて収まるように表示されます。
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/2023-11-14_16h11_41.png)
常に連続ベジェ編集を行う:
ON
タイムラインパレットで、キーの前後のハンドルを操作したとき常に一直線になります。
[Ctrl]を押している間は、この項目が有効な場合は無効に、無効な場合は有効になります。
詳細は「グラフエディタ#連続ベジェ編集」をご覧ください。
Shiftでスマートスナップ:
詳細は「グラフエディタ#値の整形」をご覧ください。
カーブをドラッグでベジェ化:
[カーブをドラッグでベジェ化]が有効である場合、ベジェ以外のカーブでもカーブドラッギングが有効になります。
カーブドラッギングの詳細は「グラフエディタ#カーブドラッギング」をご覧ください。
カーブのキーの位置にスナップ:
[カーブのキーの位置にスナップ]にチェックを入れると、選択したキーを前後のキーの数値にスナップします。
キーフレームを上下に移動すると、スナップする数値でオレンジ色の線が表示されます。
![](https://docs.live2d.com/cms/wp-content/uploads/2023/11/スナップ.gif)