CLIP STUDIO PAINTでアニメーションコミックを作成する

3,418 view

[1]はじめに

数年の間、webtoon(またはストリップパレード)は、タブレット、スマートフォンなどのさまざまなデジタルメディアに適した読み取りを可能にするため、Webに自らを課しました。
Tapastic、Line webtoonなどのオンラインプラットフォームで簡単にホストできます!

Webtoonsのほとんどが静的な場合、アニメーション要素を追加することでストーリーへの没入感を高めることができます。これにより、すでに存在するWebトゥーンとの違いが生じます。ただし、これらのアニメーションは、読書の流れを妨げないように合理的に使用する必要があります。

この記事では、ソフトウェアのアニメーション機能を使用して、アニメーションコミックを作成する方法を学習します。

https://youtu.be/iR6TDmXDWP0

[2]ストーリーボードをストーリー用に準備する

■ワークスペースの作成

それでは、ソフトウェアで新しいワークスペースを定義することから始めましょう
[ファイル]> [新規]

ワークスペースの高さはいつでも変更できます[編集]> [キャンバスのサイズを変更]


■ストーリーボードデザイン

他のコミックブックと同様に、ストーリーの内訳を準備するためにストーリーボードを開発することから始めます。 (もちろん、シーンの台本と対話を事前に作成しておく必要があります)

ストーリーボードにより、シーンの強い要素を強調し、読書の流動性を確保することができます。このために、テキストボックスと同様に各ボックスの主要な要素が配置される行(赤で表示)を使用します。

Webtoonの場合、ボックスとバブルの間の垂直方向のスペースにより、読み取りのリズムを定義できます。時間を作成するためにそれを使用することを忘れないでください、したがって、発見のサスペンスを強化してください!




■アニメーションゾーンを定義する

また、このストーリーボードを使用して、アニメーションを配置する画像の領域を特定します。

これらのアニメーションにより、次の2つのことを表現できます。

-強い要素(文字など)の強調表示、
-装飾への没入感を強化します(たとえば、大気効果)。

これで、コミックストリップの作成を開始する準備がすべて整いました。

[3]レイアウト用のマスクとフォルダーの使用

■ケースファイルの作成

最初に、webtoonのボックスに対応する3つのフォルダーを作成して、レイアウトを準備します。 [新規フォルダ]アイコンをクリックして作成します。

次に、[New Layer]アイコンをクリックして、これらの各フォルダーに新しいレイヤーを配置します。

■ストーリーボードを使用してボックスを区切る

ページ上で、ストーリーボードを透明に表示して、ボックスの作成の参照として使用します。

その後、ルール[表示]> [ルール]を表示し、ボックスの境界を示すマーカーを表示できます。
これを行うには、マウスを左側のルーラーから作業領域にドラッグします。

これらのガイドは、必要に応じて表示または非表示にできるレイヤーに自動的に関連付けられます。

■フォルダーにボックスマスクを追加する

[長方形の選択領域]ツールを使用して、ボックスの輪郭を定義しましょう。ガイドの端を使用して、選択範囲の輪郭を磁化します。
次に、レイヤーパレットで対応するボックスのフォルダーを選択し、[マスク]ツールをクリックします。

■描画と色付け

マスクが作成されると、ボックスの端を越えずにこのフォルダーのレイヤーを描画できます!あなたの才能を表現する時です。

■テキストのバブルとダイアログ

テキストバブルを追加するために残ります。
このソフトウェアでは、定義済みのシェイプを使用するか、ツール[バブルペン]を使用してフリーハンドで描画することにより、ツールバーから直接作成できます。

これらのバブルを新しいフォルダーに配置し、絵コンテで想像どおりに配置します。あなたがしなければならないのは、[バブル矢印]ツールを使用してバブルのヒントをトレースすることです。

[テキスト]ツールを使用して、ダイアログを完了し、それらをフォルダーに追加して、すべてを同じ場所にグループ化します。

これまでのところ、すべてが古典的なウェブトゥーンのように見えます
しかし、私たちは今、それを実現します!

[4]最初のアニメーションを作成する

■新しい年表の作成

まず、[ウィンドウ]> [タイムライン]パレットを開いていることを確認してください

Webtoonの一部として、ループで再生される短いアニメーションを作成します。
[新しいタイムラインを作成]アイコンを選択し、継続時間とアニメーションレートを選択します。レートを12にすると、Webでの表示を最適化しながらスムーズなアニメーションが可能になります。したがって、アニメーションの1秒間の読み取り時間も12です。

■アニメーションファイルの準備

次に、[レイヤー]パレットでセルのフォルダーを選択し、タイムラインパレットの[新しいアニメーションフォルダー]アイコンをクリックします。

このアニメーションフォルダーでは、それぞれが内部にレイヤーを含む複数のフォルダー「anim_1」、「anim_2」、および「anim_3」を作成できます。
アニメーションで失われないように、ファイルに正しい名前を付けてください!

タイムラインパレットで、最初の画像に再生ヘッド(赤いカーソル)を置き、[セルロスを指定]アイコンをクリックして、「anim_1」という名前の最初のフォルダーを選択します。

新しいセルロがタイムラインに追加されます。

赤い読み取りヘッドを数画像分移動し、操作を繰り返して「anim_02」、「anim_03」、さらに「anim_02」を追加して読み取りループを作成します。


■アニメーション図面の作成

これで、アニメーションのイラストを描画できるようになりました。

そのため、年表パレットの対応するアイコンをクリックして、[ピールペーパー]をアクティブにすることから始めます。これにより、現在の画像を構成する画像が表示されます。

「anim_01」、「anim_02」、「anim_03」フォルダーの各レイヤーにアニメーションのステップを描画します。

この時点で、再生アイコンをクリックして、アニメーションが適切に機能していることを確認できます。

結果に満足したら、関連するフォルダーに新しいレイヤーを追加して、色付けに進むだけです。

[5] Web用にファイルを最適化する

■アニメーションのエクスポート

最後に、アニメーションをWeb用にGIF形式でエクスポートします。

画像の解像度を選択することは、画像の重みに不可欠です。
最高の画像の重量/品質比を得るためにいくつかのテストを行うことをheしないでください

独自のwebtoonを作成する準備ができました!!!


このチュートリアルのコメントであなたの作品を共有することをheしないでください;)


■ファイルをダウンロードするためのリンク:

http://www.yuliz.com/csp/webtoon.zip

著者について

私の名前はAxendreです。自由で読むことができるダイナミックでインタラクティブな漫画「Eden、the second dawn」の作成者です!

プロジェクトサイトでは、利用可能な多くのリソースを活用して、エデンの宇宙での独自のストーリーの開発に参加することもできます。

私の目標は、レベルに関係なく誰もが新しい読書体験を作成できるようにすることで、漫画のビジョンを変えることです!

■EDENプロジェクトの公式サイト:

http://www.edenlasecondeaube.com

コメント

関連する記事

新着

公式 新着