今日は、EXバージョンとPROバージョンの両方で実行できるこのキュートでシンプルなアニメーションの作成方法をお教えします。これは、Clip StudioPaintでアニメーションを始めたばかりの場合に最適です。

始める前に

新しいファイルを作成するときは、[アニメーション]タブに移動し、プリセットの1920 x 1080をクリックします。今のところ、他の設定についてはあまり気にする必要はありません。

ファイルを作成する前に最後に行うことは、タイムラインを設定することです。タイムライン設定で、フレームレートを10に、再生時間を19に設定します。

新しいファイルを作成したら、ウィンドウメニューからタイムラインを有効にしてください。

3Dモデルの設定

ワークスペースはおおよそ次のようになります。私のワークスペースはあなたのワークスペースと少し異なって見えるかもしれないことに注意してください。ワークフローに適しているため、個人的にいくつかを左に移動しました。ただし、このチュートリアルでは、このようなワークスペースは必要ありません。

これはマテリアルパネルです。ここでは、今日のチュートリアルで使用する3Dモデルを確認します。フォルダのような一番上のボタンをクリックして、資料を表示します。

マテリアルパネルが開いたので、そこに「検索キーワードを入力」と表示されているバーを探し、「マグ」と入力します。後で、同じ検索バーを使用して、紙の効果を追加するためのClip StudioPaintに付属するいくつかのテクスチャを検索します。

マグカップの素材にこの雲のアイコンがある場合は、素材をダウンロードする必要があります。モデルをクリックしてワークスペースにドラッグするだけで、資料をダウンロードするためのプロンプトが表示されます。資料がダウンロードされたら、これを行うためにプログラムを閉じる必要はありません。クリックしてプログラムに戻ります。その後、更新され、モデルを使用できるようになります。

次に、マグカップをワークスペースに配置します。最初は表示されないことに気付くでしょうが、心配しないでください。これは、マグカップが自動的にアニメーションフォルダに配置されたためです。マグカップをフォルダの外にドラッグすると、再び表示できるようになります。今のところ、アニメーションフォルダ内に保管してください。

マグカップのカスタマイズ

マグカップを編集して表示できるようにするために、マグカップをタイムラインに追加します。最初のフレームをクリックしてから、右クリックしてフレームメニューを表示します。そこからマグカップを選択します。これで、次のステップの準備が整いました。

回転のアニメートを開始する前に、マグカップでいくつかの設定を変更します。まず、灰色の外輪でマグカップを縮めます

 

次に、赤と緑の矢印を使用して、マグカップをキャンバスの中央に大まかに配置します。マグカップの位置はいつでも変更できるため、これは完璧である必要はありません。

マグカップの外側をクリックすると、2セットのメニューがあることに気付くでしょう。一番下のメニューに焦点を当てます。

 

直接のアイコンをクリックします。そこからマグカップの色を選択できます。お好きな色をお選びください。私はピンクを使用します。

サブツールメニューを開くには、最初にレンチアイコンをクリックします。

 

変更する2つの設定は、アウトラインとシャドウです。

 

アウトラインの幅を5に設定します

 

影の場合は、両方のチェックボックスをオフにします。

 

これにより、マグカップに2Dの見栄えが良くなり、後で上に描く落書きで機能します。

マグカップのアニメーション

タイムラインで、タマネギの皮を有効にするというボタンをクリックします。これにより、現在作業しているフレームの背後にある前のフレームのフェードバージョンを確認できます。

これから、フォルダ内のフレームに「フレーム1」、「フレーム2」などの名前を付けます。これは、フレームパネルでフレームを選択するときに役立ちます。

 

最初のフレームを右クリックして、「レイヤーの複製」をクリックします

 

次に、タイムラインの3番目のフレームをクリックして、新しいフレームを追加します。

 

これにより、前のフレームの正確なコピーが作成され、移動しながら回転できます。

 

 

今アニメーションを再生すると、ジャンプしてスキップすることに気付くでしょう。これは、レイヤーがまだ3Dモデルであり、コンピューターの処理能力を節約するためにこれを行うと信じているためです。

 

3D空間でマグカップの回転が完了したら、すべてのレイヤーをラスタライズします。そうすれば、アニメーションは希望どおりにスムーズに再生されます。

 

フレームを複製するときにプログラムが遅くなることがわかった場合は、先に進み、進行中にレイヤーをラスタライズします。現在行っていない唯一の理由は、モデルを編集できないフラットな画像に変換する前に、モデルの回転に戻って編集できるようにするためです。

 

フレームを3Dレイヤーとして残したまま、ファイルの余分なコピーを保存することをお勧めします。したがって、後でフレームを追加したり調整したりする場合は、進行状況を失うことなく実行できます。

11個のフレームを作成します。私のものとまったく同じように作成することについてはあまり気にしないでください。

 

