クリップスタジオでアニメを作ろう・マスクでワイプ

 

　クリップスタジオペイント（CLIP STUDIO PAINT、クリスタ）は、動画編集のアクセントとしても、いろいろと使えます。
　以前は、２Ｄカメラを使ってトランジションの一種のワイプを作ってみましたが、今回は、画像に直接マスクを使用してワイプしてみます。

■準備

　二枚の画像ＡとＢを用意します。

　新規アニメーションファイルを作成し、二枚の画像を読み込み、Ｂを上になるようにしておきます。

■マスクの作成

●マスクに使う画像の準備

　新規レイヤーを作成し、マスクに使う形を作ります。
　今回は、ギザギザした線を引いておきます。色や道具は何でもかまいません。
　今回は、線ににじんだ感じをつけるために、クレヨンを使ってみました。

◎注意

　マスクが、書き出される部分を完全に覆う必要があるので、必ず、余白の部分に描画して下さい。余白が小さくて描きにくい場合は、キャンバス基本設定で広さを変更します。

 ●選択範囲からマスクを作成する

 「自動選択」ツールを使って、キャンバス中央が入る部分を選択します。

　画像Ｂを選択し、「選択範囲をマスク」を適用します。
　マスク作成に使ったレイヤーは非表示にするか消してしまいます。

 

  　→マスクされた部分が見えなくなり、下にあった画像Ａが見えます。

■マスクにキーフレームを設定する

●設定

　レイヤーパレットでマスクを適用したレイヤーを選択し、「レイヤーマスク」→「マスクをレイヤーにリンク」のチェックをはずします。

　タイムラインの最初のフレームに移動、「レイヤーのキーフレームを有効化」します。

　今回は、一定の速度で動かしたいので、キーフレーム補間は、「作成するキーフレーム：等速」にしておきます。

　タイムパレットでマスクを選択し、「レイヤー移動」ツールを使用し、キャンバスを一度クリックすると、最初のフレームにキーフレームが設定され、キーフレームを示す◆が表示されます。

●開始位置にキーフレームを設定する

 　タイムラインで、ワイプを開始したい位置のフレームまで移動します。
　もう一度、「レイヤー移動」ツールを使用し、キャンバスを一度クリックすると、フレームにキーフレームが設定され、キーフレームを示す◆が表示されます。

　タイムラインで、移動を終了するフレームに移動します。

●終了位置にキーフレームを設定する

　タイムラインで、マスクを選択した状態で、「レイヤー移動」ツールでマスクを移動させ、画像Ｂ全体が表示される位置まで動かします。
　動かし終わると、フレームにキーフレームが設定され、キーフレームを示す◆が表示されます。

■完成

　こんなアニメができあがりました。

 

 

 

クリップスタジオでアニメを作ろう・虫眼鏡のようなサーチ

 
 

 　クリップスタジオペイント（CLIP STUDIO PAINT、クリスタ）は、動画編集のアクセントとしても、いろいろと使えます。
　今回は、のぞき穴・虫眼鏡・サーチライトのようなサーチを作ってみます。

■準備

　画像Ａ（探される側）と、黒い画像Ｂを用意します。

■マスクの作成

　「選択範囲ツール」で「楕円形選択」にし、丸い選択範囲を作ります。
　虫眼鏡の穴やサーチライトの光に相当する部分になります。

　レイヤーパレットで画像Ｂを選択し、右クリックし、「レイヤーマスク」→「選択範囲をマスク」して、マスクを適用します。

　→穴ができました。

 

 

 ■キーフレームを適用する

　レイヤーパレットでマスクを適用したレイヤーを選択し、「レイヤーマスク」→「マスクをレイヤーにリンク」のチェックをはずします。
　タイムラインの最初のフレームに移動、「レイヤーのキーフレームを有効化」します。

 
　タイムラインで、（レイヤー名）Ｂ：変形となっている左の「＋」をクリックして展開します。
　さらに、タイムラインで、マスクの左の＞をクリックすると、さらに下に設定できるパラメータがあります。

 

 　タイムラインで「マスク位置」、ツールバーで「レイヤー移動」ツールを選択します。
　動かしたいフレームに移動し、動かしてキーフレームを作成していきます。

同じように、「マスク拡大率」「マスク回転」「マスク回転中心」は「操作」ｰ「オブジェクト」でオブジェクト操作ツールを選択して変更を加えて、キーフレームを作成していきます。

■完成

 

 

 

 

クリップスタジオでアニメを作ろう・動画の変形三分割トランジション

 

 

　クリップスタジオペイント（CLIP STUDIO PAINT、クリスタ）は、動画編集にもいろいろと使えます。
　今回は、変形三分割トランジションを作ってみます。

■準備

 　画像ＡとＢを用意します。今回は、こんな感じのものにしました。

 

■画像ＡからＢへのトランジション作成

●上方へのトランジション作成

