✽ はじめに ✽

こんにちは！

TeddyLemonです。私はWebtoon Canvasの長年のクリエイターであり、CLIP STUDIO PAINT PROユーザーです。 ( ´ ω ` )

 

免責事項！チュートリアルを作成するのは初めてですが、通常のワークフローから漫画の制作プロセスを説明するために最善を尽くします。このチュートリアルは初心者にも優しく、最初から最後までほとんどすべてのステップをカバーします。経験豊富なクリエイターの方も、ご存知かもしれないし、そうでないかもしれないハックも共有するので、ぜひご覧ください。

 

たくさんのステップを説明しますので、興味のあるトピックセクションに自由にスキップしてください。

 

お好みであれば、上記のリンクから動画版もご覧いただけます！

 

✽ 目標 ✽

これは多くの人がすでに知っている最初のステップです。

私たちの理想、インスピレーション、モチベーション、そして「漫画を作りたい」という最初の思いがここにあります。

 

自己改善のため、物語を共有するため、あるいは収益を得るためなど、目標は異なるかもしれませんが、これは私たちほとんどの人間にとって良い出発点です。

 

漫画を作り始めたとき、それは衝動からでした。計画なしにまっすぐ突き進み、未来がどうなるか全く知りませんでした。悪いことだとは思いませんし、後悔もしていません。漫画が非常に骨の折れる作業であることを痛感しました。私の長年の経験に基づいて、Webtoonを作成する際に考慮すべき点を以下に示します。

 

✧ 献身。漫画にどれくらいの時間、日数を費やし、作業するつもりですか？

✧ 時間管理。

✧ スケジュール。何章投稿する予定ですか？毎週アップロードしますか？毎月ですか？

✧ 初めての場合は、短いストーリーが理想的かもしれません。実体験を積むのが最善です。

✧ 常にバッファエピソードを事前に作成しておきましょう。投稿スケジュールがあり、休憩が必要な場合に役立ちます。

 

最後に、私のお気に入りのヒント - 「より賢く、より懸命に」働きましょう。

✽ 執筆 ✽

執筆は漫画において最も重要な点の1つです。アートも重要な側面かもしれませんが、読者を惹きつけ、キャラクターを生き生きとさせるのは物語です。

 

正直なところ、ストーリーライティングは私の得意分野ではありません。まだ改善すべき点がたくさんあるので、これについて深く掘り下げるつもりはありません。

 

プロットと基本的な土台を築くことは、あなたの「最初の」ストーリーアイデアから成長した芽であるため、最も重要です。その後に、キャラクターの背景、世界観構築、アークなどが続きます。まず、物語の重要なイベントを計画し、整理しましょう。

 

プロットを練る方法の1つは次のとおりです。

✧ 漫画の始まり、中間、終わりからなる基本的なタイムラインを作成します。

✧ 重要なタイムラインの1つにゆっくりと向かうサブメインポイントをマークします。

✧ サブメインポイント間で起こる小さなイベントであるトランジションも追加します。

 

完成したストーリーがあれば理想的であり、漫画が進むにつれて良い参照になります。

 

しかし、私のように早く始めたいタイプなら、あまり詳細にこだわる必要はありません。主要なポイントを書き留めておけば、ストーリーがどこに向かっているのかを自分で把握するのに十分だからです。

 

✦ スクリプト✦

 

スクリプトは、内容が理解できる限り、きれいに見せる必要はありません。

ただし、他の誰かと作業する場合は、良いチームメイトとして、より整理するように努めてください。

 

アイデアが浮かんだら、携帯電話のアプリに書き留めています。私の例を次に示します。

（ええと、少しごちゃごちゃしていますね）。

漫画（いや、一般的に物語全般）がしがちなことの一つは、最初の数章を熱心に計画し、磨き上げることです。これを魚と釣り針のように考えてください。導入の章を読者を魅了し、引き込むのに十分なほど面白くしましょう。だからこそ、最初の章は常に非常に重要です。読者が次に何が起こるのか好奇心を抱くような「衝撃」を与えましょう。

✽ キャラクターデザイン ✽

 

キャラクターを何度も描くことになる点に注意してください！複雑すぎるキャラクターデザインは、すべてのコマで描くのに非常に時間がかかるため、理想的ではありません。（チームにいる場合を除いてですが。悪役令嬢異世界Webtoonには敬意を表します（″ロ゛））

 

これが漫画でキャラクターやアートスタイルがしばしば簡略化される理由です。

 

頻繁に戻って参照することになるので、キャラクターのリファレンスシートを作成しておきましょう。特に、長すぎる休暇の後で描き方を忘れてしまった場合など。（あるいは、それは私だけかもしれませんが）

キャラクターの複数の頭部の角度を描くことを強くお勧めします。信じてください、これによりかなりの時間を節約できます。

 

描いた頭部の角度に簡単にアクセスする方法は次のとおりです。

 

✦ 必要な頭部の角度のスケッチまたは線画バージョンを準備します。それぞれのレイヤーにあり、適切に名前が付けられていることを確認してください。

✦ 次に、[素材]タブに移動し、右クリックして[新規フォルダ]を作成します。

✦ あとは、個々のレイヤーを[新規フォルダ]にドラッグして、素材にするだけです。

 

この同じテクニックを、素材にしたいものすべてに適用できます。

 

これで、手首が悲鳴を上げそうになるたびに、事前に作成した絵をドラッグして使用するだけで、時間と命を救うことができます！使い方はあなた次第です。トレースするか、以前に描いた首のない体に接続するか、どちらでも構いません。

✽ 漫画のフォーマット ✽

Webtoonの要件を確認してください。1ページあたりの最大サイズは800x1280pxです。

それでは、CSPを開きましょう。

 

✦ [ファイル] > [新規] に移動します。[Webtoon]プロジェクト形式を選択し、[プリセット]をスクロールして、希望のWebtoonサイズをクリックします。

アートを鮮明で滑らかに見せたい場合は、800px以上の幅のサイズを選択するのが最適です。このサイズは少し小さすぎます。[書き出し]機能でキャンバスサイズを後で元に戻せるので、心配ありません。

 

私個人としては、2000x20000px、350dpi（350dpiは印刷に十分です）を使用するのが好きです。

高さは後で分割できるので重要ではありません。

 

✦ 私のように頻繁に使うカスタムサイズがある場合は、横にある小さな矢印のボタンを押すだけで[プリセット]として保存できます。

✽ レイヤーテンプレート ✽

今後のエピソードのためにレイヤーテンプレートを作成すれば、同じレイヤーを何度も繰り返し作成して名前を変更する必要がなくなります！

 

✦ 新しいキャンバスプロジェクトを作成します。種類は問いません。[ファイル] > [新規]

✦ レイヤータブに移動し、目的のフォルダとレイヤーの作成を開始します。囲まれたボタンをクリックして、レイヤーに色を追加することもできます。

✦ 次に、一番下の[用紙]レイヤーなど、不要なレイヤーをすべて削除するようにしてください。

✦ すべて作成したら、[編集] > [素材登録] > [テンプレート] に移動し、レイヤーテンプレートを保存する場所を選択します。

これで、新しいエピソードを開始するたびに、テンプレートを[レイヤー]タブにドラッグ＆ドロップするだけで済みます。

✽ ストーリーボード ✽

さあ、スクリプトを取り出してスケッチを始めましょう！

 

私はストーリーボードを作成するとき、通常、異なる種類のキャンバスサイズを使用します。ページごとに作業するよりも、まずそれらをまとめる方が簡単だからです。500x50000px、またはそれよりも幅の小さいサイズを使用します。ただし、このチュートリアルでは通常のサイズを使用します。

 

✧ ストーリーボードをきれいに見せる必要はありません。簡単な棒人間やアメーバでも構いません。重要なのは、キャラクターの配置とセリフのアイデアをスケッチすることです。

 

✧ セリフの吹き出しをどこに配置するかを計画してください。苦労して描いたアートの一部が吹き出しの下に隠れてしまうのは避けたいでしょう。

✧ 漫画や通常のコミックブックのページとは異なり、Webtoonには独自のフローがあり、自由に工夫できます。たとえば、コマのペース配分によって、表現したい緊張感やドラマチックな効果を生み出したり、シーンの切り替えを自由に操作したりできます。

✽ スケッチ ✽

スケッチの工程を飛ばして、いきなり線画に進むこともあります。これにより時間を節約でき、スキルを試す良い練習にもなります。

 

✦レイヤーカラー✦

 

✧ [レイヤープロパティ]タブに移動し、[レイヤーカラー]を選択します。

✧ これにより、選択したレイヤーがデフォルトの青色に変わります。私はスケッチや線画を開始するときによくこれを行い、現在作業しているレイヤーと下のレイヤーをより明確に区別しています。

✦3Dモデル✦

✧ 解剖学スキルがスランプに陥ったときの救世主！

✧ デフォルトのモデルを使用し、体のプロポーションを簡単に調整して、あなたのオリジナルキャラクターに合わせることができます。

✧ モデルを編集して好きなポーズを実現したり、アセットストアから入手したり、[ポーズスキャナー]を使用したりできます。

 

✦背景を先に✦

 

✧コマに背景を先に配置する必要がある場合があります。キャラクターを描き終えて色も塗ったのに、適切な背景のパースが見つからず苦労する、という状況を想像してみてください。これは特に全身を描くシーンで顕著なので、事前に準備しておく必要があるかもしれません。ここに示されているように、キャラクターが場違いに見えるのは避けたいでしょう。

✽ コマ ✽

さあ、コマを作り始めましょう！

 

✧ 私は[コマ枠]ツールをよく使用します。これは自動的にコマのマスクを作成します。これにより、線画が外側の線からはみ出すことはありません。

 

✧ 私の設定では、[追加方法]で[選択中のフォルダに追加]を選択しています。そのため、作成するすべてのコマは1つのフォルダ内にのみ作成されます。

✧ 漫画を印刷する予定がある場合、またはコマを簡単に移動できるように整理したい場合は、

[新規フォルダを作成]を選択するのが良いでしょう。

 

✧ コマの形もシーンの雰囲気を決定します。

例えばアクションシーンのように。フレームに個性を加えましょう。

✧ キャラクターをコマから飛び出させることもできます。

✧ あるいは、何も置かないこともできます。

✽ 線画 ✽

以前は線画は常にきちんとしていなければならないと思っていて、時間がかかるためこの工程が嫌いでした。しかし、最終的にはアーティストと彼らのアートスタイル次第です。

 

線が乱雑だったらどうする？私一人しかいないのだから、ベタ塗りで苦しんで、カラーシェーディングでアートを表現しよう！ᕕ( ᐛ )ᕗ

 

しかしほとんどの場合、線画はきれいに見えるべきで、そうすれば残りのプロセスがスムーズに進むことには同意します。

 

✦ペンツール✦

 

✧ ほとんどのアーティストはGペンツールをデフォルトの線画ペンとして使用しています。私の場合、通常は粗い質感のペンを使うのが好きですが、新しいペンを試したりツールを切り替えたりするのが好きで、それがアートに明確な変化をもたらします。 ;;

✧ 線画ペンは自分が満足して使いやすいものにしてください。それをたくさん使うことになるでしょう。

 

✦ベクターレイヤー✦

 

✧これは線画に最適です！拡大縮小しても解像度が保持されます。間違いがあっても編集できますが、個人的には線を簡単に削除できる[ベクター消しゴム]を使用するのが好きです。

✦線幅✦

✧ [線修正]ツールを使用して線画に重みを加え、描画をより立体的にします。影が最もできやすい描画の角に使用してください。また、線を太すぎたり細すぎたりしたときの間違いを修正するためにもこれを使用します。

✦ゆがみツール✦

✧ うっかりミスをして、描画を修正するのが難しいですか？ゆがみツールを使えば、線をお好みに調整できます。ただし、これを[ベクターレイヤー]では使用できないため、レイヤーを右クリックして[ラスター化]するようにしてください。

✽ ベタ塗り ✽

CLIP STUDIO PAINTでカラーパレットを保存する方法はたくさんあります。

私が最もよく使う2つの方法は、[カラーセット]と[サブビュー]です。これらは[ウィンドウ]メニューからアクセスできます。

 

✦カラーセット✦

✧ すでに選択できるように、さまざまな色が配置され表示されています。独自のセットを作成し、カラーパレットを追加することもできます。

 

 

✦サブビュー✦

✧ サブビューは、別のファイルや画像から直接色を採取する際に非常に便利です。キャラクターリファレンスシートがここで役立ちます。カーソルを上に置くと、自動的にスポイトツールに変わり、便利です。カラーパレットとしてだけでなく、参照画像をここに表示して使用することもできます。

 

ベースカラーを塗りつぶすために、デフォルトの[塗りつぶし]ツールと、私のお気に入りのアイスクリームマンという2つのツールを使用しています。

アイスクリームマンツールは、線画の下にも色を塗ることができ、描画の小さな角のほとんどをカバーしてくれるので、本当に素晴らしいです。

 

使い方は以下の通りです。

✦ 線画レイヤー/フォルダを[参照レイヤー]に設定します。使用するツールも参照レイヤーに設定されていることを確認してください。このテクニックにより、参照されている特定のレイヤーにのみ塗りつぶしまたは描画ができます。

 

✦ さあ、自由に異なるカラーレイヤーにベタ塗りを配置してください。

 

時々、すべての描画が空きなしで適切に塗りつぶされていることを確認するために、もう1つの追加ステップを踏みます。

 

✦ カラーフォルダの上に[新規レイヤー]を作成し、クリッピングします。

 

✦ バケツツールまたは暗い色のグラデーションを使用して塗りつぶします。

 

✦ これで、空いている領域をより簡単に再確認できます。ここに示されているように、いくつかの角を見逃していたことがわかります。

✽ カラーレンダリング ✽

✦囲って塗りつぶしツール✦

✧ 私は色塗りにこのツールの使用を推奨します。使いやすく、時間を節約できると思います。ただし、よりシンプルなシェーディングスタイルに適しているかもしれません。

アーティストごとにアートのシェーディングスタイルは異なります。私のプロセスでは：

✧ 肌と髪のレイヤーには[アルファロック]を使用します。

✧ 服については、それらをフォルダに入れ、その上に[乗算]ブレンドモードのレイヤーを作成します。私の服のレイヤーは、シャツ、パンツなど、しばしば分離されています。そのため、服の一部だけを色付けする必要がある場合は、レイヤーを右クリックして[選択範囲を作成]を選択するだけです。これにより、現在のレイヤーの描画された部分のみから選択範囲が作成されます。

 

 

✽ 背景 ✽

 

✦3D背景モデル✦

✧ すでにご存知かもしれませんが、3D背景は作業を効率化する時間のかからない方法の1つです。アセットストアやプログラム内のデフォルトの3Dモデル、そして多くの優れたデザインを販売しているAcon3Dをチェックしてみてください。

✧ （私のように）節約したいのであれば、3Dプログラムの使い方を学ぶのも良いかもしれません。背景を作成するには、SketchUp、Blender、hd3dをお勧めします。

 

✦既製背景✦

✧ [素材]タブには、学校の教室から可愛いパターンまで、たくさんの既製背景があります。ドラッグ＆ドロップで簡単に使用できます。

 

✧ 独創性を好む場合は、独自の背景を作成することも忘れないでください。

それらを素材にするには、[編集] > [素材登録] > [画像] に進みます。

キャンバスにドロップされたときの[貼り付け操作]をどのようにしたいかチェックしてください。

✦強調✦

キャラクターを際立たせ、読者の視線を誘導したい場合は、背景をぼかしましょう！

 

✧ ぼかしたい背景レイヤーを選択します。[フィルター] > [ぼかし] > [ガウスぼかし]

✧ 私は[強さ]を20～30.00あたりに設定するのが好きです。お好みによって調整してください。

 

✦キャラクターを背景から分離するもう一つの方法です。

 

✧ 背景レイヤーの上に[新規レイヤー]を作成し、ブレンドモードを[スクリーン]または[加算（発光）]に変更します。

 

✧ 白または明るい色を選択し、キャラクターの頭の後ろに[エアースプレー]ブラシを使用します。全身の場合は、軽くほとんどの部分にスプレーしてください。微妙な変化ですが、全体的には効果があります。

✦ このプロセスでキャラクターを光らせることもできます。

 

✧ 線画と色を含むキャラクターの複製レイヤーを作成します。それらを結合し、元のキャラクターレイヤーの下に配置します。

 

✧ [レイヤープロパティ]タブに移動し、[レイヤーカラー]を選択します。最初のボックスを選択し、デフォルトの青色を白に変更します。次に[境界効果]も選択し、光の範囲を決定します。その後、右クリックしてそのレイヤーを[ラスター化]します。

✧ 次に[ガウスぼかし]を使用します。その後、不透明度を下げるか、[合成モード]を変更するかはあなた次第です。いろいろ試してみてください！

✦ 通常のコマで背景を編集する私の通常プロセスをお見せします。

 

✧ [ガウスぼかし]で背景をぼかします。[グラデーション]ツール > [描画色から透明]を使用します。

白い色を選び、コマの上部から下に引きます。

 

✧その上に[新規レイヤー]を作成し、クリッピングします。[合成モード]を[覆い焼き（発光）]に変更します。[エアースプレー]ツールを使用し、少し彩度の高いオレンジ色を選びます。コマの上部両側からスプレーします。

✽ セリフ ✽

スケッチの段階より前にセリフを追加しておけば、その位置をしっかり把握でき、セリフボックスに隠れてしまう不要な部分を描く必要がありません。

 

✧ 読みやすいフォントと、快適に読めるサイズを使用するようにしてください。

 

✧ 5ページにもわたるエッセイを一つのセリフの吹き出しの中に詰め込まないでください。一つの吹き出しには最低3〜4文程度に区切りましょう。いきなり多くの情報を提供する必要はありません。私の金魚の脳みそではついていけません。

 

✧ セリフの吹き出しは、テキストの感情を強調する良い方法です。CSPには、物語のボックスから怒りのセリフのためのとがったものまで、様々な種類が用意されています。

 

✧ 書き文字の擬音語を忘れないでください！英語には存在しないオノマトペがあるかもしれませんが、その場合は自分で作成するしかありません。（おそらく）

✽ 書き出しと公開 ✽

Webtoonの自動スライス機能を作成してくれたCSPにハレルヤ！

 

書き出す前に、エピソードが公開するのに十分な出来栄えか、もう一度確認してください。モバイルでどのように見えるか見てみましょう。

 

✧ [表示] > [画面表示範囲(Webtoon)] に移動します。ハイライトされた部分が携帯電話の画面表示です。

 

Webtoonを書き出す方法は2つあります。

 

✦最初のオプション✦

 

✧ [ファイル] > [Webtoon書き出し] に移動すると、このボックスが表示されます。この形式に従ってください。

 

PNG形式を選択してください（PNGはピクセルを保持し、解像度を高く保つのに最適です）。Webtoonには20MBのファイル制限があるため、ファイルが収まらない場合はJPEGを選択してください。[OK]をクリックすると、エピソードが自動的にスライスされ、フォルダに保存されます。

✧ 以前に保存したすべての作品があるCSPメニューに移動します。アップロードしたいファイルを simplyクリックし、読み込みが完了したらWebtoonページに戻ります。

 

これは数クリックで書き出す簡単な方法です。Webtoonを自動的に縮小し、スライスしてくれます。

✽ その他のヒント ✽

✦ 長期的に使用することが確実なものは何でも、常に素材やカスタムブラシに変換してください！

✦ 描画する際、常に拡大して細部に集中する必要はありません。なぜなら、それらの細部はまったく目立たないことがわかるからです。ズームアウトした状態で描画する練習をしましょう。これにより、間違いをより早く見つけやすくなります。

 

✦ コンパニオンモードを使用しましょう！この機能により、スマートフォンを携帯型ショートカットデバイスとして使用できます。

✦ レイヤーが多すぎて必要なものが見つからない場合は、[Ctrl] + [Shift] を押しながらその領域をクリックしてください。対応するレイヤーに移動します。

 

✦ あるクリエイターが私にこう言いました。「ほとんどの読者は、一つのコマに2秒しか留まりません。」このことを念頭に置いてください。

 

✦ 無理しすぎないでください。時々休憩を取ることを忘れないでください。

✽ 最後に ✽

ふぅ！長かったですね！

この記事にできるだけ多くのことを含めたいと思いました。

 

お役に立てたなら嬉しいです！ (´ ω `♡)

もし私の作品をご覧になりたい場合は、こちらが私のWebtoonクリエイターページです〜