Manny Guevarraによる徹底ガイド

はじめに

 

こんにちは、皆さん！Mannyです。私はWEBTOON CANVASで4つのコミックシリーズを公開しているウェブコミックアーティストです。私のメインシリーズ「The Mind's Eye」は、プラットフォームで100万回以上の閲覧数と2万人の購読者を獲得しています。WEBTOON CANVASでの3年以上の公開経験から得た成功のヒントを共有する、初心者向けのWEBTOONチュートリアルへようこそ！

⬇⬇⬇

 

WEBTOONを制作したいと思ったことはありますか？でも、どこから始めればいいか分からなかったり？

このチュートリアルでは、Clip Studio Paintで最初の縦スクロールウェブコミックを制作し、WEBTOONのセルフパブリッシングプラットフォームであるWEBTOON CANVASに公開するためのステップバイステップガイドを提供します！CANVASでは、独自の公開スケジュールを設定でき、数百万人の読者にリーチしながら広告収入を得ることも可能です！

 

 

さらに、始めるのは思っているよりもずっと簡単です。特に、Clip Studio Paintのようなツールの助けがあれば尚更です！

このチュートリアルは、WEBTOONの制作に関するあらゆる疑問を網羅できるよう、できる限り包括的に作成しましたので、保存しておいて後で参考にしてください！制作パイプラインにおけるすべてのコミック制作手順、WEBTOONからの役立つリソース、そしてジャンルを問わず、Clip Studio Paintのさまざまな便利な機能を使ってコミックを最初から最後まで作成する方法について説明します！

 

このチュートリアルのビデオ版を以下でチェックして、一緒に描きましょう！

⬇⬇⬇

 

(更新：究極のガイドのパート2が公開されました！上記の最初のビデオではコミック制作の全パイプラインをカバーしていますが、このビデオでは以下の「WEBTOONを制作する」セクション、キャラクターデザインやWEBTOONのエピソード作成などのプリプロダクションについてカバーしています！)

⬇⬇⬇

WEBTOONを制作する

他のクリエイティブプロジェクトと同様に、コミックシリーズも綿密な計画と準備が必要です。コミック制作の前の段階は、適切にプリプロダクション、または「プリプロ」と呼ばれます。クリエイターとその独自のプロジェクトの範囲によって、この期間は数週間から数ヶ月以上かかることがあります。私の最初のヒントは、この段階を最大限に活用し、3エピソード以上の健全なバッファを作成し、シリーズの方向性を可能な限り計画することです。

 

この段階では、時間をかけてブレインストーミングを行い、脚本を作成し、キャラクター、クリーチャー、小道具、環境デザインなどのコンセプトアートを作成します。物語の世界を探求し、シリーズの公開準備をする間、ソーシャルメディアで今後のプロジェクトを発表し、コンセプトアート、スケッチ、WIP、ロゴ/タイトルカード、パネル、アートプロセスビデオ、その他のメディアで宣伝を開始することも役立ち。

 

🟩 キャラクター 🟩

 

物語の書き出しに迷ったら、まずキャラクターから取り組んで、キャラクター主導の物語を作ることをお勧めします。このような物語は、読者が理解し、感情移入できる人間の感情、願望、欲求によって動かされているため、より没入感があり、信憑性があると感じられることがよくあります。

 

キャラクター主導の物語では、物語の出来事すべてが、登場人物のキャラクター開発に結びつきます。これは、物語に強力なプロットが不要であるという意味ではなく、そのプロットが、人々として変化し成長する必要のあるキャラクターによって動かされるべきであることを意味します。

 

始めるにあたり、WEBTOONはあらゆる経験レベルとあらゆる制作段階のクリエイター向けに豊富なリソースを公開しています！プリプロダクションのキャラクター開発段階のアーティストにとって非常に役立つリソースの1つは、以下の「キャラクターシート」です。

 

 

▶ ヒント：このシートを記入する際は、「キャラクターの願望と必要性」のセクションに特に注意を払ってください。キャラクターの「願望」と「必要性」の対比を確立することが、キャラクター主導の物語の要です。物語が進むにつれて、キャラクターは「願望」という安全網から離れ、冒険への呼びかけの中で「必要性」または義務を果たすべきです。

 

キャラクターを掘り下げたら、いよいよ楽しい部分、キャラクターデザインです！WEBTOONが提供するもう一つの役立つリソースは「キャラクターデザインシート」です。これは、作画プロセス全体でキャラクターアートをモデル通りに保ち、一貫性を維持するのに役立ちます。

 

 

▶ ヒント：キャラクターをよく理解したところで、このデザインを通して彼らの個性を輝かせましょう！彼らは明るく派手な色を着るような注目を集めたがるタイプですか、それとももっと控えめで、注目を避けるために落ち着いた色調の服を着るタイプですか？もしかしたら、温かい性格なので、暖色系の黄色、オレンジ、ピンクが一番似合うかもしれませんね？

 

「キャラクターシート」と「キャラクターデザインシート」は、他にもいくつかの役立つリソースとともに、以下のWEBTOON公式サイトからPDF形式でダウンロードできます。

⬇⬇⬇

 

🟩 物語 🟩

 

登場人物が揃ったら、彼らの物語を作る時です！物語を書くことを想像すると、以下に描かれているような伝統的なプロットの概要を思い浮かべるかもしれません。

 

この一般的な構造に従うことは、プロット主導の物語に特にうまく機能する、確立された確実な方法です。しかし、WEBTOONのどこから始めればよいか悩んでいる場合は、別のモデルが役立つかもしれません。キャラクター主導の物語を構築する際、私は時々ジョーゼフ・キャンベルの「千の顔を持つ英雄」のモデルからインスピレーションを得ています。

 

キャンベルは歴史上書かれた無数の神話を研究し、そのほとんどの英雄が似たような物語を共有していることを発見しました。「普通の世界」に住んでいて、冒険へと呼び出される。最初はそれを拒否するが、何かが彼らを「境界を越え」機会の領域へと駆り立て、真の力を振るうことを学び、究極の「試練」に直面した後、英雄となって故郷に戻る。お気に入りのSFスペースオデッセイや山岳ファンタジーを思い浮かべれば、「千の顔を持つ英雄」がいかに普遍的であるかがわかるでしょう。

 

