タイミングパネル

「Motion」のワークスペースの下部にあるタイミングパネルには 3 つの構成要素があり、それぞれからプロジェクトのタイミングの異なる側面を制御できます:

タイミングパネルでは、プロジェクトのコンテンツの時間コンポーネントを表示して変更することができます。オブジェクト、キーフレーム、およびオーディオトラックが時間グラフに表示されます。それらを調整して、視覚エフェクトやオーディオとビデオの同期などのシーケンスイベントのタイミングを合わせることができます。

Figure. Canvas window showing Timing pane.
タイミングパネルを表示するには
以下のいずれかの操作を行います:
  • 「ウインドウ」>「タイミングパネルを表示」と選択します(または F6 キーを押します)。

  • 「Motion」のプロジェクトウインドウの右下隅にある「ビデオタイムラインを表示/隠す」、「オーディオタイムラインを表示/隠す」、「キーフレームエディタを表示/隠す」ボタンのうち 1 つ以上をクリックします。

    Figure. Show/Hide Timeline, Show/Hide Audio Timeline, and Show/Hide Keyframe Editor buttons.
  • 「ウインドウ」>「ビデオタイムライン」(Command + 7 キー)、「キーフレームエディタ」(Command + 9 キー)、または「オーディオタイムライン」(Command + 8 キー)と選択します。

  • マルチタッチデバイスを使用するときは、3 本の指で上下にスワイプすることでタイミングパネルの表示/非表示が切り替わります。

タイミングパネルのサイズを変更するには
以下のいずれかの操作を行います:
  • タイミングパネルを表示してから、タイミング表示を含むツールバー(タイミングパネルの上にあります)を上にドラッグしてタイミングパネルを高くするか、下にドラッグして低くします。

  • 「ファイルブラウザ」、「ライブラリ」、または「インスペクタ」とタイミングパネルのリストとの境界(グレイの線)を左または右にドラッグして、タイミングパネルを広げたり狭めたりします。

  • 「Motion」のプロジェクトウインドウの左下隅にある「i」ボタンの選択を解除して、タイミングパネルを広げます。

タイミングパネルをセカンドディスプレイに表示する

タイミングパネルをセカンドディスプレイに表示できます。詳細については、キャンバスまたはタイミングパネルをセカンドディスプレイに表示するを参照してください。

タイムライン

「タイムライン」には、プロジェクト(レイヤー)の視覚的な要素と、カメラ、ライト、キーフレーム、マスク、ビヘイビア、フィルタなどのエフェクトが表示されます。左側には「タイムライン」のレイヤーリストが表示されます。右側には「タイムライン」のトラック領域が表示されます。「タイムライン」を使いかたの詳細については、「タイムラインを使う」を参照してください。

Figure. Timing pane showing Timeline.
「タイムライン」を表示するには
以下のいずれかの操作を行います:
  • 「ウインドウ」>「ビデオタイムライン」と選択します(または Command + 7 キーを押します)。

  • ワークスペースの右下隅にある「ビデオタイムラインを表示/隠す」ボタンを選択します。

「タイムライン」のレイヤーリスト

「タイムライン」の左側は、「タイムライン」のレイヤーリストです。プロジェクトパネルの「レイヤー」リストと同様、オブジェクトは、レイヤーとグループに分類されたプロジェクト階層で表示されます。「タイムライン」のレイヤーリストには、プロジェクトパネルの「レイヤー」リストと同じように多数のコントロールが表示されます:

Figure. Timeline layers list.
  • アクティブ化チェックボックス: オブジェクトの表示/非表示を切り替えます。オブジェクトの表示がオフの場合でも、オブジェクトのパラメータの変更やオンスクリーンコントロールの操作ができます。
  • 名前フィールド: オブジェクトの名前を表示します。(この列は「レイヤー」リストの「名前」フィールドと同じです。)名前を編集するには、オブジェクトのテキスト領域をダブルクリックし、名前を入力して Return キーを押します。カメラが含まれているプロジェクトでは、この列に分離ボタンも表示されます。
  • 分離ボタン: カメラが存在するプロジェクト内のレイヤー、グループ、またはカメラに表示されます。このボタンには、アクティブな状態とアクティブでない状態があります。レイヤーまたはグループの分離ボタンをクリックすると、そのオブジェクトが元の正面の方向に設定されます(その結果、たとえばマスクを適用できます)。もう一度ボタンをクリックすると、前の表示に戻ります。カメラの分離ボタンをクリックすると、そのカメラの視点が表示されます。

    メモ: グループまたはレイヤーを分離すると、「カメラ」メニュー(キャンバスの左上隅)に表示されている現在のカメラが項目の名前に変わります。

  • マスクアイコン: マスクをレイヤーまたはグループに適用すると表示されます。マスクをオフにするには、このアイコンをクリックします。無効なマスクのアイコン上には赤のスラッシュが表示されます。
  • ビヘイビア・アイコン: ビヘイビアをレイヤーまたはグループに適用するときに表示されます。ビヘイビアをオフにするには、このアイコンをクリックします。無効なビヘイビアのアイコン上には赤のスラッシュが表示されます。
  • フィルタアイコン: フィルタをレイヤーまたはグループに適用すると表示されます。フィルタをオフにするには、このアイコンをクリックします。無効なフィルタのアイコン上には赤のスラッシュが表示されます。
  • リンクアイコン: マルチチャンネルの QuickTime ファイルなど、レイヤーに対応するオーディオ要素があるときに表示されます。ビデオとオーディオのリンクを解除(個別に編集できるようになります)するには、リンクアイコンをクリックします。リンクが解除されると、赤のスラッシュがアイコン上に表示されます。
  • 2D/3D アイコン: グループの 2D モードと 3D モードを切り替えます。同じアイコンが、グループ名の左に表示され、グループの 2D/3D の状況が示されます。レイヤーを 2D や 3D にすることはできません。個々のレイヤーは常に、2D または 3D グループ内の 2D の要素です。
  • ロックアイコン: オブジェクトをロックして、そのオブジェクトに変更が適用されることを防ぎます。グループをロックすると、そのグループ内のレイヤーとエフェクトが変更できなくなります。ロックが無効な場合、鍵が「開いて」表示されます。
