アート制作の過程を収めた動画は見ていて楽しいものですが、制作には時間がかかり、記録品質によってはハードディスクの容量も必要になります。しかし、CLIP STUDIO PAINTにタイムラプス機能が追加されてから、とても簡単になりました！

 

このチュートリアルでは、タイムラプス機能を使って制作過程をプレゼンする方法と、CLIP STUDIO PAINTを使った動画・音声処理のコツを紹介します。これには追加のソフトウェアは必要ありません。

 

 

そしてボーナスチャプターでは、画像とタイムラプスからアート制作過程のGIFアニメーションを作成する方法をお見せします。(CLIP STUDIO PAINT PROに対応)

さあ、始めましょう！

動画チュートリアル

Part 1：アート制作過程をプレゼンするためのクイックガイドライン

制作過程をうまくプレゼンするためには、作業のプロセスをステップ（ワークフロー）ごとにグループ化することをお勧めします。例えば：

制作過程のプレゼンは、あなたのアートがどのように作られたかという物語を語るようなものです。良いストーリーテリングには明確な絵コンテが必要です。ワークフローを念頭に置いて計画し、それに従えば、タイムラプスの記録も良く整理されます。それはあなたのアート制作過程の良い絵コンテのようなものです！

タイムラプスを記録しましょう！

Part 2：タイムラプスの記録

タイムラプス記録はCLIP STUDIO PAINTの私のお気に入りの機能の一つです。キャンバス上で起こったことをすべて記録し、再生してくれます。見ていてとても満足感があります！

 

タイムラプスを有効にするには、

新しいキャンバスを作成する際に、パネルの左下隅にある[タイムラプスを記録]にチェックを入れてください。

 

メニューの[ファイル>タイムラプス>タイムラプスを記録]からも有効にできます。

注意: 描画を開始した後にタイムラプスを有効にした場合、記録が有効になった後のアクションのみが記録されます。

 

タイムラプスをエクスポートするには、[ファイル>タイムラプス>タイムラプスを記録]に移動します。

 

エクスポートプレビューのポップアップパネルが表示され、ビデオの長さ、サイズ、比率を設定できます。好みのものを選んで[OK]をクリックしてください。.mp4形式で保存されます。

（ここでは、私の絵は60秒の長さでかなり良いと判断しました。このサイズでエクスポートします。）

 

タイムラプスビデオの準備ができました！

 

>>> タイムラプス記録のヒント

CLIP STUDIO PAINTのタイムラプス機能は、キャンバス上のすべてを記録します。以下の点に注意してください。

• キャンバスに画像資料を置かないようにしてください。ソーシャルネットワークやポートフォリオに動画をアップロードする際、元の画像のライセンスに関する問題が発生する可能性があります。ファイルを別の場所に開いてドラッグし、別途ドッキングするようにしてください。

• プロセスを前後に飛び越えるのは避けてください。タイムラプス動画も途切れ途切れになり、スムーズに流れません。

• 長いアンドゥは避けてください。アンドゥのステップも含め、すべてが記録されることを忘れないでください。

• 何か試す前にファイルを保存してください。試したものが気に入らない場合は、保存せずに閉じるか、別のファイルに保存して再度試すことができます。ファイルを保存しないとタイムラプス記録は保存されません。

Part 3：タイムラプス動画に音楽を追加する

音楽を追加すると、タイムラプス動画がより面白く見えます。追加のソフトウェアを必要とせずに、CLIP STUDIO PAINTで簡単にこれを行うことができます。

 

注意: このパートには、再生時間の制限がないCLIP STUDIO PAINT EXバージョンが必要です。CLIP STUDIO PAINT PROバージョンを使用している場合は、このチュートリアルの最後のパート（ボーナスパート）にスキップして、制作過程をプレゼンするためのタイムラプスGIFアニメーションを簡単に作成できます。24フレームの制限内で素晴らしいものが作れます！ぜひ試してみてください！

 

新しいキャンバスを作成します。ここでは、私の作品と同じ寸法であるFHD（1920x1080px）のプリセットを使用します。

タイムラプス動画をキャンバスにインポートするには、

[ファイル>読み込み>動画]に移動し、タイムラプスファイルを選択します。

タイムラプス動画はキャンバスの中央に読み込まれます。エクスポートの最大幅は1280ピクセルなので、元の絵と同じサイズのキャンバスにはタイムラプス動画が収まりません。

 

