キーフレーム

コンテンツ上の2つの時点にキーフレームを設定すると、その間にアクションが自動生成されます。Procreate Dreams のキーフレームは、フレームごとに描画することなくアニメーションを作成できる柔軟でシンプルな機能です。

アニメーションの世界では、これはトゥイーンとして知られ、2つのキーフレームの間に自動的に「途中の動きを補完する」アニメーションフレームを作成するプロセスです。いろいろな種類のキーフレームを使って、コンテンツに動きを生み出したり、エフェクトを追加できたりします。

「キーフレーム」モード

Procreate Dreams でキーフレームを編集および作成するには、「キーフレーム」モードに入る必要があります。ムービーの編集中に「タイムライン」下部にある「キーフレーム」ボタンをタップするとモードが切り替わります。

「キーフレーム」モードは、コンテンツに手動で空間的および視覚的な変化を加えたり、「パフォーム」モードで作成したキーフレームを微調整したりするのに最適です。

キーフレームの基本

「再生ヘッド」で、コンテンツのどこにキーフレームを追加したいかを指定します。「再生ヘッド」をタップするとメニューが開きます。

「移動」をタップすると、「モーション」、「ワープ」、「ディストーション」の各キーフレームを追加できます。「フィルタ」をタップすると、「不透明度」、「ぼかし（ガウス）」、「シャープ」、「ノイズ」、「HSB」、「レンズのぼかし」の各キーフレームを作成できます。

各キーフレームは、関連するコンテンツの下にあるキーフレームのトラックに表示されます。個々のキーフレームをタップすると、そのパラメータが表示されます。

コンテンツトラックでは、キーフレームがその時点でコンテンツに使っているエフェクトのプレビューを表示できます。

再生ヘッドによって現在選択されているコンテンツの周りにバウンディングボックスが表示されます。

キーフレームを使ったアニメーションの制作

1. コンテンツ上でアニメーションを開始したい位置をタップして、「再生ヘッド」の位置を設定します。

2. 「再生ヘッド」をタップして「アクション」メニューを開きます。

3. 「移動」または「フィルタ」をタップし、作成したいキーフレームの種類を選択します。

4. コンテンツの下にキーフレームのトラックが表示されます。キーフレームがハイライトされ、そのパラメータがパネルに表示されます。このキーフレームに設定したいパラメータを選択します。

5. キーフレームのトラック上でタップして、次にキーフレームを追加したい位置に「再生ヘッド」を移動させます。「キーフレーム」アイコンが赤い時は、キーフレームのトラック上を移動したまま、キーフレームのパラメータがまだ設定されていないことを示します。

6. ハイライトされた「キーフレーム」アイコンを再度タップして、新しいキーフレームを作成します。これによって、そのキーフレームのパラメータを設定できるパネルが開きます。キーフレームのトラック上で位置を変更したい場合は、キーフレームを長押ししてドラッグします。

7. 「再生」をタップするか、「再生ヘッド」を前後にスクラブして、キーフレーム間のアニメーションを確認します。

キーフレームまたはキーフレームのトラックを削除

誤ってキーフレームやキーフレームのトラックを設定してしまい、削除したい場合は、長押しするだけで簡単に削除できます。

1. キーフレームを削除するには、対象のキーフレームを長押しし、表示されるコンテキストメニューで「キーフレームを削除」をタップします。

2. キーフレームのトラックを削除するには、そのトラックの何もない部分を長押しし、コンテキストメニューで「削除」をタップします。あるいは、コンテンツを選択して「再生ヘッド」をタップし、「アクション！」メニューを開きます。赤でハイライトされた「モーション」、「ライブフィルタ」、または「編集」メニュー項目を左にスワイプして「クリア」オプションを表示し、タップします。

高度なキーフレーム

一部のキーフレームには、複数のパラメータが含まれています。キーフレームのトラックを展開して、各パラメータを個別に表示、調整または削除できます。

「移動と拡大縮小」、「ノイズ」、「HSB」、「レンズのぼかし」などのキーフレームには、複数のパラメータが含まれています。これらのキーフレームを設定すると、キーフレームとキーフレームのトラックが個別にコンテンツの下に表示されます。これらのキーフレームのトラックを展開して、そのキーフレームに含まれる各パラメータを表示できます。

