画像上の 1 か所だけをアニメーション化したいと思ったことはありませんか? アニメーションの学習を始めるには、これが最適な方法になることもあります。ここでは、私が自分のスタイルでこれをどのように行うかを紹介します。皆さんの実験やアニメーションの旅に役立つことを願っています。

 

 

まずは最初に: Clip Studio Paint でレイヤーとアニメーション セルがどのように機能するかをご存知ですか? 若きパダワンよ、私と一緒に来てください。

 

 

デジタルでイラストを描いたことがありますか？デジタル描画の魔法の世界に足を踏み入れた初心者には、「レイヤー」というライフラインがあります。キャンバス、紙、あるいは手描きのデザインが入ったTシャツなど、物理的な素材に絵を描くときは、ミスをしないように（あるいは少なくともボブ・ロス風に「幸運な偶然」に変えるように）注意しなければなりません。デジタル描画では、異なる部分を異なるレイヤーに描くという切り札があります。1つのレイヤーでミスをしても、それが残りの描画に影響することはありません。さて、イラストのレイヤーの例はわかりましたか？完璧です。では、Clip Studioのアニメーションのロジックを追ってみましょう！

 

例として、子供が本を読んでいてページが動き出す私の画像を想像してみましょう。ここから始めると、主なアドバイスは、描画の寸法に応じてレイヤーを分けることです。たとえば、私のアニメーションでは、本は前景にあるので、他のすべてのアニメーションフォルダーの上にあります。何かを「カメラに近づける」、「視聴者に近づける」必要があるときはいつでも、レイヤー/アニメーション フォルダーは上になります。Clip Studio で非常に便利なのは、アニメーション セルの終了を、選択したフレーム数の終了まで延長する必要がないことです。1 つのセルを作成するだけで、自動的に繰り返されます。これは非常に便利です。本当に!

描画の寸法の各部分ごとに、アニメーション セルが保存される新しいフォルダーを作成します。

 

もちろん、誰もが大好きな数学グラフの軸を想像してみましょう。

 

X 軸には地平線があり、Y 軸には地面と空の間にあるものの高さがあります。Clip Studio では、X 軸、つまり地平線は、選択したフレーム内の各アニメーション セルの位置を示し、この軸上の任意のセルを自由にクリックして、編集、ペイントなどを行うフレームを選択できます。Y 軸には、アニメーション フォルダーがあります (通常は右下に表示されますが、必要に応じて移動できます)。

 

実際の生活と同じように、重力の許す限りフォルダーを積み重ねることができ、想像を絶する高さに達することもあります。Clip Studio Paint でも同じです。フォルダー積み上げゲームは、使用していないフォルダーを閉じることで簡単モードでプレイすることも、フォルダーをすべて開いて、風で散らばったシートを散らかすことでも難しいモードでプレイすることもできます。フォルダー内のシートはアニメーション セルでもあります。また、クリックすることもできます。すべては、興奮と必要性で何百万ものフォルダーを作成するかによって決まります。必要なセルを x 軸で検索するよりも、y 軸セルをクリックして編集およびペイントする方が簡単な場合があります。後でアニメーションに興奮し始めたら、私が何を言っているのか理解できるでしょう。ハハハハ (緊張した笑い声)。

 

 

このアプリの素晴らしいレイヤーのロジックを理解していただけたら幸いです。一見すると、宝箱を開けるキャラクターのように頭を傾けながら画面を見て、中身が何なのか考えようとする私のような人もいるかもしれませんが、それが隠された宝物だと気付いた瞬間、同じように笑顔になります！

 

続けましょう！

 

 

ステップ 0: ガイドとしてのグリッド

このステップは、どちらかというとおまけです。三分割法に基づいて調和のとれたシーンを作りたい場合は、手動で行うか、Clip Studio のグリッドを使用するかの 2 つの方法で行うことができます。

 

a) 手動で行う場合は、線を描いて 3 列 3 行に分けます。これが三分割法です (列と行は空白のスペースであり、線そのものではありません)。例のように直線を描くには、線を開始する領域を 1 回クリックし、「Shift」キーを押したまま、マウスまたはペンを目的の方向に線の終点まで移動します。その後、必要な線がすべて揃うまでこのプロセスを繰り返します。