ただし、タイムラプスエクスポートのアスペクト比を[オリジナル]に設定すると、元の作品と同じ比率になります。

オブジェクトツールを使って、動画をキャンバスに合うようにサイズ変更します。

元の絵のプリセットサイズを1920x1080pxとし、エクスポート動画が1280x720pxであるため、キャンバスは動画より50%大きくなります。オブジェクトツールの[ツールプロパティ]パネルで確認できます（スケールは150パーセント）。

タイムラインパネルの[新規タイムライン]アイコンをクリックして、新しいタイムラインを作成します。

（タイムラインパネルを開くには、メニュー[ウィンドウ>タイムライン]に移動します）

 

タイムラインのフレームレートを設定します。

 

CLIP STUDIO PAINTからエクスポートされるタイムラプス動画のフレームレートは30フレーム/秒ですが、好きなフレームレートを設定できます。フレームレートが高いほど、動画はよりスムーズになります。

しかし、動画全体に多くのキーフレームが必要になることも覚えておいてください。また、処理時間も長くなり、より多くの処理能力が必要になります。

 

ここでは、アニメーション動画として十分スムーズな24フレームレートを選択します。

 

タイムラインを作成すると、動画のタイムラインが再生時間よりも長くなっていることがわかります。

青いバーをクリックして最後のキーフレームまでドラッグすると再生時間を延長できますが、動画のタイムラインが60秒なので長いドラッグになります。そのため、最後のフレームは60x24=1440フレームになります。

再生時間を簡単に変更するには、メニュー[アニメーション>タイムライン>設定の変更]に移動します。

終了フレームを1441（60x24）に設定します。

注意: 最後のフレームまでスクロールして、フレーム番号を入力することもできます。

 

再生時間は動画の長さに合わせられます。

タイムラプス動画は、完成したフル画像を数フレーム表示してから、記録したプロセスを再生し始めます。（一部のプラットフォームでは動画の開始部分をサムネイルとして使用するため、残しておくことをお勧めします。）

フレームを選択すると、そのキーフレームで動画に何が表示されているかを確認できます。

 

オプション: 動画内の完成画像の品質は、150パーセントに拡大されているため、それほど良くない場合があります。

 

タイムラインのその部分に置き換えるために、完成画像を読み込むことができます。

メニュー[ファイル>読み込み>画像]に移動し、完成した画像を選択します。

 

読み込んだ画像のタイムラインで、いくつかの開始フレームのみに表示されるように設定します。

タイムラインを右クリックし、[最後の表示フレームに設定]を選択します。

 

動画の冒頭の完成画像のみが置き換えられます。

タイムラインの終わりで、青いピンを動かして再生時間を延長することで、完成画像をより長く表示させることもできます。

次に、画像レイヤーのタイムラインを[最初の表示フレームとして設定]で表示するように設定します。

これにより、完成画像が再生時間の終わりまで表示されるようになります。

表示時間に満足したら、動画をより面白くするために音楽を読み込みましょう！

 

最初のキーフレームを選択します。これが読み込んだ音楽の開始時間になります。

 

音楽を読み込むには、メニュー[ファイル>読み込み>音声]に移動し、ファイルを選択します。

音楽はレイヤーとしてタイムラインに表示されます。タイムラインパネルの[再生]ボタンをクリックすると、リアルタイムで聞くことができます。

タイムラインのヘッダーバーをポイントすると、マウスカーソルが手の形に変わり、クリックしたままドラッグして音楽のタイムラインを移動できます。

ヘッダーの小さな長方形をポイントすると、タイムラインサイズ調整モードになります。

 

ここでは、音楽に合わせて冒頭の再生時間を追加します。

 

また、開始点を移動します。フレーム番号がマイナスになっても心配しないでください。エクスポート時には問題ありません。

Part 4：サウンドの編集

動画の最後で音楽が長すぎる場合、CLIP STUDIO PAINTで簡単に編集できます。

1. フェードアウト

 

オブジェクトツールを使用し、フェードするポイントでタイムラインを選択します。

 

ツールプロパティパネルで、ボリュームバーの後ろにあるボックスをクリックして、タイムラインにボリュームコントロールポイントを作成します。

次に、最後のキーフレームを選択し、ボリュームを0に設定します。

これで完了です！とても簡単なフェード効果です！

 

2. サウンドをトリムする

 

音楽に繰り返しループがある場合、一部のループをトリムして、音楽が動画と完璧に終わるようにすることができます。CLIP STUDIO PAINTでは、次の手順で簡単に実行できます。

 

