Webtoon作成の初心者向けガイド!

30,635 view

[A]はじめに

こんにちは、靴です!このチュートリアルでは、ウェブトゥーンを作成するための基本事項または知っておくべきことを示します。このチュートリアルで使用したツール/アセットはすべて無料で、CLIP STUDIO ASSETSストアで入手できます。

webtoonsを楽しいものにしているのは、個々のユニークさと異なるクリエイターのスタイルなので、芸術的なプロセスを詳細に説明するのではなく、使用するツール、3Dモデルを2Dイラストレーションとブレンドする方法などの技術的な詳細のみを説明しません。

私はプロではなく、趣味としてウェブトゥーンのみを作成していることに注意してください。このチュートリアルで言うことはすべて、自分で学んだことに基づいています。とはいえ、このチュートリアルからいくつかのヒントを楽しんで学んでください。 :D

[B]キャンバスの作成

[注] Webtoonsは、携帯電話でよく読まれるデジタルコミックです。特定のシーンで作業するときに混乱や迷子にならないように、長いキャンバスで作業することをお勧めします。また、物語の雰囲気や雰囲気を構築するのに役立ちます。

1)キャンバスの作成
まず、左上のコマンドバーの[新規]をクリックして、新しいキャンバスを作成します。

[ファイル]に移動して[新規]を選択するか、キーボードの[CTRL + N]を押すだけで、新しいキャンバスを作成することもできます。

ウィンドウが開いたら、[幅]と[高さ]に移動して、キャンバスのサイズを変更します。 Webtoonの標準サイズは800x1280pxですが、より長いキャンバスで作業することを好みます。使用しているキャンバスは800x7680px、つまり800x1280pxの6ページのキャンバスです。

*ページの処理が完了したら、[トリミング]について説明します。

2)プリセットの作成
ごみ箱アイコンの横にあるアイコンをクリックします。これにより、キャンバスがプリセットに保存されるため、次回キャンバスサイズを手動で入力する必要がなくなります。 Webtoonの作成には多くのページが必要です。これを行うと、作業負荷が軽減されます。

ウィンドウが開いたら、プリセット名を[WEBTOON]に変更し、[OK]をクリックします。

これでキャンバスの準備ができました!

[C]パネリング/パネルの作成

[注]ダイアログまたはシーン用のスクリプトがあることが重要です。そうしないと、webtoonのフローが奇妙で不自然に見えます。事前に紙にシーンをスケッチしておくと、パネルの計画にも役立ちます。

1)パネルの作り方
まず、[表示]に移動して[グリッド]を選択するか、キーボードの[CTRL + E]を押します。

[グリッドにスナップ]がオンになっていることを確認します。コマンドバーにあります。

これをオンにすると、パネルはバランスが取れてきれいに見えますが、パネルを自分の芸術的なスタイルに対して非対称にしたい場合は、このステップをスキップしてください。結局のところ、webtoonsの楽しみは独自のスタイルです!

パネルを作成するには2つの方法があります。
1つは[Frame Border]ツールを使用する方法で、もう1つは[Figure]ツールを使用する方法です。

[Frame Border]ツールは、パネルのマスクを自動的に作成するため、頻繁に使用します。この方法では、線はパネルを通過しません。

場合によっては、異なる気分やシーンに移行するパネルにも[図]ツールを使用できます。好みのものを試してみてください!

[Frame Border]ツールを使用したパネル。

[図データ]ツールを使用したパネル。

2)パネルの計画
ここで、スクリプトの準備が重要になります。

事前に用意したスクリプトを使用してパネルをスケッチします。このページは、私のスクリプトの1つの文にすぎません。スクリプトは[「メインキャラクターが文字を見つけて、読んだ後に泣く。

[注] [ナビゲータ]を開いておくと、パネルの配置に役立ちます。 Webtoonsでは、すべてのパネルの後に「ホワイトスペース」またはギャップが必要です。ホワイトスペースは、ストーリーの雰囲気を整え、ムードを高め、読みやすくするのに役立ちます。

パネルが互いに近すぎると、読者が読むのが難しくなります。

3)パネルの調整
[グリッド]を再度開きます。パネルが互いに近すぎて、間に十分なスペースがないため、シーンを2ページに分割することにしました。

*キャンバスが長すぎるため、代わりに1ページの完成品のみを表示します。これはとにかくwebtoonの完全なストーリーではないので、他のページを表示しないことは問題ありません!

[選択領域]ツールを使用して、[長方形]を選択します。

グリッドに基づいて、少なくとも3〜4ボックス離れたパネルを調整します。キャラクターが手紙を読むことを考えている新しいパネルを追加して、キャラクターのムードを設定できるようにしました。