b) Clip Studio Paint のグリッドを選択した場合は、行間の間隔をプログラムする必要があります。下のスクリーンショットの例に従ってください。私はブラジル人なので、私のプログラムはポルトガル語ですが、このチュートリアルの説明を理解していただき、スクリーンショットの矢印や指示が何らかの形で役立つことを願っています... 行と列の間隔を構成したら、「x」をドラッグしてグリッドを必要なようにフレームし、確認して「表示」メニューをもう一度開き、「グリッド」オプションを選択すると、編集したとおりに行が表示されます。

では、チュートリアルに戻りましょう。

ステップ1: 主なアイデアを定義する

数日間考えて、ファンタジーの本を読んでいるときに時間が止まったように感じる子供の小さなシーンを想像しました。スケッチを描き、キャラクターを赤ペンで、その他すべてを濃い青で塗り分けました。

 

ヒント: スケッチをすべてのフォルダーの目に見えるベースとして保持します。これを行うには、レイヤーを任意のフォルダーからドラッグする必要があります。レイヤーは独立したレイヤーで、アニメーションの背景色を選択する「紙」レイヤーのすぐ上の一番下に配置する必要があります。

ステップ2: アニメーションを定義しましょう

前のステップの後、スケッチ モードのままページを左右に「移動」するアニメーションを作成しました。最初は奇妙に感じるかもしれませんが、Clip Studio ではレイヤーが垂直に表示されるため、タイムラインでレイヤーが平行になっていることがわかります。作業が簡単になります。また、この方法も興味深いと思います。最終的なアートと、別々に作成した色や効果のレイヤーを追跡できるため、アニメーションに役立ちます。イラストを描いているような気分になりますが、アニメーションでもあるという違いがあります。では、次に進みましょう。

 

ヒント: フレームを繰り返すには、2 つの簡単なオプションがあります。1 つのセルから別のセルに手動で描画をコピーして貼り付けるか、マウスの右ボタンですばやくコピーして貼り付けます (チェーン アイコンのあるリンク セルを作成する場合も機能します)。

 

a) 手動でコピーして貼り付けるには、「m」ショートカットを使用してカットの種類を選択し、カットをコピーして別のフレームに貼り付けます。無駄で作業が途方もなく増えているように思えるかもしれませんが、信じてください。そうではありません。このオプションを選択すると、元のフレームを変更することなく、必要に応じて貼り付けたフレームを変更できます。これにより、作成するアニメーションの種類に応じて、時間を節約できます。最近公開したビデオでこれを行う必要がありましたが、信じてください、これがこのオプションの最大の利点です。欠点は、各独立したセルに貼り付けるのに少し手間がかかることですが、それが必要なのであれば、努力する価値があります。

 

b) マウスの右ボタンですばやくコピーして貼り付ける (またはチェーンアイコンでリンクされたセルを使用する)。これにも利点がありますが、前のオプションとはまったく異なる焦点があります。ここでは、貼り付けたセルで何かを変更すると、元のセルも変更されるため、それ以上の変更がないことを確認する必要があります。はい、ベイビー。これは欠点ですが、主な利点でもあります。シーンを繰り返してループを作成する場合はこれで十分です。何かを変更する必要がある場合は、コピーとオリジナルが同時に変更されるため、各フレームに移動して変更を行う手間がかかりません。

 

すべてはあなたの目標次第です。機能を活用してください =)

PS: 上のスクリーンショットには、リンクされたアニメーション セルの作成を選択した場合の画面の例があります。プログラムは、どのセルをベースとして使用するかを示し、基本的にどのセルを繰り返すかを尋ねます。

 

 

2.1: 総フレーム数、1秒あたりのフレーム数、および操作方法

アニメーションの原則やその他のことについては、ベスト プラクティスを含むルールやガイドラインがあります。しかし、この単純なケースでは、急いでいるときに役立つ例を紹介します。アニメーションの速度と「流れ」を定義する必要がある場合は、キーフレームとトランジション間の描画のみを変更しながら、フレーム間にパターンを作成することで、より適切にガイドできます。