エフェクトの表示/非表示ボタン
  • 「マスクを表示/隠す」ボタン: リストと「タイムライン」でのマスクの表示/非表示を切り替えます。リストでマスクの表示/非表示を切り替えても、キャンバス上のマスクエフェクトの表示には反映されません。このボタンは「タイムライン」のレイヤーリストの右上隅にあります。
  • 「ビヘイビアを表示/隠す」ボタン: リストと「タイムライン」でのビヘイビアの表示/非表示を切り替えます。リストでビヘイビアの表示/非表示を切り替えても、ビヘイビアのプロジェクトオブジェクトへの影響には反映されません。このボタンは「タイムライン」のレイヤーリストの右上隅にあります。
  • 「フィルタを表示/隠す」ボタン: リストと「タイムライン」でのフィルタの表示/非表示を切り替えます。リストでフィルタの表示/非表示を切り替えても、キャンバス上のフィルタエフェクトの表示には反映されません。このボタンは「タイムライン」のレイヤーリストの右上隅にあります。

「タイムライン」のトラック領域

「タイムライン」のレイヤーリストの右は、「タイムライン」の主要部分です。トラック領域と呼ばれます。プロジェクト内の各オブジェクトは、色付きのバー(タイムバーと呼ばれます)で表示されます。色はオブジェクトの種類ごとに異なります。たとえば、ビヘイビアとフィルタは紫、マスクはグレイです。色の詳しい表については、「「タイムライン」のトラック」を参照してください。

Figure. Timeline showing track area.

複数のオブジェクトを含むグループを選択すると、グループのトラックに、そのグループにあるオブジェクトの数を示すインジケータが表示されます。レイヤー、カメラ、およびライトはその合計に含まれます。マスク、ビヘイビア、フィルタなどのエフェクトは含まれません。

「タイムライン」のルーラ

トラック領域の一番上にはルーラがあり、プロジェクトのオブジェクトの位置や継続時間の目盛りとして使用できます。

Figure. Ruler, In and Out points, project marker, and playhead in the Timeline.

ルーラには、再生ヘッド、再生範囲インジケータ(イン点とアウト点といいます)、マーカーなどのインジケータを表示できるので、プロジェクトの重要なフレームや範囲にマークを付けることができます。ルーラは、フレームまたはタイムコードで表示できます。

ルーラの表示形式をタイムコードまたはフレーム番号に切り替えるには
  • タイミング表示(ルーラの上にあります)の下向きの矢印をクリックして、ポップアップメニューから「フレームを表示」または「タイムコードを表示」を選択します。

再生ヘッドは、キャンバスに表示されているフレームを追跡します。再生ヘッドは、ドラッグ、または「キャンバスのボタンとトランスポートコントロール」で説明したように走行制御コントロールを使用して位置を変更できます。「タイムライン」の再生ヘッドとミニタイムラインの再生ヘッドはリンクされています。一方を移動すると、他方も移動します。

再生範囲インジケータは、プロジェクトで再生する範囲を制限します。再生範囲の設定および使いかたの詳細については、「再生範囲を定義する」を参照してください。

マーカーをプロジェクトに追加すれば、重要なフレームやフレームの範囲を特定できます。マーカーの作成と使いかたの詳細については、「マーカーを追加する」を参照してください。

「タイムライン」で作業する

「タイムライン」は、作業スタイルやプロジェクト要件に合わせてカスタマイズできます。フレームの移動については、「タイミング表示」を参照してください。

オブジェクトを追加する/削除する