執筆の観点から見ると、このモデルはキャラクター主導の物語に最適です。なぜなら、キャラクターに変化を強要し、「普通の世界」に留まりたいという願望を捨てさせ、自分自身や他者の真のニーズを満たすことを迫るからです。例えば、私はこのモデルの凝縮版を作成して、WEBTOONの「Call To Action」のエントリーを執筆しました。

 

「Call To Action」の要件に従い、このWEBTOONはアクション満載の物語を1つのエピソードに収めています。しかし、長編のWEBTOONシリーズはエピソード形式であり、毎週またはそれ以上の間隔でエピソードを断続的に公開することになります。そのため、各エピソードは何らかの形で独立している必要があります。

 

▶ ヒント：物語を書く際にこれを行うには、各エピソードに何らかのレベルのプロットまたはキャラクター開発を含めることを目指してください。これは、すべてのシーンで壮大な戦いがあるべきという意味ではなく、各エピソードが全体的な物語に何らかの形で貢献するということです。それは重要な会話であったり、その会話の中で調子を変える物語の展開であったり、驚くべき啓示であったり、キャラクターが避けてきた何かを熟考する静かでシンプルな思考であったりするかもしれません。新しいキャラクターを登場させたり、文脈から外れたフラッシュバックを明かして読者を考えさせたり、以前のエピソードに忍び込ませたフラッシュバックを説明したりすることもできます。可能性は無限大です！

 

物語の語り口には無限の方法があります。これは決して決定的な、あるいは「正しい」アプローチではありません。ただ、考えるべきヒントをいくつか挙げただけです！一部のクリエイターは、物語の全体的なプロットから始めて、その物語に合う役割に基づいてキャラクターを作成します。他のクリエイターは、より視覚的なアプローチを取り、最初にキャラクターデザインを作成し、それを見てからキャラクターの個性や動機を掘り下げます。結局のところ、自分に最適な方法を見つけるしかありません！

 

🟩 どれくらいの時間がかかりますか？ 🟩

 

このセクションの冒頭で述べたように、プリプロダクションには数週間から数ヶ月、場合によっては数年かかることがあります。私の意見では、制作のどの段階においても、コミックに費やすべき「正しい」または「間違った」時間の量というものはありません。しかし、あらゆるスキルレベルのアーティストには、自分のアートや物語が「完璧」になるまで待つのではなく、十分に準備ができたと感じたらシリーズを公開することをお勧めします。

（ネタバレ注意：「完璧」というものはアートにおいては存在しません！）

 

アートは主観的であると誰もが耳にしますが、私たちは時々自分自身に厳しく接してしまいます。私もかつては、「完璧」ではないことを恐れて、本当にやりたかったことを試す前に諦めていました。しかし、成功するために完璧である必要はないだけでなく、むしろ読者は、お気に入りのWEBTOONが続き、アーティストが成長していく中で、アートと物語の進歩を見ることを好むのです！

 

▶ ヒント：では、いつ「十分に準備ができた」と判断し、コミックを公開する準備ができたとわかるのでしょうか？WEBTOON CANVASでシリーズを公開したことがない場合、このセクションでの最後のヒントは、以下の10の基準を満たしていることを確認することです。

 

(1) 3エピソード以上の健全なバッファを確立する。***

(2) 主要キャラクターのキャラクターデザインを完成させている。

(3) それらのキャラクターデザインをモデル通りに一貫して描き、各コマで連続性を維持できる。

(4) 自分の画風の将来に対する明確なビジョンを持っている（今すぐに100%満足していなくても）。

(5) シリーズ全体を通して、主要キャラクターの行動の動機を理解している。

(6) シリーズの少なくとも最初のシーズンの脚本または脚本トリートメントを書く。

(7) シリーズの残りの基本的な概要を書く。

(8) 目指すべき一般的な結末や最終目標を持っている。

(9) 毎日、毎週、毎月など、一貫した投稿スケジュールを守ることができる。

(10) フォロワーが1人でも100万人でも、宣伝するためのソーシャルメディアチャネルを準備している。

 

*** シリーズを公開する際は、3つのエピソードを投稿するのが一般的な経験則です。これにはいくつかの理由があります。技術的には、WEBTOONのUIで、読者が3番目のエピソードを読み終えた後に購読を促す自動プロンプトが生成されます。実際には、これにより、読者をコミックに引き込むためのしっかりとしたストーリーの「フック」を作成できます。さらに、WEBTOONの最初の3つのエピソードは、編集者が読む際にあなたの「ピッチ」として扱われます。

Clip Studio Paintで始める

物語、世界観、そしてその中のキャラクターを思い通りに構築したら、いよいよコミックの作画準備です。Clip Studio Paintで新しいプロジェクトを作成しましょう！まず、[ファイル] > [新規] を選択します。ホットキー [Ctrl + N] を使用することもできます。

 

このウィンドウを開くと、イラスト、ウェブトゥーン、コミック、同人誌、アニメーションなど、いくつかのキャンバスオプションが表示されます。その名の通り、「ウェブトゥーン」オプションは、WEBTOONを作成し、縦スクロール形式を最大限に活用するのに最適です。

 

WEBTOONへのファイルアップロードの最大寸法は800 x 1280 pxです。そのため、[Webtoon 3] と [Webtoon 4] のプリセットは、制作開始時のキャンバスサイズとして良い選択肢です。個人的には、通常キャンバスを300 dpiで1600 x 25,600 pxに設定しています。

 

これにはいくつかの理由があります。最終的な画像よりも少し大きめのキャンバスを作成することは常に良い考えです。エクスポート時に画像を拡大する必要がある場合、画質が低下してしまうため、それは避けたいものです。WEBTOONにアップロードする際の最終的なファイル幅が800 pxである必要があることを念頭に置き、高品質を確保するために、幅を必要な量の2倍にするよう心がけています。

さらに、最終的なファイルサイズは長さ1280 pxになるため、私はファイルの長さを1,280または2,560の倍数に保つようにしています。これにより、最終的にいくつのファイルができるかを予測できます。CANVASの1つのエピソードで許可されるファイルの最大数は100、合計最大ファイルサイズは20MBです。

 

