こんにちは、ミチです！オンラインでは69Michiとして知られていますが、ミチと呼んでください。

私はWEBTOONで公開しているオリジナルコミック「Rebirth」の作者です。

 

約4年前からCLIP STUDIO PAINTを使ってウェブトゥーンを制作しています。漫画制作は気の遠くなるような長いプロセスであり、最初は非常に威圧的に見えることも理解しています。このチュートリアルを作成することで、すでにウェブコミックを制作している方の作業プロセスを効率化したり、これからウェブコミッククリエイターを目指す方にとって暗闇の中の小さな光となり、道を導いてくれることを願っています！約束します、そんなに難しくはありませんよ。

動画での説明

WEBTOONとは？

まず、ウェブトゥーンとは何かを理解する必要があります。従来のコミックや漫画とは異なり、ウェブトゥーンは縦読み形式のコミックです。

これは現代のテクノロジーに適応し、人々がモバイルデバイスで簡単にコミックを読めるようにするためです。

 

一見すると、ウェブトゥーン形式と従来の形式はそれほど違いがないように見えます。しかし、従来のコミックをウェブトゥーンに再フォーマットしようとすると、最大の課題が生じます。それは、従来のコミックでは縦スクロールの利点、つまりコマ/シーンのトランジションを活かせないことです。

 

*ちなみに、ウェブトゥーンは漫画の横長のコマを活用するのが難しいですが、それはまた別の機会にお話しします。

フォーマット

CLIP STUDIO PAINTの新しいアップデートには、利便性の高いウェブトゥーンフォーマットが搭載されています。

 

[ファイル] > [新規] > [ウェブトゥーン]

 

デバイスが処理できる限り大きなキャンバスを使用することをお勧めします。作業の解像度が高い方が常に良いからです。必要に応じて、解像度を縮小することはいつでも可能です。

 

以下は、印刷目的とモバイルデバイスでの閲覧の両方に最適だと私が感じる解像度です。

_____私のプリセットにある「テンプレート」とは何かと疑問に思われたなら、ご心配なく。きちんと説明します。

コミックテンプレートを作成する！

複数のページやエピソードを制作する際、レイヤーやフォルダーの命名と整理は繰り返しになりがちです。CLIP STUDIO PAINTでは、レイヤー/フォルダーのテンプレートを登録する機能があり、フォルダー整理の手順を省いてすぐにエピソード制作に取り掛かることができます。

 

テンプレートの作成方法：

空のキャンバスを作成します。（[新規] > [イラスト]）

レイヤーやフォルダーを作成して名前を付けます。

その他の余分なレイヤー（空のキャンバスを作成したときのデフォルトの背景を含む）がすべて削除されていることを確認します。

次に、[編集] > [素材登録] > [テンプレート] をクリックします。

 

登録されると、テンプレートは[素材]に表示されます。そこから新しいキャンバスにドラッグ＆ドロップするだけで、目的のフォルダーとレイヤーが自動的に作成されます！

 

前のスクリーンショットに示したように、新しい空のキャンバスにテンプレートを添付することもできます。

ストーリーボード？でも縦長！

繰り返してください：縦、縦、縦！

 

 

縦長のフォーマットは、オブジェクトとカメラの距離感を表現するのに適しています。まるで舞台劇を観ている観客になったような感覚で考えてみてください。

そのコマを読むためだけに読者にデバイスを90度傾けさせたいのでなければ、長い横長のコマは避けてください。これはやってはいけないという意味ではありませんが、もしそうするつもりなら注意してください！

シーンの切り替え

シーンの切り替えは、スクロール形式が従来の形式よりも優れている利点の一つです。スクロール操作を活用することで、時間の経過を表現したり、驚きの展開のために緊張感を高めたりすることができます！

 

1- 最も一般的なシーンの切り替えは、空の背景を使って時間の経過を表現することです。

 

 

2 - もう一つの方法は、背景を組み合わせることです！

複数のコマが同じ設定を共有している場合、背景をコマの背後にまで広げることで、連続した感覚を与えることができます。

 

3 - 木々、葉、雲、水、建物などはすべて、コマ間で滑らかな切り替えの感覚を与えるために拡張できる良い背景要素です。

背景要素をコマから飛び出させることで、コマ間により繋がりを感じさせることができます！

4 - ドラマチックなズーム

このコマの切り替え方法は、キャラクターの感情を表現するのに最適です。

 

5 - 効果音を使ったシーンの切り替え

6 - 特殊効果？つまり、あなたの想像力が唯一の限界です

キャラクターが悪夢を見ている？彼らが目覚め、窓から差し込む最初の太陽光を浴びることで、闇が打ち破られる様子を描くことができます。

キャラクターが殺人鬼から逃げている？彼らが一つの背景コマから別の背景コマへと駆け抜ける様子を描くことができます！