「ライブラリ」または「ファイルブラウザ」から「タイムライン」に項目をドラッグしてプロジェクトに追加することができます。「タイムライン」から項目を削除することもできます。

タイムラインに項目を追加するには
  1. オブジェクトを「ファイルブラウザ」または「ライブラリ」から「タイムライン」のトラック領域にドラッグします。

    トラック領域内でドラッグすると、ポインタの位置にフレーム番号を示すツールヒントが表示されます。

  2. レイヤーを開始したいフレームまでドラッグしたら、背景にするレイヤー上にポインタを合わせて、ドロップメニューが表示されるまでマウスボタンを押したままにします。

  3. ドロップメニューからオプションを選択します:

    • アクティブなグループ内のプロジェクトに項目を追加する場合は、「コンポジット」を選択します。

    • 既存のトラックを時間的に前に移動して、新しい項目を追加するスペースを作る場合は、「挿入」を選択します。

    • 既存のオブジェクトを新しいオブジェクトで置き換える場合は、「上書き」を選択します。

    • 元のオブジェクトの継続時間をそのまま使用してオブジェクトを交換する場合は、「交換」を選択します。このオプションを使うことができるのは、同じタイプのメディア(QuickTime ムービーやイメージシーケンスなど)を交換する場合だけです。

    ドロップメニューの使いかたについて詳しくは、「トラック領域にレイヤーを追加する」を参照してください。

「タイムライン」からオブジェクトを削除するには
以下のいずれかの操作を行います:
  • トラック領域で、削除するオブジェクトを選択して、「編集」>「削除」と選択します(または Delete キーを押します)。

  • Control キーを押しながら削除する項目をクリックし、ショートカットメニューから「削除」を選択します。

タイムライン内でオブジェクトを移動する

プロジェクトの別のポイントでオブジェクトを開始および終了したい場合は、「タイムライン」内でオブジェクトを移動できます。オブジェクトの移動、トリム、スリップ、リタイミングについて詳しくは、「タイムラインでオブジェクトを編集する」を参照してください。

オブジェクトを移動するには
  • トラック領域で、タイムバーをクリックして左または右にドラッグして時間的に移動させます。

    ドラッグ中に、クリップの新しいイン点とアウト点を示すツールヒントが表示されます。デルタ記号(三角形)は移動中のフレーム数を表します。

オブジェクトを移動して近くの項目にスナップするには
以下のいずれかの操作を行います:
  • 「タイムライン」の右上隅にあるスナップボタンを選択します。

    Figure. Snapping button in the Timeline.
  • 「タイムライン」で Shift キーを押しながら、項目をドラッグします。

    スナップ対象ラインが表示され、クリップの端がこのラインと同じ位置に配置されます。

エフェクトのオンとオフを切り替える

プロジェクトパネルの「レイヤー」リストと同様に、マスク、ビヘイビア、またはフィルタをイメージレイヤーに適用すると、レイヤー名の横にアイコンが表示されます。マスク、ビヘイビア、およびフィルタのアイコンによって、キャンバスでのそれらのエフェクトの表示を制御します。

Figure. Masks, Behaviors, and Filters icons in the Timeline layers list.
レイヤーまたはグループに対してマスクをオフにするには
  • 「タイムライン」のレイヤーリストにあるマスクアイコンをクリックします。

    赤のスラッシュがアイコン上に表示され、エフェクトが一時的に無効になります。

レイヤーまたはグループに対してビヘイビアをオフにするには
  • 「タイムライン」のレイヤーリストでビヘイビア・アイコン(歯車の印)をクリックします。

    赤のスラッシュがアイコン上に表示され、エフェクトが一時的に無効になります。

レイヤーまたはグループに対してフィルタをオフにするには
  • 「タイムライン」のレイヤーリストにあるフィルタアイコンをクリックします。

    赤のスラッシュがアイコン上に表示され、エフェクトが一時的に無効になります。

これらすべてのコントロールでは、再度アイコンをクリックすることでエフェクトがオンに戻ります。

エフェクトを表示する/隠す

「タイムライン」のレイヤーリストの一番上にあるボタンを使って、マスク、フィルタ、ビヘイビアなどのエフェクトを表示したり隠したりできます。エフェクトを隠すと、そのタイムバーはトラック領域に表示されなくなります。リストでエフェクトを表示または隠しても、キャンバス上のエフェクトの表示には反映されません。

「タイムライン」のマスクの表示/非表示を切り替えるには
  • 「タイムライン」のレイヤーリストの一番上にある「マスクを表示/隠す」ボタンをクリックします。

「タイムライン」のビヘイビアの表示/非表示を切り替えるには
  • 「タイムライン」のレイヤーリストの一番上にある「ビヘイビアを表示/隠す」ボタンをクリックします。

「タイムライン」のフィルタの表示/非表示を切り替えるには
  • 「タイムライン」のレイヤーリストの一番上にある「タイムラインでフィルタを表示/隠す」ボタンをクリックします。