例えば、4コマ（3コマ数えて4コマ目に新しいコマを入れる）の頻度で描いた方がうまく展開できるかが分かるので、よりスムーズに描けるように調整を続けています。総フレーム数と1秒あたりのフレーム数で迷うこともありますが、総フレーム数を総フレーム数で割るか、フレーム数を1秒あたりのフレーム数で割れば良いだけです。

たとえば、サイクルを完了していて、必要なフレーム数がまだわからない場合、4 フレームごとに 1 フレームあるとすると、1 秒にするには 4 フレームごとに 6 フレームが必要になります (ここでは、24/4 を 1 秒で割っただけです = 6 フレームです。数学から逃れられると思った人は、恐怖に正面から直面したことになります)。

 

ただし、一般的には、優先順位を論理的に整理するだけで、かなり管理しやすいです。1 秒あたりのフレーム数、アニメーションが何秒続くかを確認するための合計フレーム数などです。そこから、携帯電話やコンピューターの隅にある信頼できる電卓を取り出して、秒数が必要なものに十分かどうかを確認します。=D

または、逆の方法で実行することもできます。この例では、1 つのフレームと次のフレームの間のスペースが 5 で、6 番目に新しいセルを作成します。その結果、上の図のように 1 秒あたり 4 フレーム (つまり、24 フレーム内に 4 つのセル) になります。

 

 

記録のために言っておきますが、合計フレーム数または 1 秒あたりのフレーム数はプログラム内でいつでも変更できます。そのため、必要になった場合はいつでも調整できます ;)

 

 

ステップ3: 値と色を定義し、ブラシを試す

この部分は、ブラシと色を使ってアニメーションで伝えたい効果を試す瞬間なので、よりリラックスできます。正しい方法は、奇妙に見えたり、色や光や影の効果について考えすぎたりすることなく、光と影がどこにあるのかを理解するために白黒で行うことですが、私は頑固なので、すぐに色に進みました。私のようにしないでください。

 

 

ステップ4: 静的な部分に色を付ける

これは 1 つの部分だけが動くアニメーションの例なので、色付けにはあまり秘密はありません。私のアドバイスは、レイヤーごとにフォルダーを作成し、そのフォルダーに名前を付けて、レイヤー間をすばやく移動できるようにすることです。上記の例で述べたように、フォルダーは重力が許せば空に到達するまで積み重なるためです (Clip Studio Paint では、重力によって金星に到達できます)。

 

覚えておいてください: ペイントするには、アニメーション セルを作成する必要がありますが、作成するレイヤーを繰り返すために複数のセルを作成する必要はありません。

 

 

ステップ5：マジックスポットをアニメーション化する

私の場合、アニメーション化されているのは本のページだけです。その間、ページを補完したり、ページを添えたりする他のアニメーションを試していましたが、結局、あまりにも雑然としすぎることに気づいたので、フォルダーまたはレイヤーを表示する目のアイコンを無効にして、作業を続けました。

 

自分が行った作業に執着しすぎないでください。破棄するか、やり直したほうがよいと気づいた場合は、そうしてください。そして、経験が積まれ、将来同様の状況で何をすべきか、何をすべきでないかを学ぶことになるので、無駄はありません。ただリラックスしてプロセスを楽しんでください。そうすれば、最終的な作品は自然に予想よりも良くなります。

 

したがって、1 つの部分だけをアニメーション化するには、手順 2 で説明した方法でループを作成し、手順 4 に従って色を付けると、ファイルを必要に応じてレンダリングして保存する準備が整います。

最終ステップ: アニメーションをレンダリングし、ビデオまたはGIFとして保存する

Clip Studio Paint を使用すると、動画でも GIF でも、アニメーションを簡単に保存できます。レイヤーの魔法は既にご存知なので、「ファイル」に移動して「アニメーションのエクスポート」を選択し、お好みの形式で保存するだけです。

 

これで、出来上がりです。思い通りのかわいいアニメーションができました!

 

技術的な面でもプログラムの使用面でも、アニメーション作成のプロセスを楽しんでいただければ幸いです。このプログラムには、個人スタジオやその夢の実現者に役立つ機能が多数あります。ハハハ。

 

勉強を楽しんでください。また次回お会いしましょう! =D