CANVASのUIには、最大寸法である800 x 1280 pxを超える画像を自動的にスライスして縮小する便利な機能が搭載されています。また、Clip Studio Paintにはファイルをスライスするために使用できるいくつかのツールがあり、これについては後ほど説明します。しかし、これら2つの間には、ファイルを準備するために使用できる多くの便利なツールがありますので、縦スクロール形式を最大限に活用するために、長めのキャンバスで作業することを恐れないでください！

 

「ウェブトゥーン」設定を使用すると、CLIP STUDIOは各ファイルの便利なプレビューも作成してくれるので、ストーリー全体の流れを追うことができます！ファイル間を切り替えるには、各「ページ」をダブルクリックするだけです。ページをドラッグアンドドロップするだけで並べ替えることもできます！

 

作画プロセス全体を通して、Clip Studio Paintの[画面表示範囲]機能を使用して、モバイルデバイスでどのように表示されるかを確認できます。[表示]メニュー > [画面表示範囲 (webtoon) (5)] に移動するだけです。

 

これにより、コミックがさまざまなモバイルデバイスでどのように見えるかの便利なビューが提供されます。WEBTOONの報告によると、ほとんどのユーザーはモバイルデバイスでコミックを読んでいます。キャンバスをスクロールすると、プレビューウィンドウも追従します。このオプションを[表示]メニューから再度選択すると、オフに切り替わります。

 

最後に、一部のアーティストはコミックを従来のページ形式で作成し、WEBTOONの縦スクロールエピソード用にパネルを再フォーマットすることを選択します。縦スクロールのWEBTOON形式でコミックを描くことで、インパクトパネルやコマ間スペースなどを最大限に活用できますが、この方法は、例えば、コミック用に独自のサイトを運営する予定がある場合や、後で印刷版を制作する予定がある場合に役立ちます。

I. サムネイル、絵コンテ、スケッチ

よし！キャンバスの準備ができたので、描き始めましょう！コミック制作パイプラインを進むにつれて、コミック制作プロセスの手順と、そのプロセスを効率化するのに役立つClip Studio Paintの機能について学びます。

 

デジタルで描く場合でも、伝統的な方法で描く場合でも、コミック制作パイプラインは一般的に、サムネイル、絵コンテ、スケッチ、ペン入れ、着色、効果、タイポグラフィ、フォーマットというステップで構成されます。縦スクロール形式のデジタルコミックを制作するため、私たちのプロセスは従来のコミック制作とは少し異なるかもしれませんが、基本的なステップはほぼ同じです。

 

⬛ サムネイル作成 ⬛

 

個々のパネルの絵コンテを作成する前に、多くのアーティストはページのレイアウトをサムネイルで作成することから始めます。サムネイルは、ページのパネルの流れを確立する大まかなスケッチです。これらは通常、非常に最小限のディテールで小さな描画であり、いくつかの異なるイテレーションを素早く作成するために連続して描かれます。

 

▶ ヒント：パネルをレイアウトする際に役立つ点がいくつかあります。

 

(1) WEBTOONは、縦スクロール形式で「映画のような体験」を創り出すことを目指しており、コミックは一度に1コマずつ読まれるようになっています。幅800pxのキャンバスサイズに基づき、WEBTOONはパネル間に少なくとも200pxの垂直スペースを設けることを推奨しています。

 

(2) 場所やシーンの変更を伴うトランジションの場合、WEBTOONはパネル間に少なくとも600pxから1,000pxの垂直スペースを設けることを推奨しています。このガッタースペースは、時間の経過や長距離感を伝えるために使用でき、従来の印刷形式とは異なり、WEBTOONの縦スクロール形式は実質的に無限のスペースを許容するため、これを活用してください！

 

(3) ガッタースペース（閉じたパネル間のスペース）について言えば、ここは以下のようなものを配置するのに最適な場所です。(a) 葉や雪などの天候インジケーター、(b) スパークル、泡、星などのマンガパターン、(c) 物語にとって重要なモチーフ、さらには (d) 独立させたいインパクトのあるセリフ。

 

(4) パネルを従来のコミックページの限られたスペースに収める必要がないため、縦スクロール形式はパネルの形状で遊ぶ新しい可能性を開きます。パネルの高さ、幅、形状、位置を変化させ、サイズを使って特定のショットの重要性を示すようにしてください。

 

(5) 同様に、インパクトパネル（画面全体を占める「開いた」または境界線のないパネル）で遊んでみてください。これらのタイプのパネルは、新しいキャラクターの紹介など、シーンの重要な瞬間を強調するのに最適です。

 

ふう！たくさんの情報でしたが、縦スクロール形式で作業すればするほど、自然に流れに乗れるようになりますよ！

 

⬛ 絵コンテ作成 ⬛

 

シーンのイメージに合ったサムネイルのセットを選んだら、絵コンテ作成フェーズに移ります。サムネイル作成と絵コンテ作成フェーズを組み合わせるアーティストもいますが、私はまず別のドキュメントで小さなサムネイルを作成して全体の流れを確認し、その後、最終的なキャンバスで絵コンテ作成に移るのが好きです。

 

絵コンテ作成フェーズでは、以下のことを行います。(1) 最終キャンバスにパネルを配置する、(2) キャラクターの立ち位置、ポーズ、基本的な表情をマッピングする、(3) 吹き出しを配置する。***

***これは非常に重要です！この段階で吹き出しの配置を計画することを強くお勧めします。そうすれば、後で無理に押し込んだり、アートワークを隠したりするのに苦労する必要がありません。WEBTOONは、パネルが混雑しないように、1つのパネルあたりの吹き出しを3つ以下に制限することを推奨しています。

 

▶ ヒント：パネルの混雑をさらに避けるために、吹き出しやナレーションボックスをガッタースペースに置くこともできます。このようにセリフを配置することで、読者のペースを助け、インパクトのあるセリフを強調することもできます。

 

⬛ スケッチ ⬛

 

ページを効果的にレイアウトしたら、シーンに楽しいディテールを追加し始めることができます。スケッチの段階では、キャラクターの髪、顔のパーツ、服装、小道具、その他のディテールを具体化し、ペン入れの段階で成功するための準備を整えます。スケッチをきれいにすればするほど、ペン入れの段階での作業が少なくなります！

 

 

