こんにちは！このTIPSでは、タブレット版Clip Studio PAINTアプリで、シンプルモードを使って初めてのアニメーションを作成する方法をご紹介します。

 

Clip Studio Paint 4.2以降のバージョンでは、シンプルモードでアニメーションを作成できるようになりました。

 

とてもシンプルだけど楽しいアニメーションなので、ぜひ皆さんも作ってみてください。

何をするか：

この可愛いアニメーションを作成します：

さあ、このチュートリアルを見て、Clip Studio PAINTのシンプルモードでアニメーションを作るのがいかに簡単で楽しいか、ぜひ体験してください！ ;)

チュートリアル：シンプルモードで簡単なアニメーションを作成する

あなたの言語で字幕をオンにすることを忘れないでください ;)

ステップバイステップのプロセス：

1. プロジェクトの作成

まず、デバイスでClip Studioアプリを開き、下部にあるアイコンをタップします。

自動的にシンプルモードに切り替わります。次にアニメーションオプションを選択し、ドキュメントの種類で様々なオプションがあります。私の場合、16:9、1920 x 1080pxの形式を使用します。

インターフェースはこのようになり、新しい機能として、下部にタイムラインが表示されます。

さらに、タイムラインパネルでオニオンスキンを有効にするオプションがあります。これは3点アイコンから有効にできます。

整理して効率的に作業するために、レイヤーパネルにフォルダーを追加します。

そして、このフォルダーの中に、+アイコンで4つの新しいレイヤーを作成します。

 

それらは次のとおりです。

- 線

- 影

- 色

- 下書き

元のレイヤーはもう不要なので削除します。レイヤーをクリックして「レイヤーを削除」を有効にします。

これで、アニメーションの各フレームにこれらのすべてのレイヤーが含まれるようになりました。

次に、タイムラインでこのフレームを複製します。フレームをクリックして「複製」を有効にします。

なぜこれをするのか？それは少し後で見てみましょう ;)

次に、ブラシツールを選択し、スケッチカテゴリから、アニメーションの下書きをするための鉛筆の1つを選択します。

2. アニメーションの下書き

私たちの最初の描画はこちらです。可愛いハンバーガーをアニメーション化します。この描画は「下書き」レイヤーにあることを忘れないでください。

例えば、通常はタイムライン上で+アイコンを使って新しいフレームを作成します。

 

しかし、次の画像で見られるように、レイヤーパネルで新しいフレームを作成すると、作成した4つのレイヤーと共に以前追加したレイヤーフォルダーは含まれず、単一のレイヤーしかありません。そのため、フォルダーとレイヤーを含むフレームを複製するテクニックは、アニメーションのすべての描画に対して行います。

 

これが以前ほのめかしたことで、今説明したことです :)

そこで、フォルダーとレイヤーを含むタイムラインの空のフレームを、フレームをクリックして「複製」を有効にすることで複製します。

 

そして、これはアニメーションの次の描画にも適用します。

フレーム2

フレーム3

フレーム4

フレーム5

フレーム6

フレーム7

次に、フレーム1に戻り、それをクリックして複製します。

それを選択し、アニメーションの最後に配置します。

これは、アニメーションの最後の描画が完璧になり、良い中割りとなるようにするためです。

フレーム8

最後に、以前に複製したフレーム1に相当する最後のフレームを削除します。

3. アニメーションの色付け

さて、アニメーションを色付けします。そのため、アニメーションの各フレームで「下書き」レイヤーを選択し、不透明度を下げます。

まず、一番上のレイヤー、つまり「線」レイヤーを選択します。

次に、ブラシツールを選択し、Gペンカテゴリから任意のGペンを選びます。私の場合、「荒いペン」の線のタイプが好きです。

そして、カラーパネルで使いたい線の色を選びます。

これで、アニメーションの最初の描画のきれいな線ができました。

次に、「下書き」レイヤーを選択し、「レイヤーを非表示」を有効にします。

色を塗るには、「色」レイヤーを選択し、次に塗りつぶしツールを選択します。

色を選んで、アニメーションの最初のフレームをワンクリックでペイントしていきます。これはアニメーションのすべての描画で繰り返します。

フレーム1 - 色

フレーム2 - 色

フレーム3 - 色

フレーム4 - 色

フレーム5 - 色

フレーム6 - 色

フレーム7 - 色

フレーム8 - 色

4. タイミング

次に、アニメーションのリズムを調整します。とても簡単です :)

 

まず、アニメーションの最初のフレームを複製します。

そして、それをアニメーションの最後までドラッグします。

次に、フレーム5を同じ場所に保持したまま複製します。

最後に、フレーム6も同じ場所に保持したまま複製します。

この操作は、複製した3つのフレームの表示時間を長くするだけで、アニメーションのリズムが適切になります。

 

以下の結果が得られます。

5. シンプルモードでアニメーションをエクスポートする

3点アイコンをタップし、「アニメーションをエクスポート」を有効にします。

アニメーションをプレビューできる新しいウィンドウが表示され、「共有」ボタンをクリックしてアニメーションをエクスポートします。

6. 最終アニメーション

この種のアニメーションは、練習を始めるのに最適です。アニメーションの世界の初心者であれば、このアニメーションを試してみてください。シンプルで、きっと楽しく作れるはずです。

次のTIPSでお会いしましょう！