1. キーフレームかキーフレームのトラックを長押しして、コンテキストメニューを表示させ、「展開」をタップします。

展開すると、パラメータごとに各キーフレームのトラックが表示されます。これらは、キーフレームをタップして個別に調整でき、コンテンツの移動、縮小、回転などの高度なアクションを同時に実行できます。

また、使用予定のないパラメータについては、そのキーフレームのトラックを個別に削除することもできます。

1. 削除の際には、個別のキーフレームかキーフレームのトラックを長押しし、コンテキストメニューを表示させ、「削除」をタップします。

キーフレームのコピー & ペースト

複数のキーフレームをまとめてコピーしたい場合は、 「マルチセレクト」 を用いて、対象のキーフレームを囲むように選択し、その中の1つを長押しして、「コピー」を選択します。

「再生ヘッド」を別のコンテンツの同じ相対位置に移動させ、「ペースト」をタップして、これらのキーフレームを適用します（対応するコンテンツの種類で可能な場合）。

1つのキーフレームをコピーする場合は、最初のキーフレームを長押しし、「コピー」をタップしたら、ペーストしたいキーフレームの開始位置に「再生ヘッド」を移動させます。

上記の例では、最初のキーフレームが黒猫の Flipbook の開始位置にあるため、茶トラ猫の Flipbook の開始位置で「再生ヘッド」をタップし、長押しして「ペースト」を選択することで、両方の猫が同じようなモーションを行います。

「アクション」メニュー

「アクション」メニューには多種多様なキーフレームが用意されており、時間に応じて変化する動きやエフェクトをコンテンツに適用する頼もしい手段となります。これらは、創作の途中でいつでも調整および編集できる自動化されたアニメーション制作機能と考えるとわかりやすいでしょう。

「モーション」キーフレーム

「モーション」キーフレームで、コンテンツにワープ、ディストーション、変形を設定できます。「ステージ」上のどこにでもオブジェクトを移動し、縮小・拡大、ワープやディストーションでさまざまなシェイプへ変形できます。

操作方法は、「再生ヘッド」をタップして「移動」を選択し、「モーション」キーフレームにアクセスします。

移動

「移動と拡大縮小」キーフレームを設定し、「ステージ」上または「ステージ」外の任意の場所にコンテンツをドラッグして配置します。

拡大縮小

「移動と拡大縮小」キーフレームを設定し、バウンディングボックスのコーナーの点（ノード）をタップおよびドラッグして、コンテンツのサイズを変更します。

回転

「移動と拡大縮小」キーフレームを設定し、回転させたいコーナーの点（ノード）をタップします。コーナーの点（ノード）の近くに回転ハンドルが表示されます。回転ハンドルをドラッグしてコンテンツを回転させます。

ワープ

目を大きく見開かせたり、花々がそよ風にそっと揺れたり、腕を激しくばたつかせたりする様子を表現できます。「ワープ」は、オブジェクト周辺のピクセルを外側に押し出したり、内側に引っ張ったりして、思わず目を引くアクションを実現します。

「ワープ」キーフレームを設定し、ワープメッシュの任意の点（ノード）をドラッグしてコンテンツにワープを適用できます。

より細かく調整したい場合は、「水平コントロール」や「垂直コントロール」を使用してワープメッシュに点（ノード）を追加します。

ディストーション

シーンの遠近感を操作し、オブジェクトの角度を劇的に変えます。ディストーションでは、オブジェクトをバウンディングボックス内に固定したまま、その角度を歪めることができます。

「ディストーション」キーフレームを設定し、バウンディングボックスのコーナーの点（ノード）をタップしてドラッグすると、ディストーションをオブジェクトに適用できます。

「ライブフィルタ」キーフレーム

「ライブフィルタ」では、キーフレームを用いてオブジェクトに視覚効果やカラー調整を適用し、アニメーションを作成できます。コンテンツをフェードアウトさせたり、被写界深度の変化に伴うブラーを加えたり、ライティングの変化に伴う色の推移を表現したりできる機能です。

不透明度

どこからともなく幽霊を出現させたり、外の世界が透けて見えるカーテンを作成したりできます。「不透明度」では、「タイムライン」全体のオブジェクトの透明度を変更できます。

「不透明度」キーフレームを設定し、スライダーを動かし、希望の透明度に調整します。