サウンドをカットしたいポイントを見つけ、右クリックして[クリップを分割]を選択します。

 

音楽をコピーし、オブジェクトレイヤーをレイヤーパネルの[新規レイヤー]アイコンにドラッグします。

不要な部分を削除します。

ヘッダーのタイムラインバーを選択し、右クリックして[削除]を選択します。

 

新しい音楽レイヤーを、削除したい繰り返しのポイントで分割し、不要な部分も削除します。

最初の部分に接続するように移動します。

サウンドがスムーズに接続されていれば完了です！

 

3. クロスフェード

 

サウンドをカットすると、スムーズに再生されない場合があります。クロスフェード効果（2つのサウンド間のスムーズな変換）を使って、よりスムーズに再生させることができます。

 

タイムラインバーのヘッダーにある小さな長方形を長押ししてドラッグすると、音楽レイヤーの再生時間を拡大できます。

 

ボリュームコントロールのキーフレームが存在する場合、右クリックして[すべてのキーフレームを削除]を選択します。

最初の部分のレイヤーを選択し、重なっている部分の開始点でボリュームを100パーセントに設定します。

そして、最後のキーフレームでボリュームを0に設定します。

サウンドの2番目の部分についても同様に行いますが、最初のキーフレームを0に、最初の部分の終了点にあるキーフレームを100に設定します。

これで音楽にクロスフェード効果が簡単に作成されます！

 

動画をエクスポートするには、[ファイル>アニメーションエクスポート>動画]に移動します。

 

[ファイルの種類]オプションから保存形式を選択できます。

フレームレートをタイムラインと同じに設定することを忘れないでください。

これで動画の準備ができました！

Part 5：タイムラプス動画の編集

CLIP STUDIO PAINTのアニメーション機能を使えば、動画のカット、カメラ移動、タイル効果、フェード効果などの簡単な編集ができます。

 

ヒント: 作業をしやすくするために、タイムラインをズームイン・ズームアウトできます。

 

1. 動画カット

 

不要な部分を右クリックして[クリップを分割]で簡単にカットし、

その部分を削除できます。

（音楽の場合と同じです）

 

2. カメラ移動 (ズーム/パン)

 

シーンに少しカメラの動きを加えることで、動画がさらに面白く見えます！

 

新しいカメラフォルダを作成するには、

メニュー[アニメーション>新規アニメーションレイヤー>2Dカメラフォルダ]に移動します。

 

すべてのレイヤーをカメラフォルダに移動します。

これでオブジェクトツールを使ってカメラに動きを作成できます。

 

ズームアウトの場合、動きが終わるポイントに新しいキーフレームを追加します。

 

次に、動きが始まるフレームを選択します。そして、カメラの境界を縮小します。

キーフレームは自動的に作成されますが、2Dカメラフォルダを扱う際には注意が必要です。意図しないキーフレームが作成される可能性があります。

ツールプロパティパネルで、表示モードを切り替えてエクスポート時のプレビューを見ることもできます。

カメラパンの場合、パンニング移動の開始点と終了点に2つの新しいキーフレームを作成します。

次に、開始点の直後に新しいキーフレームを作成し、カメラフレームを縮小して片側に移動します。

重要: 編集する前に、カメラオプションを[フィールドガイド表示]モードに変更することを忘れないでください。

次に、キーフレームをコピーし、終了キーフレームの前のフレームに貼り付けます。

次に、貼り付けたキーフレームでカメラを少し右に移動します。

これにより、シンプルなカメラパンの動きが作成されます。

3. タイル効果

 

少しクリエイティブに、動画の一部を分割して時々タイルとして表示してみましょう。

 

レイヤーキーフレームを有効にします。

分割部分で新しいタイムラインを作成し、動画を縮小します。

分割クリップを使用すると、縮小表示はタイムラインの分割部分のみに適用されます。

 

レイヤーキーフレームを無効にします。

 

オブジェクトツールで動画を選択すると、動画レイヤーの「タイリング」オプションが表示されます。

再度レイヤーキーフレームを有効にすると、動画がタイル状に表示されているのがわかります。

 

4. フェード

 

レイヤーを選択し、レイヤーキーフレームを有効にします。

 

レイヤーの[+]アイコンをクリックすると、不透明度のタイムラインが表示されます。

不透明度を選択して新しいキーフレームを作成すると、画像の現在の不透明度（100%）にキーフレームが作成されます。