一般的に、パネルのスケッチには[サブツール：鉛筆]または[サブツール：ブラシ]を使用することをお勧めします。スケッチの一部を消すときは、[サブツール：消しゴム] > [ツールプロパティ：柔らかい]などの柔らかい消しゴムを使用して、エッジをフェザーダウンします。

 

▶ ヒント：キーボードの(X)をクリックするか、カラーホイールの左下にあるカラー見本の下の透明オプションを選択することで、どのブラシでも消しゴムとして使用できます。

 

▶ ヒント：背景を手描きしない場合でも、キャラクターの周囲の環境と、その中の配置をスケッチすることは役立ちます。これにより、背景を追加する際に、手描きであろうとブラシや3Dモデルなどのアセットを使用していようと、自然な配置と遠近感を確保できます。

 

背景に苦労している場合、またはコミックの背景に対するさまざまなアプローチについて学びたい場合は、説得力のある背景を作成する方法に関する私の最近のチュートリアルを自由にチェックしてください。

⬇⬇⬇

 

最後に、スケッチをペン入れする準備をする際は、スケッチレイヤーの不透明度を約10～18%（または目に負担をかけずに設定できる最低限のレベル）まで下げることをお勧めします。これにより、線画に集中できます。

II. WEBTOONのコマ割り

パネルのスケッチが完了したので、いよいよ制作プロセスの本番です！まずは、スケッチに基づいて最終的なパネル枠を作成する、コマ割りから始めましょう。

 

⬛ コマ枠ツール ⬛

 

Clip Studio Paintには、コミックのコマ割りに役立つ素晴らしいツールがいくつかありますが、おそらく最も広く使われているのは、ツールバーの下部、またはキーボードの (U) をクリックすることで見つけられる [サブツール：コマ枠] です。

 

[サブツール：コマ枠] を選択したら、画面上でカーソルをクリックしてドラッグするだけで、独立したパネルを瞬時に作成できます。

 

これにより、各コマごとにレイヤーマスクのような機能を持つフォルダーが自動的に生成されます。各フォルダー内には個別のレイヤーを作成できますが、それらに描画されたものはすべてコマ内に収まります。

 

コマ間を素早く切り替えるには、キーボードの (O) をクリックして [サブツール：操作] に切り替え、目的のコマを選択します。[サブツール：操作] を使用して、コマの枠線を選択することでサイズ変更や変形を行うこともできます。

 

また、コントロールポイントを使用してコマを調整することもできます。コントロールポイントは、コマが選択されていないときはコマの角に赤い中空の四角として表示され、選択されているときは緑色の赤い四角として表示されます。コントロールポイントを操作するには、単に1つを選択し、キーボードの矢印キーを使用するか、マウスでドラッグして移動させます。

 

[サブツール：操作] でコマにコントロールポイントを追加するには、コマを右クリックして [制御点の追加] を選択するだけです。この方法でコントロールポイントを削除することもできます。

 

コマを分割するには、[サブツール：コマ枠] メニュー内の [コマを切る] オプションを使用します。この分割ツールを使用するには、目的の方向にフレームを横切ってドラッグするだけです。[コマフォルダーを分割] オプションは現在のコマのフォルダーを2つに分割し、[コマ枠を分割] オプションは現在のフォルダーを維持し、単純に枠線の形状を変更します。

インパクトパネルやその他の設定されたコマ枠の外にある開いたパネルを描画するには、指定されたフォルダーの外にあるレイヤーに描画するだけです。

 

III. WEBTOONのペン入れ

 

パネルを作成したので、次はペン入れのフェーズに移りましょう！

 

⬛ ペン入れ ⬛

 

ペン入れは「線画」または「線画フェーズ」と呼ばれることもあります。「ペン入れ」とは、伝統的な印刷コミック制作で線画を作成するために使用されるインクを指します。私たちの場合、デジタルペンでページを「ペン入れ」します。Clip Studio Paintには、ペン入れに適した様々な太さの[サブツール：ペン]プリセットがあり、[Gペン]、[カブラペン]、[テクスチャペン]などがあります。

 

[サブツール：ペン] の設定（テーパーなど）は、レンチアイコンをクリックすることでいつでも切り替えることができ、以下の[サブツール詳細パレット]が表示されます。

 

 

前の段階のスケッチに満足したら、それをガイドとして線画を描きます。ほとんどの場合、その後の着色段階を可能な限りシームレスにするために、線画を閉じるのが最善です。線画が閉じているほど、その中の領域を塗りつぶしやすくなります。

それでも、あなた独自の画風では、意図的に図形間に開いた領域、細い線や太い線、テーパーのある線やない線が必要となるかもしれません。自由に試して、物語の望む雰囲気に最適なものを見つけてください！意図的な線画は、それ自体で強力なストーリーテリングツールとなりえます。

 

 

⬛ ベクターレイヤー ⬛

 

▶ ヒント：線画はベクターレイヤーで描くことをお勧めします。ラスターレイヤーとは異なり、ベクターレイヤーはサイズ変更やその他の変形を行っても画質が劣化しません。ベクターレイヤーを作成するには、[レイヤー]メニュー > [新規レイヤー] > [ベクターレイヤー...] に移動します。また、以下に示すように、レイヤーの上にある [新規ベクターレイヤー] アイコンを選択することでも可能です。

 

変形時の品質を維持するだけでなく、ベクターレイヤーは以前に説明した [サブツール：操作] を使用して簡単に操作できます。

 

[サブツール：操作] を選択するか、キーボードの (O) を押した後、[ツールプロパティ：オブジェクト] メニューを使用して、現在のベクターレイヤー上のすべてのオブジェクトのメインカラー、ブラシサイズ、さらにはブラシの形状を編集できます。

 

[サブツール：操作] を使用すると、ベクター線を選択して直接変形することもできます。これは、上記で説明した [サブツール：コマ枠] と同様です。コントロールポイントの追加、操作、削除も同じ方法で行えます。

 

[サブツール：消しゴム] > [ベクター] 消しゴムを使用して、ベクター線または線の一部を簡単にクリーンアップします。以下のオプションから、選択した線のどの部分を消去するかを選択できます。

ベクターレイヤーのヒントについては、私が最近作成した完全なガイドのチュートリアルをご覧ください！

⬇⬇⬇