4)パネルの完成
パネルが計画され、スケッチが修正されたので、パネルを並べることができます。 [フレームの境界線]設定で[フレーム内に塗りつぶす]がオンになっていること、およびスケッチレイヤーの不透明度が低くなっていることを確認します。

[注意]パネルのバランスを取りたい場合は、コマンドバーで[グリッドにスナップ]を有効にする必要があります。

グリッドに従って、パネルを作成します。 [Frame Border]ツールは自動的にマスクを作成し、新しいパネルのレイヤーを設定します。目のアイコンをクリックして[フレームの背景]レイヤーを非表示にして、スケッチを表示します。

*背景の作成に必要な[フレームの背景]レイヤーは削除しないでください!

[Frame Border]セットレイヤーを選択すると、パネルが白に変わります。これは、描画できる唯一の部分であることを意味します。

[D]ラインアートと3Dモデルの追加

頻繁に表示されるアイテムに3Dモデルを使用すると、時間を節約でき、さまざまなシーンの角度を簡単に修正できます。

テーブルにはCLIP STUDIO ASSETSの無料の3Dモデルを使用しました。 3Dモデルを、作業中のパネルのセットレイヤーにドラッグするだけです。多くのwebtoonアーティストは、アセットストアからアセットをダウンロードしますが、3Dプログラムを使用して独自の3Dモデルを作成する人もいます。

CLIP STUDIO PAINTで3Dモデルの使用を最適化する方法について詳しく知りたい場合は、CLIP STUDIO TIPSに多くのチュートリアルがあります!

花瓶には、[ルーラー]ツールの[対称ルーラー]を使用しました。行数を2に設定します。

使用した3Dモデルはここからダウンロードできます。

https://assets.clip-studio.com/en-us/detail?id=1532433

塗りつぶしバケツで使用できる限り、使いやすいペンを使用してもかまいません。 [Paper]レイヤーを選択すると、マスクなしでキャンバス全体をすばやく表示できます。

これでライン作業が完了しました!

[E]ベースカラーの追加

1)カラーセットの作成
ウェブトゥーンを作成する際には、多くのキャラクターに同じ色を繰り返し使用する必要があるため、[色セット]を作成して色の一貫性を保つことをお勧めします。スパナアイコンをクリックして、新しいカラーセットを作成します。

[新しい設定を追加]をクリックし、新しいカラーセットに任意の名前を付けます。この場合、「WEBTOON COLOR SET」という名前を付け、[OK]をクリックします。

[カラーホイール]に移動して色を選択し、ゴミ箱の横にあるアイコンをクリックして新しい色を追加します。

*市松模様のボックスをクリックすると、色が透明になるので、[新しい色を追加]をクリックする前に、希望の色が明るい青で強調表示されていることを確認してください。

2)塗りつぶしツールの使用/ベースカラーの追加
色をすばやく塗りつぶすには2つの方法があります。このバケットツールは、線画に応じて色を塗りつぶすことができる[編集レイヤーのみ参照]ツールを使用できます。

なげなわスタイルのバケットツールを使用する別の方法もあります。このツールを使用すると、色を付けたい領域を描画できます。これは、あまり多くの線を使用しない場合、または色付けする領域が大きい場合に使用するのに適したバケットツールです。

[レイヤーの編集のみを参照]バケットツールを使用し、チェックボックスを選択して、塗りつぶされた髪の一部も消去しました。

私が使用したLasso-Bucketツールは、ここからダウンロードできます。

https://assets.clip-studio.com/en-us/detail?id=1759448

これら両方のバケットツールを同じように使用しますが、最適な方法を試してみてください!

これで、ページ全体が色付けされました。ついにウェブトゥーンのようになりました!

[F]背景を追加する

基本色を追加した後、シェーディングを開始すると思うかもしれませんが、背景を最初に追加することを好みます。このようにして、シーンに使用する照明に基づいてシェーディングを決定できます。

背景を2つのタイプに分類します。
1つは、ロケーションの背景または実際の場所です。部屋、公園、教室などがあります。もう1つはムード背景です。この種の背景は通常、単色、グラデーション、またはパネルのキャラクターの現在の状態を示すものです。

1)場所の背景
最初に、壁と床を分離するためにいくつかの部品を並べました。直線を作成するか、単に定規を作成する場合は、キーボードの[Shift]を押したままにします。次に、基本色を追加しました。

フロアには、ASSETSページの別の3Dモデルを使用しました。 [床]ベースレイヤーの上にあるレイヤーにモデルをドラッグするだけです。

次に、[下のレイヤーにクリップ]を選択します。 3Dモデルは、同じセットレイヤーで使用した3Dモデルの視点に自動的に従います。これが、ラインワークを行うときにアイテムの3Dモデルをすぐに追加する必要がある理由です。