既存の枠にとらわれずに考えましょう！スクロール効果を探求してください！

アクションシーン

「アイデアやストーリーをコマに落とし込むプロセスを説明してもらえますか？例えば、ある人が別の人を殺す場合（良い例ですね）、何コマかかるか、どのようにコマを調整するのですか？」[読者からの質問]

 

私の意見では、一般的な行動の流れは次のようになります。

1コマ目 - 予兆 [人物が行動を起こす準備をする]

2コマ目 - 行動発生 [人物が攻撃する！]

3コマ目 - 結果 [攻撃は命中したか？相手は時間内に反応したか？]

 

最も重要なのは、アクションのペースです。アクションの間にコマを追加すればするほど、遅く感じられます。

 

ウェブトゥーンのアクションシーンは、縦スクロールの性質上、非常にユニークです。オブジェクトの配置やコマの切り替えに関する同じルールは、アクションシーンを制作する際にも考慮されるべきです。

 

画面に何人のキャラクターがいますか？

彼らは何をしていますか？

彼らはどこにいますか？

コマ間のスペース？どう機能するの？

ウェブトゥーン形式が従来の形式と最も異なる点は、各コマ間のスペースかもしれません。これは純粋に個人的な好みですが、私はコマ間のスペースを使ってペースを設定する傾向があります。

 

距離が長いほど、読者はより多くスクロールする必要があります。これは、2つのコマの間に大きな間があることを意味します。

コマ間の通常の距離に関する私の一般的なアドバイスは、セリフのフキダシがきれいに収まる十分なスペースを確保することです！ウェブトゥーンのフォントサイズは、モバイルデバイスでの読書体験に対応するため、従来のコミックよりも大きくなる傾向があります。そして、コミックはほとんどすべてのコマがフルイラストであるため、コマ間のスペースを利用して、フキダシがキャラクターの上に重なるのを避けるのが一般的に良いアイデアです。（もちろん、特定のコマを構成するためにフキダシを賢く使用する場合など、例外もあります）

セリフのフキダシ

フキダシを作成する際に留意すべき点がいくつかあります！

1 - 前述のとおり、読みやすい大きなフォントサイズを心がけてください。

 

2 - フォントの選択は、目に優しいものにしてください。私のようにこんなものを選ばないでください。

CC Wild WordsやComic sansのようなフォントはかなり良いです。

*追記: 私はAmes Proを使用しています。

コミックでお金を稼ぐ場合は、フォントのライセンスを確認するようにしてください。（その場合、商用ライセンスが必要になります！）

 

3 - 密集は悪です

読者のために、セリフのフキダシをきちんと間隔を空けてください。一つのフキダシには4文を超えないようにし、スペースを空けてください！キャラクターが話すときには、賢く互いに接続された複数のフキダシを使用することができます。

4 - フキダシは手描きするか、オンラインでダウンロードして使用することができます。

ヒント：

フキダシを1つのレイヤーに結合することで、レイヤー整理の煩わしさを軽減できます！心配しないでください、必要であれば個々のフキダシやセリフを移動させることも可能です。

お気づきかもしれませんが、私のフキダシはすべてわずかに透明になっています。この効果を実現するために、テキストとフキダシを実際に分離しています。そして、CLIP STUDIO PAINTのオートアクションのおかげで、この作業は思ったよりもはるかに簡単です！

オートアクションといえば...

オートアクション？！神の恵み！

もしオートアクションを使っていないなら…何をしているのですか？今こそ探求する時です！

オートアクションとは、ボタンをワンクリックするだけで実行できる一連の記録されたアクションです。CLIP STUDIO PAINTのストアでプリセットをダウンロードするか、自分で記録することができます！

ぜひ使ってみてください。

描画プロセスに関するヒント

描画プロセスは人それぞれなので、あまり深入りはしません！しかし、皆さんのプロセスをスピードアップするためのヒントがいくつかあります。

 

1 - 影付け

私のお気に入りの影付けツールは「投げなわ塗り」です。

 

私は1色を使い、乗算レイヤーに設定して下塗りの上に影をつけます。その後、エアブラシを使って、ライティングに応じて影レイヤーに異なる色を適用します。

 

このツールは私の作業プロセスを本当にスピードアップさせてくれました！

2 - サブビュー

 

サブビューはナビゲーターとほぼ同じように機能し、サイドバーにきれいに収めることができます。複数の参考資料シートとカラーパレットシートを開いて、それらを切り替えることができます。また、スポイトツールを有効にしてサブビュー内の色を自動的に選択し、アートを素早く着色することもできます。

 

サブビューを有効にするには、[ウィンドウ] > [サブビュー] を選択します。

 

3 - 参考資料プログラム