レイヤーの最後のフレームを選択し、レイヤーの不透明度を0に調整します。

これにより、タイムラインにキーフレームが自動的に作成されます。

 

これでフェード効果は完了です！

Part 6：エンドクレジット

動画で使用した音楽のクレジットを表示する必要があるかもしれません（音楽のライセンス契約によります）。このパートでは、クレジット表示用のサイドバーを簡単に作成する方法を紹介します。

 

タイムラインの最後には、このチュートリアルの前のパートで品質向上のために置き換えた完成画像オブジェクトがありますので、すでにレイヤーキーフレームが有効になっています。

もしレイヤーキーフレームがまだ有効になっていない場合は、まず有効にしてください。

 

トランジションの開始点に新しいキーフレームを追加します。

いくつかのフレーム後に選択し、オブジェクトツールで画像オブジェクトを移動します。

（[Shift]キーを押しながら移動すると水平に移動します）

 

自動的にキーフレームが作成されます。

新しいレイヤーを作成し、画像レイヤーの上に色で塗りつぶします。

レイヤーキーフレームを有効にします。

オブジェクトツールを使って画面外に移動させます。

画像を移動し始めるフレームの位置で。

 

混乱を避けるため、このタイムラインエリアでのみ表示するように設定します。

（画像がキャンバス外にある場合でも、タイムラインで作業するたびにこれを行うことをお勧めします）

 

パネルを横に移動し、画像と同じタイムライン位置にします。

これでサイドバーが完成しました！（とても簡単です）

テキストを追加するためにタイムラインを延長します。

2Dカメラのタイムラインも延長する必要があります。

 

テキストを追加し、サイドバーの動きの後に表示されるように設定します。

オプション: テキストにフェード効果を追加することもできます。

結果

Part 7：テキストオーバーレイ

カメラと一緒に動かないテキスト説明を作成するには、カメラフォルダの外にテキストを入力します。

次にレイヤーをコピーしてテキストを編集します。

これにより、すべてのテキストが同じ位置と同じスタイルで整列されます。

 

Shiftキーを押しながら移動すると、同じ水平位置で移動します。

入力が終わったら、新しいアニメーションフォルダを作成し、すべてのテキストレイヤーをその中に移動します。

テキストを表示したいタイムラインで、右クリックして目的のテキストレイヤーを選択します。

注意: テキストを編集した場合、再度キーフレームに割り当てる必要があります。

テキストをタイムラインの最後まで表示したくない場合は、キーフレームを最後の表示フレームとして設定できます。

テキストフォルダのレイヤーキーフレームを有効にすることで、テキストにフェード効果を追加することもできます。

そして、各キーフレーム周辺の不透明度を設定します。

テキストの境界線と色を設定するには、レイヤーフォルダを選択し、レイヤープロパティパネルで色を設定します。

テキストの説明は完了です！

ボーナスパート：アート制作過程を表示するGIFアニメーション

一部のプラットフォームでは、動画形式よりもGIFアニメーションがサポートされている場合があります。ここでは、GIF形式で制作過程のアニメーションを作成するためのヒントをいくつか紹介します。

 

>>従来の方法

 

これは、タイムラプス機能が登場する前によく行っていた方法です。

 

これを作成するには、作成した各プロセスごとに新しいファイル[ファイル>画像を統合して書き出し>任意の形式]を保存する必要があります。

次に、GIFアニメーションに配置します。

 

描画と同じ寸法の新しいキャンバスを作成します。

 

次に、新しいタイムラインを作成します。

フレームレートを1（1フレーム/秒）に設定します。

これにより、CLIP STUDIO PAINT PROバージョンを使用している場合、GIFファイルは最大24秒まで表示できるようになります。

 

新しいアニメーションフォルダを作成します。

アニメーションフォルダを選択し、メニューに移動します。

[ファイル>読み込み>画像]

 

[Shift]キーを押しながらすべてのファイルを選択し、[開く]をクリックします。

ファイルがアニメーションフォルダに読み込まれます。

タイムライン上で右クリックし、タイムラインに表示するキーフレームを割り当てます。

タイムライン上でキーフレームをドラッグして表示時間を調整できます。

[オプション] 新しいアニメーションフォルダを作成し、プロセスを説明するテキストを配置します。

これで完了です！

 

>>タイムラプススタイル

 

タイムラプスを使えば、制作過程プレゼンテーションのGIFアニメーションがもっと面白くなります！

 