原則として、マグカップの次のサイドフレームに到達する前に、マグカップのサイドフレーム、2つの中間フレーム、中間フレーム、および2つの中間フレームがあります。

フレームをタイムラインに別の方法で配置することで、フレームの速度で遊ぶことができます。この時点で、マグカップをどれだけ速く回転させるかはあなた次第です。フレームが近ければ近いほど、回転は速くなります。それらがさらに離れていると、回転が遅くなります。

 

私のフレームでは、約1スペーススキップします。これは、タイムラインの赤で強調表示されたセクションで確認できます。

 

フレーム9、10、および11に到達したら、それらを隣り合わせに配置して、アニメーションが最後に少し速く表示されるようにします。

マグカップをアニメーション化する最後のステップとして、

 

最初のフレームを選択し、Shiftキーを押しながら最後のフレームをクリックしてから、右クリックして[ラスタライズ]をクリックします。

 

これにより、すべての3Dレイヤーがフラットな画像に変わり、タイムラインでスムーズに再生されます。

 

この時点でマグカップの位置を調整する場合は、すべてのレイヤーを同じ方法で選択し、変換ツールのショートカットとしてCTRLTを押します。次に、マグカップを移動すると、すべてのレイヤーが同じ位置に移動します。

 

また、赤い定規アイコンを右クリックして、各フレームで[削除]をクリックする必要があります。これは残念ながら少し面倒ですが、このチュートリアルの最後の部分に進むため、これらは必要ありません。

おめでとう！！

初めての回転アニメーションを作成しました!!深呼吸して、これまでに達成したことを楽しんでください

 

次に、マグカップの上にかわいい落書きアニメーションを作成します。

落書きをスケッチする

アニメーションフォルダの下に新しいレイヤーを作成します。ここで、次のステップでアニメートしたいもののスケッチを作成します。

 

何でもかまいません！恐竜、猫、アライグマ、さらにはゴジラ!!このステップの空の限界は創造的で楽しんでください！

Doodleにインクを付ける

タイムラインに戻り、[新しいアニメーションフォルダ]をクリックします。これにより、カップアニメーションの上で独立して再生されるセクションがタイムラインに作成されます。

レイヤーパネルで「新しいラスターレイヤー」をクリックし、「1」と「2」または「フレーム1」/「フレーム2」という名前を付けます。

 

マグカップと同じように、先に進んでタイムラインに配置します。

タイムラインにフレームができたら、最初のフレームをクリックし、Shiftキーを押しながら、タイムライン全体にフレームをコピーして貼り付けます。これは、さまざまな速度で遊ぶことができる別のセクションです。しかし、参考のためにここに私のものがあります

インクの複製を開始する前に、インクフォルダを下に置きます。

 

次に、名前を「色」に変更します

 

後のステップでこれを使用して、Doodleに色を付けます。

タマネギの皮をつけたまま。両方の層にインクを塗ります。落書きにジッターを与えるために、非常によく似た方法でそれらを描画します。 2層目の輝きについては、前後にジャンプするように傾けて描きました。

これが結果になります!!十分な休憩を取り、自由に落書きできるようにしてください。散らかっているほど良いです!!

Doodleの色付け

スケッチレイヤーと同じように、アニメーションフォルダーの外側の新しいレイヤーに明るいピンクの背景色を追加して、どの領域に色を付ける必要があるかを確認できるようにしました。

 

これで、前に作成したカラーフォルダーを使用して、落書きのフラットカラーを作成します。

 

スケッチレイヤーをオフにして、「他のレイヤーを参照」と表示されているペイントバケットを選択します

このツールは私たちの線を検出し、このようにきれいに埋めます

ホワイトライン効果

もうすぐです!!あと少しやることが残っています！

白い境界線効果を得るには、インクフォルダを選択し、[境界線効果]をクリックして、線の太さを自由に設定します。

 

これはそれがどのように見えるかです。

シェーディングとオーバーレイ

シェーディングのために、アニメーションフォルダの外に新しいレイヤーを作成し、それを「乗算」に設定しました

次に、アニメーションフォルダの外側の別のレイヤーで「オーバーレイ」に設定し、すべてにピンクがかった紫を使用しました

テクスチャ

マテリアルパネルに戻ります。紙を検索して、使用したいテクスチャを見つけます。その後、オーバーレイに設定すると、すべて完了です。

完成したアニメーションのエクスポート

おめでとうございます。すばらしいアニメーションループが完成しました。本当に誇りに思うべきです!!特にこれが初めてのアニメーションの場合。

 

エクスポートするには、ファイルに移動して「アニメーションをエクスポート」します

 

私はgifとしてエクスポートしたので、何度もループします

仕上げの考え

このチュートリアルがあなたの快適ゾーンの外に出て、何か素晴らしいものを作るようにあなたを刺激することを願っています！クリエイティブであり続けてください。次回はバイバイでお会いしましょう！