▶ ヒント：クリーンな線画を実現するための私の最大のヒントは、「ゆっくり着実に」描くのではなく、素早く自信のあるストロークで描くことです！ゆっくり描けば描くほど、手の震えやペンのブレが生じやすくなります。線の行き先を知り、素早く動く方がはるかに安全な選択です。たとえ、望む線質が得られるまで何度か線を元に戻して描き直す必要があるとしてもです。ペンスタビライゼーションを使用することもできますが、私はこれだと有機的な線になりにくいと感じており、有機的な線の自信を築くには、この方法の方がはるかに優れた長期的な解決策だと思います。

 

ベクターレイヤーは、クリーンで簡単な線画に最適です。しかし、描画の着色とさらなるレンダリングは、Clip Studio Paintのデフォルトのレイヤーオプションであるラスターレイヤーで行うことをお勧めします。それから、色を追加しましょう！

IV. WEBTOONの着色

コミック制作の次の段階は着色です。従来の印刷コミック制作では、この段階はフラット塗り、トーン、レンダリングなどに細分化され、アーティスト間で分担されることがあります。しかし、どのようにアプローチするかにかかわらず、WEBTOONはコミックに何らかの色を追加することを推奨しています。なぜなら、カラーコミックは通常、プラットフォームで最もパフォーマンスが良いからです。そして、ご覧のように、それはあなたのアートをページから飛び出させるのに本当に役立ちます！

 

 

▶ ヒント：コミックの画風を選ぶ際、そして描画をどのようにレンダリングするかを決めるときは、自分が継続できると分かっているスタイルを選んでください！通常、毎週大量のパネルを制作することになるため、詳細なイラストを描くのと同じ程度に描画を完全にレンダリングすることはできないかもしれません。

 

私はコミックをレンダリングする際、キャラクターアートには通常、フラットな色にこだわり、線画と類似色パレットで描画をまとめます。クローズアップ（CU）やエクストリームクローズアップ（ECU）のショットは、特に物語の重要な瞬間であれば、適度にレンダリングすることもありますが、ほとんどの場合、フラットな色で十分であり、シーンの雰囲気を保てると感じています。このおかげで、各パネルをイラストのようにレンダリングしていたときよりも、約3倍の速さでページを作成できています。このように、(1) 一貫した投稿スケジュールを維持し、(2) 一般的な燃え尽き症候群を避け、(3) 体への余分なストレスを減らし、手首の健康を促進できるようなシステムを見つけることを強くお勧めします。

 

私は通常、暖かく類似色のカラーパレットで作業します。それは私のコミックの雰囲気に最も合っていると感じるからです。しかし、パレットを選ぶ際には無限の可能性があります。以下にその一部を紹介します。

 

⬛ 着色ツール ⬛

 

使用したいカラーパレットを選択したら、[カラーセット]タブで任意のセルを右クリックし、[色の追加]を選択して保存できます。ここから、イラストレーションプロセス全体で、保存した色をいつでもクリックするだけで簡単にスポイトで取り出すことができます。

 

▶ ヒント：任意のレイヤーの色相、彩度、明度を調整するには、キーボードの (Ctrl + U) をクリックしてHSVスライダーを表示するだけです。また、[レイヤー]メニュー > [新規色調補正レイヤー(J)] > [色相・彩度・明度] を選択して、クリッピング可能な補正レイヤーの形でスライダーを使用することもできます。

 

⬛ レイヤーの合成モード ⬛

 

Clip Studio Paintには、[レイヤー]パネルの左上隅にある豊富なレイヤー合成モードも用意されています。

 

これらの合成モードは、基本的に色相、彩度、明度に基づいて色を比較し、選択された（「設定」された）レイヤーと下にあるレイヤーとの間で相互作用を作成します。この相互作用は非破壊的であり、どちらのレイヤーも永続的に変更せず、いつでもオンオフを切り替えることができます。

合成モードは、コミックに素早く光と影を追加するための非常に便利なツールです！これらのモードは、一般的に以下のカテゴリに分けられます。

 

コミックのパネルに影を付ける際は、通常、[乗算]モードで彩度の低い青や紫を使用して、キャラクターに薄いセルシェーディングを追加します。光を追加する際は、通常、[スクリーン]モードで彩度の高い黄やオレンジを使用して、髪のハイライトなどの基本的なハイライトを作成します。その後、直射日光のようなより鮮やかで強力な光には[発光加算]モードを使用します。

V. Clip Studio Paintの便利な効果

 

もうすぐです！パネルに色を塗ったら、ページに最後の仕上げを加えましょう！

 

Clip Studio Paintには、あらゆるジャンルのコミック制作に最適な無数のエフェクトがあり、パネルを本当にレベルアップさせることができます！Clip Studioが提供する、最も一般的でインパクトのあるエフェクトのいくつかを見ていきましょう。

 

⬛ 効果線 ⬛

 

感情的な会話を描く場合でも、壮大な戦闘シーンを描く場合でも、効果線は読者の注意を引き、シーン内の重要なアクション、表情、キャラクター、または小道具に焦点を向けさせることができます。

Clip Studio Paintには、[素材]メニュー > [マンガ素材] > [効果線] にいくつかの既製効果線があります。

 

ページに適用するには、素材をキャンバスにドラッグアンドドロップするだけです。その後、[サブツール：操作 (O)] を使用して素材を回転、サイズ変更、変形できます。

 

効果線をカスタマイズしたい場合は、Clip Studioの[サブツール：図形]ツールに[集中線]と[流線]のオプションもあります。これらを使用するには、ツールを選択し、キャンバス上で中心点にしたい場所をクリックし、効果を放射させたい方向にマウスをドラッグして、エンターキーを押すだけです。

 

ぼかし効果を適用したり、効果線の一部を消去したりしたい場合は、[レイヤー]を右クリックして[ラスター化]を選択するだけでラスター化できます。

 

（コマ枠やベクターレイヤーなどのレイヤーもこのようにラスター化してさらに調整できますが、これを行うと、元のパラメータを使用して操作できなくなることに注意してください。）

 

⬛ ゆがみ ⬛

 

[サブツール：ゆがみ] ツールは、画像の一部をゆがませたり再形成したりすることで、描画を修正するために使用できます。キーボードの (J) を押すことでアクセスできます。

 