キーフレームを表示する/隠す

さらに、「タイムライン」ではキーフレームを表示できます。キーフレームを表示すると、各トラックの高さが少し高くなり、各列の下部にそのレイヤーのキーフレームが表示されます。

Figure. Keyframes in the track area in the Timeline.
「タイムライン」のキーフレームの表示/非表示を切り替えるには
  • 「タイムライン」のトラック領域の右上隅にある「キーフレームを表示/隠す」ボタンをクリックします。

    Figure. Show/Hide Keyframes button in the Timeline.

「タイムライン」のサイズを変更する

「タイムライン」のトラックの高さを調整すれば、縦のスペースを大きくまたは小さくできます。「タイムライン」のトラック領域の幅を変えることもできます。

トラックの高さを調整するには
以下のいずれかの操作を行います:
  • 「タイムライン」のレイヤーリストで、ポインタを水平方向の行セパレータの 1 つに置き、上下にドラッグしてすべてのトラックの高さを調整できます。

    Figure. Track resize pointer.
  • 「タイムライン」のレイヤーリストの左下隅にあるポップアップメニューから「最小」、「小」、「中」、または「大」を選択します。

    Figure. Timeline Row Size pop-up menu at the bottom of the Timeline layers list.

    メモ: 行セパレータを上または下にドラッグすると、ポップアップメニューが「カスタム」に設定されます。

「タイムライン」の幅を変更するには
  1. 「タイムライン」のレイヤーリストの一番右端にポインタを置きます。

    Figure. Layers list resize pointer in the Timeline.
  2. ポインタが列調整ポインタに変わったら、右にドラッグしてトラック領域を狭めるか、左にドラッグして広げます。

グループとレイヤーを折り畳む/広げる

グループやレイヤーは折り畳めるため、グループのオブジェクトのトラックを一時的に隠すことができます。

Figure. A group collapsed and expanded in the Timeline.
グループまたはレイヤーを折り畳む/広げるには
  • 「タイムライン」のレイヤーリストのグループ名またはレイヤー名の左にある開閉用三角ボタンをクリックします。

    Figure. Group disclosure triangle in the Timeline.

「タイムライン」では、移動、トリム、スリップなど、いくつかの編集作業を実行できます。「タイムライン」内で編集を実行する方法の詳細については、「タイムラインでオブジェクトを編集する」を参照してください。

「タイムライン」でズームする

「タイムライン」のトラック領域の一番下にあるズーム/スクロールコントロールでは、細部にズームイン/アウトして焦点を合わせることができます。ズーム/スクロールコントロールの下にはズームスライダがあり、再生ヘッドの位置に基づいてズームイン/アウトできます。

Figure. Zoom slider and scroller in the Timeline.
ズーム/スクロールコントロールを使用して「タイムライン」をズームするには
以下のいずれかの操作を行います:
  • コントロールのハンドルをクリックし、ズームアウトする場合は外側にドラッグし、ズームインする場合は中央に向かってドラッグします。

    「タイムライン」はドラッグに合わせてアップデートされます。

  • コントロールを左にドラッグすると右にズームし、右にドラッグすると左にズームします。

ズームスライダを使用して「タイムライン」をズームするには
  • スライダを左にドラッグするとズームアウトし、右にドラッグするとズームインします。

    Figure. Zoom slider below the zoom/scroll control in the Timeline.
マルチタッチデバイスを使って「タイムライン」をズームするには
  • ピンチオープンでズームインし、ピンチクローズでズームアウトします。

    ズームインした後、2 本の指でスワイプすることで左右にスクロールできます。

「タイムライン」をズームしてプロジェクト全体または再生範囲に合わせるには
以下のいずれかの操作を行います:
  • 「タイムライン」の右上隅にある「時間表示を拡大」ボタンをクリックします。

    Figure. Zoom Time View button in the Timeline tab.
  • 「表示」>「時間表示を拡大」>「プロジェクトへ」と選択します。

    メモ: 「表示」メニューの「時間表示を拡大」項目は、「タイムライン」でオブジェクトを選択するまでは淡色表示されています。

トラックの表示を変更する

「Motion」では、トラックをさまざまな方法で表示できるため、あらゆる作業スタイルに合わせることができます。トラックの表示は、名前、名前とサムネール、フィルムストリップのいずれかで設定できます。

Figure. Track label options in the Timeline, including Name, Name Plus Thumbnail, and Filmstrip.
「タイムライン」のトラック表示を変更するには
  1. 「Motion」環境設定を開くには、「Motion」>「環境設定」と選択して(または、Command +カンマ記号(,)キーを押して)、「アピアランス」をクリックします。

  2. 「アピアランス」パネルの「タイムライン」セクションで、「タイムバー表示」ポップアップメニューから項目を選択します:

    • 名前: トラックにオブジェクトの名前が表示されます。
    • 名前とサムネール: トラックにオブジェクトの名前とサムネール 1 つが表示されます。
    • フィルムストリップ: トラックにオブジェクトのフレームが表示されます。

    「タイムバー表示」の設定にかかわらず、カメラ、ライト、ビヘイビア、フィルタのトラックは名前のみのラベル付きで表示されます。「タイムバー表示」で「フィルムストリップ」を選択すると、処理時間が長くなります。