これはCLIP STUDIO PAINTの機能ではありませんが、すべての参考資料アートを保存できるプログラムを持っていると非常に便利です。個人的にはPureRefを使用しています。

 

4 - 素材を登録する！

コミックやキャラクターデザインに繰り返し登場する素材があるなら、登録しましょう！

私のコミックのあるエピソードでは、至る所に氷の柱がありました！私は大きな参考資料シートに複数の氷のブロックを描き、それらをすべて個別に登録しました。

その後、それらをコマにドロップして、必要に応じて変形させるだけです。

それらがすべて動作している様子をこちらで見ることができます：

素材を登録するには：

[編集] > [素材登録] > [画像]

5 - 線画

CLIP STUDIO PAINTで線画を描く際に役立つ2つのツールです。

[線幅修正] は、線画を太くしたり細くしたりできます。ベクターレイヤーで最適に機能しますが、ラスターレイヤーでも機能します。

ベクターレイヤーは本当に優れています！CLIP STUDIO PAINTは、ラスターレイヤーを縮小、拡大、または単に傾けるなどの変形を行うと、同じ解像度を維持するのに苦労します。しかし、ベクターレイヤーを使用すると、品質が損なわれることはありません！

（*個人的には、線画プロセスでもバケツツールを多用するためベクターレイヤーは使用しませんが、世の中の多くの人々にとってベクターはより役立つと確信しています。）

 

線画にベクターレイヤーを使用すると決めた場合は、「ベクター用消しゴム」もぜひチェックしてください！

背景

これにはいくつかの方法があります。

1 - 背景を手描きする

そうすることを選んだなら素晴らしいことです！しかし、非常に時間がかかります。私の別のコミック「Aum Records」は背景が完全に手描きですが、それは毎週更新しなければならないメインのコミックではないからです！

 

2 - ストックフォト

コミックでお金を稼ぐ場合は、著作権の問題があるため、Googleで見つけた画像を使用しないよう注意してください。Photobashのようなサイトで画像を購入してみてください。背景に使える良い素材がたくさんあります！

 

ウェブトゥーンの「I'm the Grim Reaper」で、ストック背景を驚くほど上手く取り入れている例をチェックしてみてください。

 

3 - 3Dモデル

最近多くのウェブトゥーンで使用されている最も一般的な方法は3Dモデルです！Sketchupやその他のレンダリングプログラムを使用することで、素早く背景素材を作成できます。Sketchup/Blenderで独自の3Dモデルを作成したり、Acon3Dのようなサードパーティのウェブサイトを通じて購入したりすることができます。

CLIP STUDIO PAINTは、.obj形式であれば3Dモデルもサポートしています。複雑なオブジェクトに3Dモデルを使用することで、多くの時間を節約できます。コミックに3Dモデルをブレンドする最良の方法は、LT変換（CLIP STUDIO PAINT EXをお持ちの場合！）で線画に変換することです。

タイポグラフィ

私は通常、効果音を手描きしています。しかし、一貫性を重視するなら、特定のフォントを使って効果音を作成することもできます。

私はブラシを使って、表現したい効果音の種類を伝えています。もしそれが、ボードを引っ掻く爪のようなざらざらした音であれば、より粗いエッジを持つブラシを選び、ギザギザした形で音を描きます。

私がよく使うもう一つのテクニックは、効果音をコマ内で起こっている特定の動きに沿わせることです。

仕上げ！

ウェブトゥーンをアップロードするウェブサイトのサイズ要件を確認してください！

Tapasは高さ最大4000px、幅940pxまで許可していますが、WEBTOONは高さ最大1280px、幅800pxまでしか許可していません。

エクスポート設定をそれに応じて調整してください。

[ファイル] > [ウェブトゥーンを書き出す]

私は通常、縦長原稿を1200pxのピースに分割しますが、1280pxにすることもできます。

 

何らかの理由でCLIP STUDIO PAINTで縦長原稿を分割してアップロードできない場合は、Croppyのようなサードパーティのサイズ変更ツールを使用することができます！

まとめ

人々はいつも、いつになったらコミック制作に飛び込む準備ができるのか、あるいは「画力が上がるまで待つべきか？」と私に尋ねます。でも、言いたいのは、今以上の時はないということです！コミックを作りながら上達することができます。コミック制作は、アートと自分のスタイルについて多くのことを理解するのに役立ちました。上達するまで待つつもりなら、決して準備はできません。なぜなら、あなたは単に向上を目指すことをやめないからです！

 

すみません、長い記事になってしまいました。最後まで読んでいただきありがとうございます！私が持っている小さなウェブトゥーンのテクニックが、皆さんの助けになれば幸いです。

 

これで全てです。私のTEDトークに来てくれてありがとう。もしこの情報が役立ったなら、いいね、コメント、シェアをお願いします！

 

ミチがログアウトします〜