ブラシでゆがませたい画像の部分をなぞるだけで、完成です！ゆがみは現在のレイヤー内のオブジェクトにのみ適用されます。設定は、上から順に、[押し出し]、[拡張]、[つまむ]、[左に押し出す]、[右に押し出す]、[時計回りに回転]、[反時計回りに回転] です。

 

⬛ ぼかし効果 ⬛

 

Clip Studio Paintには、[フィルター]メニュー > [ぼかし]にいくつかの素晴らしいぼかし効果があります。コミック制作で最も役立つ効果のいくつかは、ガウスぼかし、移動ぼかし、放射ぼかしです。

放射ぼかし

 

[放射ぼかし] 効果を使用すると、原点を選択し、選択したレイヤー上のすべてのオブジェクトをその点に向かってまたは遠ざかるように放射させることができます。画面上部の [フィルター] メニュー > [ぼかし] > [放射ぼかし] からアクセスできます。次に、赤い「X」を原点としたい場所にドラッグして配置するだけです。

 

この効果は、上記のように差し込む太陽光を表現するのに役立ちますが、先ほど説明した効果線のようなオブジェクトにも役立ちます。

 

移動ぼかし

 

[移動ぼかし] 効果は、葉、塵、雪、花びら、その他指定された方向に動いているように描きたい気象要素などに非常に優れています。これを使用するには、[フィルター]メニュー > [ぼかし] > [移動ぼかし] に移動し、[角度]パラメーターを使用して方向を選択するだけです。

 

ガウスぼかし

 

[ガウスぼかし] 効果は、「ぼかし」という言葉を聞いて思い浮かべるようなものです。この効果は、選択したレイヤー上のすべてのオブジェクトを均一にぼかし、背景やその他の焦点を合わせたくない要素に優れています。この効果を使用するには、[フィルター]メニュー > [ぼかし] > [ガウスぼかし] に移動します。

▶ ヒント：より正確に行うには、[ブレンド]ツールを[ツールプロパティ：ぼかし]に設定して、手動でエッジをぼかすことができます。私はよく、キャラクターをセルシェーディングする際に使用する乗算レイヤーのエッジの一部を柔らかくするためにこれを使用します。

 

▶ ヒント：[ガウスぼかし] ツールでどの程度の強度を使用すべきかわからない場合は、パネルを映画のようなショットとして考えてみてください。一般的に映画撮影では、カメラが被写体に近づくほど、背景はよりぼやけます。例えば、ここに同じ画像をいくつかの異なるショットとしてフレーミングし、背景に異なるレベルのぼかしを適用した例があります。

 

 

これらの効果は、コミック制作において非常に時間を節約してくれるので、あなたのコミック制作ワークフローに役立つことを願っています！

VI. WEBTOONのレタリング

到達しました！コミック制作パイプラインの最後の段階は、吹き出し/ワードバルーン、ナレーションボックス、オノマトペなどがコミックに追加されるレタリングフェーズです。絵コンテの段階で吹き出しの配置を計画しました。さあ、Clip Studio Paintがコミックのレタリングに提供する便利なツールを使って配置しましょう！

 

⬛ フォントサイズ ⬛

 

WEBTOONでは、ほとんどのセリフのような「標準テキスト」には12pxから30pxのフォントサイズを使用することを推奨していますが、この数値はキャンバスサイズ、DPI、さらにはフォントによってもちろん異なります。すべてを考慮すると、一般的な経験則として、デスクトップとモバイルデバイスの両方でテキストが読めるようにすることです。

個人的には、これはほとんどの吹き出しをキャンバスの幅の約1/4から1/3にするということだと分かりました。

 

300 dpiで1600 x 25,600 pxのキャンバスで作業する場合、私はサイズ14のフォントを使用し、「始める」セクションで説明した[表示]メニュー > [画面表示範囲 (webtoon) (5)] 機能を使用して、テキストが読みやすいことを再確認します。

 

⬛ テキストツール ⬛

 

[サブツール：テキスト] ツールを使用するには、キーボードの (T) を一度クリックするだけです。このツールは、ツールバーの下部、文字アイコンで示された場所にもあります。このツールが選択されたら、キャンバスのどこでもクリックして入力を開始できます！

 

変形可能なテキストボックスを作成するには、目的のテキストを入力し、チェックマークの記号をクリックするだけです。その後、テキストを自由に変形できます。

 

テキストを均等に拡大縮小したい場合は、[縦横比を固定] チェックボックスを選択するだけです。または、オブジェクトのサイズを変更する際に (Shift) キーを押したままにすると、縦横比を維持できます。

 

⬛ 吹き出しツール ⬛

 

Clip Studio Paintには、「ワードバルーン」とも呼ばれる吹き出しを作成するための豊富なツールがあります。[サブツール：吹き出し] は、ツールバーの下部、またはキーボードの (T) を2回クリックすることで見つけることができます。

 

このツールを使用するには、目的の吹き出しの形を選択し、吹き出しを配置したい場所をクリックしてから、カーソルをドラッグして離すだけです。

 

すでにテキストが入力されている場合、その上に吹き出しを配置してテキストをカプセル化し、2つを結合できます。または、最初に吹き出しを作成し、[サブツール：テキスト] ツールを使用してその中にテキストを配置することもできます。私はこの方法を好みます。なぜなら、テキストが吹き出しの中央に自動的に配置されるからです。

 

Clip Studioでは、[線の色]や[塗りつぶしの色]から、各吹き出しの丸みや全体的な形まで、あらゆるものをカスタマイズできます。枠線の幅を調整するには、[ブラシサイズ]とマークされたスライダーを使用します。

 

[曲線吹き出し] ツールを使用すると、自由曲線のポイントを選択して吹き出しをカスタマイズできます。[吹き出しペン] ツールを使用すると、形状をフリーハンドで描画することで、吹き出しをさらにカスタマイズできます。

 

すべての選択可能なオブジェクトと同様に、どんな種類の吹き出しも [サブツール：操作 (O)] ツールを使用して変形できます。さらに、[サブツール：コマ枠] やベクターオブジェクトと同様に、吹き出しが選択されているときに赤でハイライト表示されるコントロールポイントを使用して、さらに修正できます。

 