オーディオタイムライン

「オーディオタイムライン」には、継続時間中のオーディオ要素が表示されます。オーディオトラックは、バーの一番上にオーディオ波形とともに緑色のバーで表示されます。これは、「タイムライン」のほかのオブジェクトと同様に編集が可能です。「オーディオタイムライン」で使用されるルーラ、ボタン、その他のコントロールは、「タイムライン」で使用されるものと同じです。「タイムライン」のインターフェイスについて詳しくは、「タイムライン」を参照してください。

Figure. Timing pane showing Audio Editor.

ミニタイムラインの緑色のバーも、オーディオファイルの継続時間を示します。

トラックに適用されている「オーディオ」ビヘイビアは、「オーディオタイムライン」とミニタイムラインに紫色のバーで表示されます。

オーディオの使いかたについて詳しくは、「オーディオを操作する」を参照してください。

「オーディオタイムライン」を表示するには
以下のいずれかの操作を行います:
  • 「ウインドウ」>「オーディオタイムライン」と選択するか、Command + 9 キーを押します。

  • ワークスペースの右下隅にある「オーディオタイムラインを表示/隠す」ボタンをクリックします。

    メモ: マルチタッチデバイスを使用していて、「オーディオタイムライン」(または「タイムライン」と「オーディオタイムライン」)が表示されている場合は、3 本の指で上下にスワイプすることで「オーディオタイムライン」の表示/非表示が切り替わります。

タイミングパネルまたはミニタイムラインで再生ヘッドをドラッグするときに、オーディオを再生するかどうかを選択できます。これを、オーディオスクラブといいます。

「オーディオタイムライン」で作業する

「オーディオタイムライン」では、スクラブ、トラックのイン点またはアウト点の変更などの基本的なオーディオ作業を実行できます。「オーディオタイムライン」にキーフレームを表示することもできます。

オーディオトラックをスクラブするには
  • 「オーディオタイムライン」(またはタイミングパネルのほかの領域)で、Option キーを押しながら再生ヘッドを右または左にドラッグします。

  • ポインタを静止したままマウスボタンを押し続けると、現在のフレームに隣接した 5 フレームが連続してループ再生されます。

オーディオトラックの開始位置を変更するには
以下のいずれかの操作を行います:
  • オーディオトラックを左または右にドラッグして、トラックの開始位置を変更します。

  • オーディオトラックの一方の端をドラッグします。

  • オーディオトラックの「情報」インスペクタのタイミングコントロールで、イン時間を設定します。

  • 目的のフレームに再生ヘッドを移動して、「マーク」>「選択したイン点を移動」と選択します。

オーディオトラックの終了位置を変更するには
以下のいずれかの操作を行います:
  • オーディオトラックを右にドラッグしてオーディオを先に進めるか、左にドラッグして巻き戻します。

  • オーディオトラックの一方の端をドラッグします。

  • オーディオトラックの「情報」インスペクタのタイミングコントロールで、アウト時間を設定します。

  • 目的のフレームに再生ヘッドを移動して、「マーク」>「選択したアウト点を移動」と選択します。

「オーディオタイムライン」のキーフレームの表示/非表示を切り替えるには
  • トラック領域の右上隅にある「キーフレームを表示/隠す」ボタンをクリックします。

    Figure. Show/Hide Keyframes button in the Timeline.

オーディオのキーフレーミング

オーディオレベルとパンパラメータはアニメートすることができます。オーディオトラックを選択すると、「キーフレームエディタ」でそのキーフレームを変更できます。キーフレームはひし形で、カーブは実線で表示されます。最初のキーフレームの前と最後のキーフレームの後ろの領域は、点線で表示されます。

Figure. Keyframe Editor showing audio track keyframes and audio waveform.

キーフレームは、グラフをドラッグして操作できます。キーフレームを左右に移動すると、開始位置や終了位置を変更することができます。また上下に移動すると、値を変更することができます。オーディオのキーフレームは、ほかのパラメータのキーフレームと同様に機能します。「キーフレームエディタ」のインターフェイスについて詳しくは、「「キーフレームエディタ」」を参照してください。

「オーディオタイムライン」でズームする

「オーディオタイムライン」は、「タイムライン」のズームコントロールを共有します。詳細については、「「タイムライン」でズームする」を参照してください。

「キーフレームエディタ」