[フレームの背景]レイヤーについても同じプロセスを繰り返します。今回は、バケットツールを使用してライトピーチに色を付けてレイヤーを塗り、[下のレイヤーにクリップ]を選択しました。これで、壁にも色が付けられました!

床の3Dモデルはここからダウンロードできます。

https://assets.clip-studio.com/en-us/detail?id=1396960

[図]ツールを使用したこのパネルの場合。パネルが開いており、バケットツールを使用できないため、代わりにエアブラシを使用して、壁の色が最後のパネルからフェードインするようにしました。

この背景色は、場所の変更、キャラクターの気分や感情の変更、または特定のシーンの強調だけを示すための遷移としてよく使用されます。

この種の背景色を使用する方法はたくさんあります!

2)気分の背景
対話はまだないので、手紙の内容を伝えるのは難しいですよね?

主人公は、輝きの効果のあるピンクのグラデーションを使用して、ラブレターを期待している可能性があります。

あるいは、手紙に脅迫的なものが含まれている可能性があり、それが主人公が読むのをためらう理由です。

[注]スクリプトに戻り、キャラクターのトーンを決定します。彼らは怒りで戦っていますか?彼らは欲求不満で叫んでいますか?スクリプト(発生するシーンと会話)に応じて、使用する色と照明を一致させることを忘れないでください。

対話はまったくない「サイレントWebトゥーン」がありますが、読者は色の使用を通じてストーリーが伝えていることを伝えることができます。

明るい色と暗い色を使用すると、多くの感情を伝えることができます。色を使用するだけで、ストーリーを伝えることができます!

[TIP]色理論について読むことは、色が表すことができるさまざまな感情について学ぶのに役立ちます。一般的な色の表現は次のとおりです。
愛のための赤
幸福のための黄色
悲しみの青
センチメンタルな感情のためのピンク
暗がりのバイオレット

私が使用したエフェクトブラシは、ここからダウンロードできます。

https://assets.clip-studio.com/en-us/detail?id=1569895
https://assets.clip-studio.com/en-us/detail?id=1658057

背景を白のままにすることは、読者に特定のアクションまたはオブジェクトに焦点を合わせたいことを意味する場合があります。この場合、主人公は手紙を受け取ることにしました!

[G]シェーディングとライティング

灰色がかったピンク色を使用して、[乗算]モードで新しいレイヤーを作成し、エアブラシを使用して床と3Dモデルの色をブレンドしました。

好みのスタイルに応じてシェーディングを追加します。

[TIP]シェーディングには上記の手順と同じ手順を使用します。灰色がかった色を選択し、レイヤーを[乗算]に設定してから、すべてのオブジェクトにその色を付けます! Webtoonのすべてのオブジェクトに異なるシェーディングカラーを使用すると時間がかかります。それがビューティーシーンまたは重要なショットでない限り、私は通常、[Multiply]に設定されたレイヤーだけでシェーディングに同じ色を使用します。

これにより、3Dモデルは2Dイラストとゆっくりとブレンドされます!

同じことが照明にも当てはまります。1つの明るい色を使用して、[スクリーン]または[ソフトライト]に設定します。エアブラシを使用して、光が来ると思われる部分を日陰にします。

そして、このパネルセットレイヤーのすべてのレイヤーの上に別の[乗算]レイヤーを追加します。

[注]このステップを実行する予定がある場合、他のすべてのパネルで同じ色を使用することが重要です。そうしないと、色が不整合になります。もちろん、異なる色を使用することの背後に芸術的または象徴的な意味があれば大丈夫ですが、一般的な一貫性のために同じ色を使用してください!

上記と同じ方法で残りのパネルに色を付けた後、ページは次のようになります(画像サイズがここで制限されており、webtoonsに適していないため、作物が不均一に見える場合があります):

[H]最終的な詳細/ダイアログの追加

一部のパネルでは消えている特定の詳細があることに気づいたかもしれません。そのとおり!花瓶と手紙自体がありません。すべてのパネルにすべての小さなオブジェクトを描画するのに時間がかかりすぎるため、通常、そのような小さな詳細を最後に追加します。

もちろん、これも私自身の好みです。早い段階で詳細を追加したい場合は、あなた次第です!

1)小さなオブジェクトの追加+ラインアートの修正
3Dモデルの一部はまだ「固く」または不自然に見えるので、その線画を修正し、その他の詳細を追加します。

[注]このステップは時間を消費し、より多くの作業を追加するため、オプションですが、ラインアートの色も変更します。これを行うには、ラインアートレイヤーの上に新しいレイヤーを作成し、[下のレイヤーにクリップ]を選択します。