CLIP STUDIO PAINT PRO版でも作成できますが、再生時間に制限があります。EX版で作成した場合ほどスムーズには見えないかもしれません。

GIFアニメーションを作成するには、新しいファイルとフレームレート=1の新しいタイムラインを作成します。

次に、タイムラインにタイムラプス動画をインポートします。メニュー[ファイル>読み込み>動画]に移動します。

ファイルを選択して[開く]をクリックします。

 

タイムラインが再生制限よりも長くなっているのがわかります。

そして60秒（動画の長さ）で終わります。

 

タイムラプス動画は1秒あたり30フレームです。

これは、動画の30フレームごとに1フレームを抽出することを意味します。

したがって、合計60秒の動画から、60枚の画像のみが抽出され、このタイムラインに表示されます。

 

これは「サンプリング」と呼ばれます。

 

このプロセスから60秒の動画から60枚の画像をエクスポートします。

 

[オプション] 開始点のフル画像プレビューを削除するために、タイムラインを少し前に移動します。

 

キーフレームをエクスポートするには、メニュー[ファイル>アニメーションエクスポート>連番画像]に移動します。

[エクスポート先]で、エクスポートフォルダを選択します。

新しい空のフォルダを作成し、[フォルダの選択]をクリックします。

エクスポートオプションがフレームレート=1であることを確認し、[OK]をクリックします。

エクスポートフォルダには、設定した通りにキーフレームがエクスポートされているのがわかります（番号は0023で終わります）。

 

注意: CLIP STUDIO PAINT EXバージョンでは、再生時間がすべての動画タイムラインをカバーするように設定することで、すべての画像を一度にエクスポートできます。

 

CLIP STUDIO PAINT PROバージョンでより長いシーケンスをエクスポートするトリックを以下に示します。

 

最後のキーフレームのタイムラインバーのヘッダー（手のポインタ）をクリックしたままにします。

 

フレーム1までドラッグします。

 

次に、イメージシーケンスを再度エクスポートしますが、開始番号を24に変更します（最後のエクスポートファイルが23だったため）。

これにより、一度に24フレームがエクスポートされます。

 

タイムラインバーをシフトし、最後まで保存手順を繰り返します。

 

タイムラインの最終部分については、エクスポート前に再生時間バーをキーフレームに合わせるように移動します。

 

完了すると、フォルダにはタイムラプス動画からサンプリングされた59枚の画像があります（開始フレームを削除したため1枚カットされました）。

 

これでGIFアニメーションに配置します。

エクスポート画像と同じ寸法なので、同じファイルを使用します

（ただし、必要であれば新しいファイルを作成しても構いません）。

 

インポートした動画を削除します。

次にフレームレートを変更します。

[アニメーション>タイムライン>フレームレートの変更]に移動します。

 

そして8に設定します（もっと遅くしたい場合は4に）。

新しいアニメーションフォルダを作成します。

次に[ファイル>読み込み>画像]に移動します。

フォルダ内のすべての画像を選択し、[開く]をクリックします。

画像はアニメーションフォルダに読み込まれ、ファイル名順に並べられます。

アニメーションフォルダを選択します。

そしてメニュー[アニメーション>トラック編集>レイヤー順にリネーム]に移動します。

 

すべてのレイヤーが数字でリネームされます。

次に、メニュー[アニメーション>トラック編集>セル一括指定]に移動します。

[終了番号]を最後のフレーム番号に設定します。

CLIP STUDIO PAINT PRO版の場合、詳細設定で一部のセルをスキップすることもできます。これにより、24フレームの再生時間に合わせることができます。

 

（EX版の場合、フレーム制限がないため、フレームをスキップする必要はありません）

[OK]をクリックすると、GIFアニメーションのキーフレームが自動的に生成されます。

最後のキーフレームを展開すれば完了です！！

プロセスにテキストも追加しましたが、24フレームの制限では速すぎるかもしれません。

フレームレートを4に変更すると読みやすくなりますが、再生は遅くなります。

 

これはフレームスキップなしの場合の見た目です。

エクスポートするには、[ファイル>アニメーションエクスポート>アニメーションGIF]に移動します。

ファイル名を設定し、[保存]をクリックするとオプションのポップアップが表示されます。

 

フレームレートを最大値に設定します。

 

ディザリングオプションを使用すると、滑らかな部分がより滑らかになります。

あなたのアートに最も合うものを選んでください。