「キーフレームエディタ」では、継続時間中のフィルタ、ビヘイビア、その他のエフェクトの属性を表示して変更できます。各パラメータは、時間の経過に伴ってパラメータの値が変化する様子を示すカーブとして表示できます。カーブ内のポイント(キーフレームといいます)を操作すれば、各種の強力なエフェクトを作成できます。「キーフレームエディタ」の使いかたについて詳しくは、「キーフレームとカーブ」を参照してください。

Figure. Timing pane showing Keyframe Editor.
「キーフレームエディタ」を表示するには
以下のいずれかの操作を行います:
  • 「ウインドウ」>「キーフレームエディタ」と選択するか、Command + 8 キーを押します。

  • ワークスペースの右下隅にある「キーフレームエディタを表示/隠す」ボタンをクリックします。

キーフレームの基本

オブジェクトをアニメーション表示するには、「不透明度」などのパラメータに対して、2 つ以上のキーフレームをプロジェクト内の異なるポイントに作成します。キーフレームは、パラメータの値の変化を記録するポイントです。たとえば、オブジェクトがフレーム 1 では透明で、フレーム 120 では不透明になるアニメーションを作成するには、フレーム 1 で不透明度が 0 パーセントの値に設定されたキーフレームと、フレーム 120 で不透明度が 100 パーセントの値に設定されたキーフレームの 2 つのキーフレームを作成します。イメージは 120 のフレームにわたって、0 パーセントから 100 パーセントまでフェードインします。隣接するキーフレーム間のスムーズなフェードイントランジションを「補間」と呼びます。

特定のパラメータ(「不透明度」や「回転」など)のキーフレームは、1 つの時間軸上に配置されます。キーフレームの値によって線の形状が変わり、アニメーションカーブが作られます。あるキーフレームから別のキーフレームへカーブの種類(補間)を変えることで、アニメーションエフェクトを生み出すことができます。たとえば、キーフレームを「ベジェ」に設定すると、値がスムーズに変化します。キーフレームを「直線状」に設定すると、キーフレーム間での直線が形成され、値が鋭角的に変化します。キーフレームとアニメーションカーブは、タイミングパネルにある「キーフレームエディタ」で変更することができます。詳細については、「キーフレームとカーブ」を参照してください。

キーフレームは、実行するワークフローに合わせて次の 2 つの方法で設定できます:

  • 記録ボタン: 記録ボタンをオンにした後、キャンバス、「インスペクタ」、または HUD 内のいずれかのパラメータを調整すると、キーフレームが追加されます。
  • 初期キーフレーム: パラメータにキーフレームを追加した後、キャンバス、「インスペクタ」、または HUD でそのパラメータを調整すると、記録ボタンの状況に関係なく、キーフレームが追加されます。

    詳細については、「キーフレームの設定方法」を参照してください。

記録ボタンを使用して、画面を横切るようにオブジェクトを移動してキーフレームを作成するには
  1. キャンバスの下の「記録」ボタンをクリックして(または A キーを押して)、キーフレームの記録をオンにします。

    Figure. Transport controls showing Record button.
  2. 再生ヘッドを開始フレームに配置してから、キャンバスでオブジェクトを開始位置に置きます。

  3. 再生ヘッドを前に進めてから、オブジェクトを目的の終了位置までドラッグします。

    編集可能なアニメーションパスがキャンバスに表示され、「キーフレームエディタ」に選択したオブジェクトのキーフレームが表示されます。

  4. 「記録」ボタンをクリックして(または、A キーを押して)、キーフレームの記録をオフにします。

初期キーフレームを設定して、画面を横切るようにオブジェクトをアニメートするには
  1. キャンバスで、オブジェクトを目的の開始位置に配置します。

  2. 位置の初期キーフレームを作成するには、以下のいずれかの操作を行います:

    • Control + K キーを押します。

      メモ: Control + K キーを押すと、オブジェクトの最後に修正したパラメータにキーフレームが追加されます。

    • 「情報」インスペクタで、「位置」パラメータのアニメーションメニュー(右側にある下向きの矢印)をクリックし、「キーフレームを追加」を選択します。

      メモ: アニメーションメニュー(下向きの三角形)と「キーフレームを追加/削除」ボタンは、「インスペクタ」のパラメータ行の末尾にポインタを置くと表示されます。Control キーを押しながらパラメータ名をクリックして、ショートカットメニューを表示することもできます。

    • 「情報」インスペクタで、「位置」パラメータの「キーフレームを追加/削除」ボタンをクリックします。

    現在の再生ヘッド位置にキーフレームが追加され、パラメータが「インスペクタ」に赤で表示されます。

  3. 再生ヘッドを新しいタイム位置に移動します。

  4. オブジェクトをキャンバス内の別の位置に移動します。

    現在の再生ヘッドの位置にキーフレームが追加されます。プロジェクトを再生すると、設定した時間内でオブジェクトが移動します。

「キーフレームエディタ」のコントロール