ぼかし（ガウス）

柔らかな影を作成したり、オブジェクトのピントを合わせたり、ぼかしたりできます。「ぼかし（ガウス）」では、コンテンツの柔らかさや、ぼけ具合を変更できます。

「ぼかし（ガウス）」キーフレームを設定し、スライダーを動かして、希望のぼけ具合に調整します。

シャープ

ぼやけたエッジをくっきりとさせたり、コンテンツのコントラストを高めたりします。「シャープ」では、コンテンツの見え方の鮮明度を変更できます。

「シャープ」キーフレームを設定し、スライダーを動かして、希望の鮮明さに調整します。

ノイズ

アニメーションにフィルムグレインを入れたり、雲や水のような有機的なテクスチャを作品に追加したりします。「ノイズ」では、コンテンツに表示される斑点やグレインの量を変更できます。

「ノイズ」キーフレームを設定し、「強度」スライダーを動かして基本の「ノイズ」を適用します。希望のグレイン量とテクスチャに調整します。

試しに、他の「ノイズ」ボタンおよびスライダーで雲や水などのノイズ効果を作成してみてください。

高度なノイズ

「高度なノイズ」ボタンは、「ノイズ」メニューの最下部にあります。このパネルを使用すれば、ノイズをマルチカラーにしたり、透明にしたり、X、Y、Z方向に移動させたりできます。

1. オフセットX：X軸方向にノイズを水平移動させる。

2. オフセットY：Y軸方向にノイズを垂直移動させる。

3. トラベル：第３のZ軸（奥行き）方向の手前と奥にノイズを移動させる。Procreate Dreams のノイズは、画面上では2Dに見えますが、立方体のような3D空間で作成されています。「トラベル」のスライドを動かすと、Z軸に沿ってノイズの３番目の次元（奥行）の空間を通り抜けるように移動します。

4. 加法：「加法」ノイズのオンとオフを切り替えます。加法ノイズをオンにすると、ノイズは透明になります。このため100%に設定しても画像が透けて見えます。加法ノイズをオフにすると、ノイズは不透明になります。100%に設定すると画像が完全に見えなくなります。

5. マルチチャンネル：ノイズを単色からマルチカラーに切り替えます。

HSB（色相、彩度、明度）

オブジェクトの色や明るさを変更したり、シーンをカラーから白黒に変換したりできます。HSBでは、コンテンツの色相、彩度、明度を変更できます。

「HSB」キーフレームを設定し、以下の操作を行います。

1. 「色相」スライダーを動かして、コンテンツを変化させたい色に調整します。

2. 「彩度」スライダーを動かして、希望の色の強度に調整します。

3. 「明度」スライダーを動かし、希望する明度に調整します。

レンズのぼかし

画像の明るさとコントラストを調整して、レンズぼけ現象をリアルに２次元で再現します。

カメラのレンズが単一の被写体（焦点）にピントを合わせるとレンズぼけが発生します。焦点から離れている前景と背景の被写体が、距離に応じてぼけ始めます。焦点から被写体までの距離が遠くなるほど、ぼけは大きくなります。Procreate Dreams の「レンズのぼかし」は、この現象に基づいています。

レンズぼけは、本質的には３次元的な奥行から生まれる現象ですが、Procreate Dreams では、レイヤーを前景と背景として扱うことで、この現象を２次元で再現します。画像全体に均一に作用する「ぼかし（ガウス）」とは異なり、「レンズのぼかし」では画像のハイライトにより強く作用するため、明るい部分がぼやけて見えます。画像のハイライトとシャドウを「明度とコントラスト」スライダーを使って調整できます。「レンズのぼかし」キーフレームを設定し、以下の操作を行います。

1. レンズのぼかし具合が希望どおりになるまで、「半径」スライダーを動かして調整します。

2. 「明るさ」スライダーを動かし、希望の明るさに調整します。

3. 「コントラスト」スライダーを動かし、希望のコントラストに調整します。

音量

ビデオ音声の音量を調整して、フェードイン、フェードアウト、または少しだけ小さくできます。

レベル」キーフレームを設定し、以下の操作を行います。

1. 必要なレベルまで「音量」スライダーを動かします。

「アクション」メニューの「音量」キーフレームは、音声を含むビデオコンテンツでのみ表示されます。