花瓶に葉をいくつか追加し、ラインアートの色を変更し、3Dモデルにラインアートを追加しました。今、前と後を見てください:

2)エフェクトを追加する
使用する一般的なエフェクトには、[ぼかし]またはエフェクトラインを追加して、特定のオブジェクトを強調またはフォーカスするものがあります。

[Blur]を使用して文字を強調する例。

効果線を使用して文字を強調する例。

また、シーンの関心のあるポイントも表示されます。今回は、背景(テーブルと文字)がぼやけている間、主人公ははっきりしています。

3)エフェクトブラシの使用
前にリンクしたエフェクトブラシを使用して、パネルに「夢のようなまたはメランコリックな」外観にするために、よりきらめくエフェクトを追加しました。

4)ダイアログの追加
繰り返しますが、事前にスクリプトを作成しています。スクリプトに従って、それに応じて吹き出しを配置します。

[バルーン]ツールのバルーンを使用して吹き出しを作成するか、ペンを使用して描画して塗りつぶすことができます。

[TIP]さまざまな吹き出しの一般的な使用法:

通常の吹き出し:会話/話している人を表示するために使用されます。
これは、[楕円バルーン]ツールと[バルーンテール]ツールを使用して作成されました。

内側のモノローグ吹き出し:キャラクターの内側の声またはナレーションを表示するために使用されます。これは、[バルーン]ツールの横にある[フラッシュ]ツールのアイコンをクリックすると表示される[高密度フラッシュ]を使用して作成されました。 [フィルセンター]がオンになっていて、[調色]がオフになっていることを確認します。

思考/思考の吹き出し:思考またはキャラクターが何かについて考えているときに使用されます。上記の吹き出しとほぼ同じですが、私はこれをより頻繁に使用し、キャラクターがシーンをナレーションするときにもう一方を使用する傾向があります。

[TIP]フォントを使用してキャラクターの声のトーンを伝える。あなたのキャラクターが彼らの言葉を通して感じていることを示すのを助けるためにあなたがダウンロードできる多くの無料のフォントがあります。これを例に取ります:

手書きのフォントを使用して、緊張のためにキャラクターの声が揺れていることを示しました。また、吹き出しの外側にテキストを追加することで、「後付け」を追加しました。

[レイヤープロパティ]に移動し、[境界線効果]を選択して、思考後のテキストに白い境界線を付けました。

5)効果音の追加
漫画のように、webtoonsはサウンドエフェクトも使用して、現在のシーンが何であるかについてのヒントを提供します。たとえば、キャラクターが走っているとき、「THUD、THUD、THUD」の効果音があります。

ここでは、主人公の心臓が速く鼓動していることを示すために、「THROB」サウンドエフェクトを追加しました。後から考えたテキストと同じ効果を使用し、[レイヤープロパティ]にある[境界線効果]を使用しました。

ここで、残りのダイアログに対して同じプロセスを繰り返して、webtoonページがようやく完成しました!

[I]トリミング

webtoonの投稿に使用するプラットフォームの最大サイズは800x1080pxなので、webtoonの作成者は投稿する前にページをトリミングする必要があります。

専門家が使用する「Croppy」と呼ばれるwebtoon作成者向けのオンラインクロップツールがあります。完全に安全で使いやすいです。そこにページをアップロードするだけで、Croppyは自動的にページを切り取り、.ZIPファイルにダウンロードします。

https://knicknic.github.io/croppy/

[注]すべての作業が完了したので、作業を校正するか、スペルミスや追加を忘れた詳細などの最終編集を確認することが重要です。

結論/最終結果

ウェブトゥーンを作成するには多くの時間と忍耐が必要であることを忘れないでください!人体の解剖学、風景の作成方法、3Dモデルの使用方法、ストーリーテリングのための演劇や映画監督のクラスを受講することについての一般的な知識があると良いと思います。

個人的には、私が通った学校には必須の演劇クラスがありました。シーンのフレームを作成する方法と、ダイアログとアクションを実行して完全なスクリプトを作成する方法について学ぶことができました。

ここで共有したTIPSは、WebToonの作成を始めたときに誰かに教えてもらいたいものです。したがって、WebToonを作成する意欲のあるクリエイターがこれを見て、そこから何かを学べたら、とても嬉しいです! :D

以上のことを踏まえて、ここに最終ページがあります! (このサイトはwebtoons用に作成されていないため、作物は不均一に見える場合があります)

最後まで読んでくれてありがとう!チュートリアルを作成するのはこれが初めてで、英語は私の第一言語ではありません。文法的な間違いがある場合はおApびします!

私のwebtoonに興味がある場合、または私のアートをもっと見たい場合は、Twitterでフォローしてください! :D

コメント

関連する記事

新着

公式 新着