「キーフレームエディタ」の左には、パラメータのリストがあります。リストの一番上にあるカーブセットの表示ポップアップメニューを使って、表示するパラメータを選択できます。このメニューには、「キーフレームエディタ」の特定のパラメータに焦点を合わせることができるように、カスタム・カーブ・セットを作成するためのオプションがあります。パラメータセットの作成と表示の詳細については、「カスタムのパラメータセット」を参照してください。

パラメータリストの上にいくつかのコントロールがあります:

  • キーフレーム編集ツール: 「キーフレームエディタ」でキーフレームとカーブを編集するためのツールが 3 つあります。これらのツールはパラメータリストの上にあります。これらのツールの使いかたの詳細については、「キーフレームを変更する」を参照してください。
    Figure. Edit, Sketch, and Transform keyframes tools in the Keyframe Editor.
    • キーフレーム編集ツール: キーフレームを選択および編集するときに使用します。
    • キーフレーム・スケッチ・ツール: キーフレームのあるカーブを描くときに使用します。カーブをスケッチできるようにするには、パラメータがアクティブになっていて(チェックボックスが選択されている)、リストで選択されている必要があります。
    • キーフレーム変形ツール: キーフレームを囲む選択ボックスをドラッグして、選択したキーフレームを操作するときに使用します。
  • パラメータリスト: 「キーフレームエディタ」のパラメータリストには、以下のコントロールと機能が表示されます:
    • アクティブ化チェックボックス: キーフレームグラフでのパラメータの表示/非表示を切り替えます。オブジェクト名の横のアクティブ化チェックボックスを使用すると、そのオブジェクトのすべてのパラメータをオンまたはオフにします。ただし、これは表示目的のみで、オブジェクトのアニメーションには影響しません。
    • 名前: 選択したオブジェクトとそのパラメータの名前を一覧で表示します。
    • 値: 再生ヘッドの位置のパラメータ値を示します。キーフレーム値を設定するには、値のフィールドでドラッグするか、フィールドをダブルクリックして新しい値を入力します。詳細については、「キーフレームを変更する」を参照してください。
    • キーフレームの追加/削除ボタン: キーフレームの記録(「記録」ボタン)の状況に関係なく、キーフレームを追加または削除できます。このボタンをクリックすると、1 つのキーフレームが追加されます。現在の再生ヘッド位置にそのパラメータのキーフレームがすでに存在する場合は、このボタンをクリックするとキーフレームが削除されます。
    • アニメーションメニュー: そのパラメータのアニメーションとキーフレームの属性を制御できるポップアップメニューが表示されます。このメニューを開くには、変更するパラメータの行にポインタを置きます。下向きの矢印が表示されたら、それをクリックしてメニューを開きます。このメニューには以下の項目があります:
      • アニメーションを有効にする/アニメーションを無効にする: パラメータのキーフレームを有効または無効にします。このメニュー項目は、パラメータにキーフレームが適用されるまで使用できません。パラメータにアニメーションが適用されると、このメニュー項目は「アニメーションを無効にする」になります。「アニメーションを無効にする」を選択すると、設定したキーフレームが表示されなくなり、パラメータはデフォルト値に戻ります。ただし、キーフレームは破棄されるわけではありません。「アニメーションを有効にする」をもう一度選択すると、パラメータは最後にキーフレームが設定された状態に戻ります。
      • パラメータをリセット: このパラメータのキーフレームと設定を削除します。パラメータ値は、デフォルト値にリセットされます。
      • キーフレームを追加: 現在のフレームにキーフレームを追加します。キーフレームが追加されているフレームに再生ヘッドがある場合、このメニュー項目は使用できません。「記録」ボタンの状況に関係なく、現在の再生ヘッドの位置にあるオブジェクトで最後に修正されたパラメータに自動的に追加されます。
      • キーフレームを削除: 現在のキーフレームを削除します。「キーフレームを削除」コマンドは、キーフレームがあるフレームに再生ヘッドがある場合のみ使用できます。Control キーを押しながらキーフレームをクリックしてショートカットメニューから「削除」を選択するか、キーフレームを選択して Delete キーを押すこともできます。
      • 前のキーフレーム: このパラメータの前のキーフレームに再生ヘッドを移動します。「前のキーフレーム」コマンドは、プロジェクト内で前にキーフレームがある場合のみ使用できます。Option + K キーを押して、次のキーフレームに進むこともできます。
      • 次のキーフレーム: このパラメータの次のキーフレームに再生ヘッドを移動します。「次のキーフレーム」コマンドは、プロジェクト内で後ろにキーフレームがある場合のみ使用できます。Shift + K キーを押して、次のキーフレームに進むこともできます。
      • 補間: パラメータにカーブの種類を設定します。補間方法の例については、「カーブを変更する」の表を参照してください。
      • 最初のキーフレームの前: パラメータの最初のキーフレームの前にアニメーションを定義します。これを補外と呼んでいます。補外方法の例については、「補外」を参照してください。
      • 最後のキーフレームの後: パラメータの最後のキーフレームの後にアニメーションを定義します。これを補外と呼んでいます。補外方法の例については、「補外」を参照してください。
      • パラメータをロック/パラメータをロック解除: パラメータがこれ以上変更されないようにロックします。パラメータがロックされていると、キーフレームとカーブのどちらも調整できなくなります。
      • キーフレームを間引く: 選択されているパラメータに間引きアルゴリズムを適用して、カーブの形状をほぼ同じに保ったまま、キーフレームの数を減らします。キーフレームの間引きの詳細については、「キーフレームの間引き」を参照してください。
      • カーブのスナップショットに設定: 選択されているカーブで行ったキーフレームの変更を、最新のスナップショットまで戻します。このメニュー項目は、「カーブのスナップショットを撮って表示」ボタンが有効になっている場合にのみ使用可能です。詳しくは、「「キーフレームエディタ」のコントロールボタン」および「カーブのスナップショット」を参照してください。