⬛ 吹き出しのしっぽ ⬛

 

吹き出しのしっぽは、読者に誰のセリフや考えを聞いているのかを示します。吹き出しのしっぽにはさまざまなアプローチがありますが、通常、話しているキャラクターが話しているときは、会話の吹き出しのしっぽの先端がそのキャラクターの口に向けられているようにし、考えを聞いているときは、思考の吹き出しのしっぽの先端がそのキャラクターの頭に向けられているようにします。

 

[サブツール：吹き出し] 内で、[吹き出しのしっぽ] ツールと [フキダシ (思考)] ツールを使用して、それぞれ発言と思考のしっぽを作成できます。吹き出し自体と同様に、これらのオブジェクトは [サブツール：操作 (O)] を使用して移動できます。

 

Clip Studioでは、しっぽの形状にスプライン、直線、ポリラインなど、いくつかのオプションも用意されています。（[吹き出しペン] ツールを使用して、自分でしっぽを描くこともできます。）

 

多くのコミックアーティストは吹き出しを様式化しています。Clip Studio Paintで利用できるあらゆるカスタマイズ機能を使えば、それは非常に簡単です！それでも、特定の種類のセリフをどのように描けばよいか確信が持てない場合に特に役立つ、吹き出しを読みやすく保つためのいくつかの経験則があります。

 

▶ ヒント：前述したように、キャラクターがフレーム内にいて話している場合、吹き出しのしっぽはその口に向かってゆるやかに伸びているべきです。彼らのセリフがフレーム内で複数の吹き出しを占めている場合、通常、すべての吹き出しにしっぽは必要ありません。画面外で話している場合、しっぽは彼らの方向と逆になります。ナレーションの場合、通常、楕円形ではなく、しっぽのない箱のような形を使用することをお勧めします。私のコミックの主人公、ブレーズを例にとってみましょう。

 

▶ ヒント：吹き出しを重ねることで、読者が2人の話者をさらに区別しやすくなります。さらに、各話者に最も近い吹き出しの側面に吹き出しのしっぽを付けることで、しっぽの配置がより自然に見えるようになります。

⬛ オノマトペ ⬛

 

ご覧のように、Clip Studio Paintには強力なテキストツールがあります。これらのツールは、セリフだけでなく、「ドカン」、「ガシャン」、「パウ」といった特定の音を音で模倣するオノマトペ（擬音語）などの効果音にも優れています。

 

コミック制作を始めたときに知っていればよかったと思うツールが2つあります。それは[フチ効果]と[メッシュ変形]ツールです。これらはオノマトペなどに関して、あなたのスキルを本当にレベルアップさせることができます。

 

フチ効果

 

この効果を作成するには、[レイヤープロパティ]パネル > [効果]メニュー > [フチ効果] に移動します。中空の円形のアイコンで示されています。クリックすると、現在のレイヤー内の任意のオブジェクトの周囲に、希望の太さと色の境界線を作成できるメニューが展開されます。

 

[フチ効果] ツールは、テキスト、ラスター、またはベクターレイヤーのいずれにも使用できます。テキストの場合、オノマトペやその他の効果音をページから分離するのに役立つと思います。

 

メッシュ変形

 

他のレイヤーオブジェクトと同様に、テキストを変形させる方法はいくつかあります。[拡大・縮小・回転] (Ctrl + T) や [自由変形] (Ctrl + Shift + T) などです。しかし、レタリングの際に私が最も気に入っている変形ツールは、[編集]メニュー > [変形]メニューの下にある [メッシュ変形] です。

 

この機能を使用するには、まずテキストレイヤーを右クリックして[ラスター化]を選択する必要があります。[メッシュ変形]を選択すると、操作可能な制御点を持つグリッドが表示され、テキストの各個々のセクションを他の部分から分離して変形させることができます。

 

タイポグラフィはそれ自体が芸術形式であり、どんなシーンの雰囲気にも大きな影響を与える可能性があります。私は専門家ではありませんが、WEBTOONの旅を通してタイポグラフィを試すことを非常に楽しんできました。これらのヒントが皆さんに楽しいアイデアを与えてくれることを願っています！

 

これで、コミック制作パイプラインの終わりまで来ました！それでは、WEBTOONを仕上げてエクスポートしましょう。

WEBTOON CANVASへの公開

 

エピソードをすべて描き終えたら、シリーズをWEBTOON CANVASにアップロードする準備ができます。WEBTOONとClip Studio Paintのシームレスな統合のおかげで、アップロードプロセスは非常に簡単で手間がかかりません！まず、エピソードのいくつかの最終調整と、シリーズのアップロードを開始するために必要なアセットについて見ていきましょう。

 

🟩 最終仕上げ 🟩

 

WEBTOONは読者に、映画のような「エピソード」を毎週提供しており、多くのWEBTOON CANVASアーティストも、読者が同様の定期的な連載を期待できるようにエピソードスケジュールを設定しています。そのため、読者は毎日、毎週、隔週、毎月など、CANVASで設定したスケジュールに応じて断続的に視聴することになり、その間に複数のシリーズを読んでいる可能性があり、復習が必要になる場合があることに注意する価値があります。

 

このため、新しいエピソードの冒頭には、たとえ数コマであっても、前のエピソードの非常に短い要約を含めることをお勧めします。

 

WEBTOONをエクスポートする前の最後の推奨事項は、エピソードのタイトルカードとエンドカードを作成することです。タイトルカードには通常、シリーズのロゴが含まれ、場合によっては作者の名前やペンネーム、および該当する場合は章のカバーなどの関連グラフィックも含まれます。

 

これらは、エピソードの冒頭、いくつかのオープニングパネルの後、前のエピソードの振り返りの後、またはWEBTOONのタイトルと章を再紹介するのにふさわしいと思う場所に配置できます（読者がこれから読むエピソードにワクワクするようなオープニングテーマだと考えてください）！また、すべてエピソードの冒頭に配置する必要はありません。私は個人的に、新しい章の開始時にタイトルカードを配置し、それを個々のエピソードに分割することを好みます。それは完全にあなた次第です！

 

ただし、各エピソードの最後に私が推奨するのは、エンドカードです。エンドカードの内容は作者によって大きく異なりますが、通常は次のような重要な情報が含まれます。

 