　画像Ａが表示されてから上方に移動して消え、画像Ｂが下から上昇してきて目標の位置で止まるアニメーションを作ります。

　画像Ａを選択した状態でタイムラインの最初のフレームに移動し、「レイヤーのキーフレームを有効化」ボタンをクリックします。（画像Ｂは非表示にしておきます）

　タイムラインのＡのところに「変形」と表示され、画像Ａが編集できないように、編集ロックされます。

　レイヤー移動ツールを選択します。
　画像Ａの最初の位置で、一度キャンバスをクリックすると、タイムラインにキーフレームを示す◆が表示されます。

　タイムラインで、画像Ａの移動を開始する位置まで移動し、もう一度キャンバスをクリックしてキーフレームを作成します。
　さらに、タイムラインで、画像Ａの移動を終了する位置まで移動します。
　レイヤー移動ツールで、画像Ａを移動終了位置まで動かすと、そこにもキーフレームが表示されます。
（今回の移動終了位置は上方、基準フレームの外まで動かします）

　→画像Ａが下から上へと移動するようになりました。

　画像Ｂを表示し、選択します。
　タイムラインで「レイヤーのキーフレームを有効化」し、タイムラインの移動を開始する位置、移動終了位置に移動し、、画像Ｂをレイヤー移動ツールで移動してキーフレームを追加します。

　→画像Ａが下から上へと移動し、画像Ｂも下から中央へと移動するようになりました。

●左右へのトランジション作成

　画像ＡおよびＢをコピーします。
　タイムラインにあるキーフレームも一緒にコピーされますので、レイヤー移動ツールで移動開始位置、終了位置を直して、画像Ａが左へと移動して消え、右から画像Ｂが現れて中央で止まるようにします。

→できあがりました。

　同様に、画像ＡおよびＢをコピーして、タイムラインのキーフレームにおけるキャンバスでの位置を直し、画像Ａが右へと移動して消え、左から画像Ｂが現れて中央で止まるようにします。

→できあがりました。

●ムービーとして書き出し

　このままだと編集ロックされていて、マスクが適用できませんので、作成した、上へ、右へ、左への三つのアニメーションを、いったん、ムービーとして書き出します。
　画像ＡおよびＢだけ表示して。他は非表示にします。

「ファイル」→「アニメーション書き出し」→「ムービー」で書き出します。

　同様に、画像ＡのコピーおよびＢのコピー、画像Ａのコピー２およびＢのコピー２だけをそれぞれ表示して書き出すことで、三つのムービーができあがります。

■三分割トランジション

●三つのムービーの読み込み

　新規ファイルを作成します。

「ファイル」→「読み込み」→「ムービー」で、先ほど作成した三つのムービーを読み込みます。

　他のレイヤーは消しておきます。

●マスクの作成

　次の場面に切りかえるのに使いたい形を考えて、新しいレイヤーに描きます。
　今回はＹ字形の三分割線を描きます。
　選択範囲を決めるためのものですので、色は適当で大丈夫です。線は細くしておきます。

　新規レイヤーを作成し、Ｙの形になるように、「図形ツール」で線を引きます。

「自動選択ツール」で、三分割された一区画を選択します。
　選択範囲を反転します。

　レイヤーパネルで上に移動するムービーを選択し、右クリックして「レイヤーマスク」→「選択範囲をマスク」します。

 

　→下側がマスクされ、三分割された上側だけが見えるようになりました。

　同様に、三分割された他の二つの部分についてもマスクを作成し、それぞれのムービーにマスクを適用して、右に移動する部分は右側だけ、左に移動する部分は左側だけが表示されるようにします。
　隙間ができるようであれば選択範囲を拡大縮小して調整し、Ｙの字形を描いたレイヤーは非表示にします。

　ムービーとして書き出します。

■完成

　こんなアニメができあがりました。

◎追記

■別の方法

　一度、ムービーに読み出さなくてもマスクを適用できる方法もありました。

　画像ＡからＢへのトランジションを作成したあと、ムービーに書き出しをせず、Ｙ字形の三分割線を描いてマスクを作成します。

●マスク範囲の作成

　Ｙの形になるように、「図形ツール」で線を引き、「自動選択ツール」で、三分割された一区画を選択します。

●キーフレームの無効化

　マスクを適用したいレイヤーを選択し、再度「キーフレームを有効化」ボタンを押して、一度、キーフレームを無効化します。

　キーフレームについていた◆が消えます。
　レイヤーの編集ロックが解除され、編集可能になります。

●マスクの適用

　レイヤーを右クリックし、「レイヤーマスク」→「選択範囲外をマスク」でレイヤーにマスクを適用します。

●キーフレームの再有効化

　マスクを適用したレイヤーを選択し、再度「キーフレームを有効化」ボタンを押して、もう一度、キーフレームを有効化します。

　同様に、他のレイヤーにもマスクを適用すれば、同じアニメが完成します。