「キーフレームエディタ」のコントロールボタン

「キーフレームエディタ」の右上隅には、「キーフレームエディタ」ウインドウを制御できる 6 つのボタンがあります。

Figure. Display Waveform, Clear Curve List, Fit Curves Horizontally, Curve Snapshot, Snapping, and Fit Curves Vertically buttons in the Keyrame Editor.
  • カーブリストを消去します: パラメータリストを消去します。このコントロールは、カスタムのカーブセットに対して有効です。
  • 表示されているカーブの大きさをウインドウに合わせます: アクティブなパラメータのキーフレームが表示されるように、グラフが縦横(適時)に調整されます。
  • カーブのスナップショットを撮って表示します: 現在のカーブの状態の「スナップショット」を保存します。これは、その後変更したカーブと比較するためのオーバーレイとして使用します。この設定が有効になっていると、「キーフレームエディタ」でキーフレームを移動したときに、元のカーブ(スナップショットを撮ったときに表示されていたカーブ)が元の色のまま残ります。変更したカーブは、白で表示されます。
  • スナップ: キーフレームをほかのキーフレーム、マーカー、グリッドポイント、その他の項目に簡単に揃えられるように、スナップをオンにします。
  • 縦の長さに合わせてカーブを自動調整します: すべてのカーブが表示されるようにグラフを縦に伸ばす表示モードをオンにします。

キーフレームグラフ

パラメータリストの右側にあるキーフレームグラフには、選択したパラメータのカーブとキーフレームがすべて表示されます。各パラメータは異なる色で表示されます。キーフレームはひし形で、カーブは実線で表示されます。最初のキーフレームの前と最後のキーフレームの後ろの領域は、点線で表示されます。選択しているパラメータとキーフレームは白色になります。

Figure. Keyframe Editor showing keyframe graph.

キーフレームは、グラフをドラッグして操作できます。左右に動かすと時間上の位置が変わり、上下にドラッグするとそれぞれの値が変わります。キーフレームをダブルクリックし、ポップアップ値フィールドに数字を入力して Return キーを押すことでも値を変更できます。

カーブの種類を変更できるショートカットメニューのオプションや「補間」サブメニューにアクセスするには、Control キーを押しながらキーフレームをクリックします。グラフ内でキーフレームとカーブを操作する方法の詳細については、「キーフレームを変更する」および「カーブを変更する」を参照してください。

ルーラ

キーフレームグラフの一番上にはルーラがあり、キーフレームとカーブの位置と継続時間の目盛りとして使用できます。ルーラは「タイムライン」のルーラと同じです。ルーラを操作する方法の詳細については、「「タイムライン」のルーラ」を参照してください。

「キーフレームエディタ」でズームする

「キーフレームエディタ」では、「タイムライン」と同じズーム/スクロールコントロールが使用されます。ズーム/スクロールコントロールの下にはズームスライダがあり、再生ヘッドの位置に基づいてグラフ領域をズームイン/アウトできます。

Figure. Zoom slider and scroller in the Keyframe Editor.
ズーム/スクロールコントロールを使用して「キーフレームエディタ」をズームするには
以下のいずれかの操作を行います:
  • コントロールのハンドルを、ズームアウトする場合は外側にドラッグし、ズームインする場合は中央に向かってドラッグします。

  • コントロールを左にドラッグすると右にズームし、右にドラッグすると左にズームします。

    「キーフレームエディタ」はドラッグに合わせてアップデートされます。

ズームスライダを使用して「キーフレームエディタ」をズームするには
  • スライダを左にドラッグするとズームアウトし、右にドラッグするとズームインします。

    Figure. Zoom slider below the zoom/scroll control in the Timeline.
マルチタッチデバイスを使って「キーフレームエディタ」をズームするには
  • ピンチオープンでズームインし、ピンチクローズでズームアウトします。

    ズームインした後、2 本の指でスワイプすることで左右にスクロールできます。