(1) このエピソードを読んでくれた読者への感謝。

(2) エピソードを気に入ったら、いいねやコメント、シリーズの購読を促すリマインダー。

(3) 読者がソーシャルメディアであなたの作品を見つけられる場所。

(4) 他のCANVASクリエイターへの読書のおすすめなどのシャウトアウト。

(5) 新しいプロジェクトの紹介、休載のお知らせ、投稿スケジュールの変更などの告知。

 

▶ ヒント：以前は、エピソードの最後にできるだけ多くの告知やメモを詰め込もうとして、エンドカードをかなり長く作っていました。しかし、それ以来、最も関連性の高い情報だけを表示する、はるかに短いエンドカードに切り替えました。エンドカードは短く簡潔にすることをお勧めします。そうすることで、読者がエピソードの最後までスクロールしてくれることを確実にします。これは、シリーズの視聴回数がどのようにカウントされるかという点で重要です。

 

🟩 公開前チェックリスト 🟩

 

最後に、「公開前チェックリスト」は非常に重要なリソースです。なぜなら、WEBTOONにシリーズをアップロードするために必要なアセットだけでなく、それぞれに必要な寸法も提供してくれるからです。

 

チュートリアルの冒頭で説明したキャラクターシートと同様に、「公開前チェックリスト」は以下のWEBTOONのウェブサイトからPDF形式でダウンロードできます。

⬇⬇⬇

 

シリーズを作成するには、正方形と縦長のシリーズサムネイル、1〜2つのシリーズジャンル、シリーズタイトル、そしてシリーズの概要が必要です。これらのアセットが揃ったら、WEBTOONアカウントの右上にある「公開」をクリックし、必要な情報を入力します。

 

サムネイルをアップロードするには、灰色のボックスをクリックして、アップロードしたいファイルを選択するだけです。シリーズに必要なすべてのフィールドを完了したら、「シリーズを作成」をクリックすると、次のページに移動し、エピソードのアップロードを開始できます。

Clip Studio PaintでWEBTOONをエクスポートしてアップロードする

 

素晴らしい！コミックを完成させたので、いよいよファイルをエクスポートする準備ができました！これにはいくつかの方法がありますが、ここでは私が最も便利だと考える2つの方法に焦点を当てます。まず、WEBTOONのアップロード要件を再確認しましょう。

 

(1) 最大合計ファイルサイズは20MBです。

(2) 最大ファイル数は100です。

(3) 各ファイルは幅800px x 高さ1200pxである必要があります。そうでない場合、WEBTOON UIがこれらの寸法に分割します。

 

 

これらのパラメータを使用して、エピソードの長さや、現在のキャンバスが1つのエピソードに収まるかどうかを判断できます。ほとんどの場合、これらの制限は問題にならず、エピソードの長さは十分すぎるほどだとわかるでしょう！ファイルを準備できたら、このインターフェースから簡単にアップロードできます。

 

⬛ CLIP STUDIOからアップロード ⬛

 

WEBTOONをアップロードする最も便利な方法は、「Clip Studio Paintからアップロード！」を選択することです。

 

これにより別のタブに移動し、以下に示されているプロンプトが表示されます。このプロンプトで、「CLIP STUDIOを開く」を選択します。

 

これにより、最近のClip Studioファイルのリストが開きます。ここから、コミックファイルをダブルクリックして選択し、エクスポートするかどうかを尋ねるプロンプトで「OK」を選択するだけです。

 

そして、ほら！Clip StudioがコミックファイルをWEBTOONインターフェースに分割して自動的に入力します。とても簡単です！

 

▶ ヒント：エピソードを投稿する前に、PCとモバイルの両方でどのように表示されるかをプレビューするオプションがあります。私自身や他の多くのCANVASアーティストは、これまで気づかなかった連続性の誤り、誤字脱字、その他のエラーをここで発見することが多いため、これを行うことを強くお勧めします！

「作者ノート」セクションは、読者に挨拶し、エピソードを読んでくれたことに感謝し、今後のスケジュール変更などの簡単なリマインダーを記載するのに良い場所です。ただし、重要な告知を行う場合で、ほとんどの読者に見てもらえるようにしたい場合は、エンドカードの一部として実際のエピソードに含めることをお勧めします。

 

⬛ 手動でのエクスポートとアップロード ⬛

 

エピソードを手動でエクスポートしてアップロードすることも、Clip Studio Paintによって簡単に行える別の方法です！この方法を使用するには、アプリケーション内で[ファイル]メニュー > [Webtoonを書き出し]に移動するだけです。これにより、希望するファイル形式、名前、倍率を指定できるパネルが開きます。また、エピソードを縦に1280 pxのファイル、または希望する任意の寸法に分割することもできます。

 

エクスポートしたファイルが揃ったら、WEBTOONインターフェースの「アップロードするファイルを選択」をクリックするだけです。これによりファイルエクスプローラーウィンドウが開き、新しくエクスポートしたファイルを選択して、手間なくWEBTOONにアップロードできます！

 

そして、これで完了です！

まとめ

 

ご覧のように、Clip Studio Paintはシームレスな統合により、WEBTOONの作成とアップロードをこれまで以上に簡単にしています。さらに、常に新しい機能が登場しています！

 

私のWEBTOONステップバイステップチュートリアルをご覧いただき、誠にありがとうございます。長くなりましたが、制作過程のどの時点でも必要に応じて保存し、参照できる包括的なガイドを作成したかったのです！この情報が、初めてWEBTOONを作成しようとしている方、またはワークフローを強化するための追加のヒントやコツを探している現在のWEBTOON CANVASアーティストの皆さんにとって役立つことを願っています！

 

最後に、あなたのWEBTOONの旅に役立つかもしれない追加リソースをいくつか紹介します！💚

 

WEBTOON AcademyからのWEBTOON関連リソースはこちら！

⬇⬇⬇

作画プロセスのどの段階でも役立つ、無料のブラシ、モデル、その他のアセットが豊富にあります！

⬇⬇⬇

コミック制作中に役立つたくさんのアセットがある別のサイト！

⬇⬇⬇

Clip Studioにダウンロードしてインストールできる楽しいコミックフォントはこちら！

⬇⬇⬇

挨拶に来てね！

⬇⬇⬇