かんたん理解:CLIPを使ったWEBTOON漫画の作り方

6,186

Nelviy

Nelviy

Youtube動画は会話の半分だけをカバーしており、後半は以下の記事にあります。

⭐CC 字幕を開くようにようこそ⭐ ただし、英語の字幕は機械翻訳です

序文

ページごとに閲覧する従来の漫画とは異なり、

ウェブトゥーンは、縦にスワイプして見る漫画です。

 

この記事では、ウェブトゥーンの機能についてあまり紹介しません。

でもクリエイターとして、自分の思い描いたストーリーやキャラクターがあり、カラーで絵を描く力があれば、

この記事では、CLIP の機能について説明します。これは、Webtoon を作成するのに役立つ場合があります。

 

 

CLIPで白黒漫画を描いたことのある方なら、

ウェブトゥーンを描くためにすぐにジャンプするのはそれほど難しいことではありません。

 

しかし、CLIPでマンガを描くのが初めてという初心者の方でも、悩む必要はありません。

一般的に知っておくべきことを簡単に紹介します。

最後に、自分の考えを追加します。

 

追伸CLIPの組み込み画像ファイルを除いて、作例の写真はすべて私が以前に描いた作品から取られています

01新作(キャンバス作成)

通常のイラストとは異なり、キャンバスを作成するだけで、

漫画を描くときは【カタログ】のようなものを作る必要があります。

一度に複数のキャンバスを作成します。

作成されたディレクトリは、通称「ページ管理ウィンドウ」と呼ばれます。

 

↓キャンバスの各ページのサムネイルを見ることができます。

↓開きたいページを素早く見つけて開くこともできます。

✨構築手順

 

ウィンドウの左上隅 => 1 ファイル

=>2 新規

=>3 オプションを選択 【Webtoon】

 

次に、好みに合わせて関連データを調整し、確認後 [OK] を押して作成します。

 

作成されたディレクトリは、拡張子.cmc(ページ管理ファイル)のファイル形式で存在します。

今後このディレクトリを開く場合は、このファイルをダブルクリックしてください。

 

原稿を書き始めるときは、主にキャンバスの「幅」と「解像度」を決める必要があります。

ペイントの際、そのページの内容によってキャンバスの[高さ]が増減することがありますので、

そして【ページ数】は、ページ数が多すぎたり足りなかったりした場合、いつでも増減できます。

 

✨推奨キャンバス幅:800px以上

ほとんどのアップロード サイトが貢献できるため、最小許容幅はこの値です。

 

マンガのページ数については、実は明確な値はありません。

一般的なウェブトゥーンは、1 回のラウンドで満たす必要がある [グリッドの数] に基づいて、プロットの長さを計画します。

毎回少なくとも 40 から 70 以上のグリッドが必要であり、各場所の要件は異なります。

 

 

✨キャンバスの高さを変える方法

上=>編集=>キャンバスサイズを変更

 

キャンバスを再度変更する場合は、配置[基点]を最初に調整してから、サイズ(高さ)を変更することを忘れないでください

1 つのページのキャンバス サイズを変更しても、全体 (他のページ) には影響しません。

安心して変更できます。

✨ ページの追加と削除

マウスを右クリックして、[ページの追加] と [ページの削除] のオプションを見つけます。

✨ドラッグアンドドロップでページ順

ドラッグ アンド ドロップするには、マウスの左ボタンを押したままにします。

(注: フォルダ内のファイルはファイル名を変更しませんが、エクスポートに問題はありません)

02 下絵を描く(分割鏡)

マンガを描くためには、まず自分が何を描きたいのかを知る必要があります。

そのため、最初に描画する内容と線を WORD などのテキスト編集ソフトウェアを使用して書き留める必要がある場合があります。

フォローアップ アクションを開始する前に、簡単な絵コンテ スケッチ (左の図) を描きます。

のような: 帯を描く、ダイアログ ボックス

下絵を描くときに、[レイヤーの透明度]を調整したり、[レイヤーの色]を変更したりすると、下描きがしやすくなります。

03 帯を描く

↓CLIPには独自の[コマ枠]ツールがありますが、[白黒ページマンガ]を描くときにも使っています。

でも、ウェブトゥーンを描くときは【別のツールを使うことに慣れる】。

 

(最初にグリッドツールを簡単に紹介してから、私自身の通常の方法を紹介します)

グリッドツールの利点、

ボックスが引き出されるたびに、レイヤー内にフォルダーが作成されます。

枠の範囲がはっきりとわかり、描画する内容をフォルダの下に置けば、枠の範囲を超えることはありません。

しかし欠点は、コマを引くたびにコマのフォルダが一番上まで走ってしまうことです。

(下層のスケッチをブロックします)

 

また、ほとんどの Webtoon は独立したフレームを必要とするため、マンガで非常に便利だったフレーム分割機能は、ここではあまり役に立ちません。

 

✨自分のいつものやり方

ウェブトゥーンを描くときは、フォルダの切り替え回数を減らすようにしていますが、

線や塗りつぶしのレイヤーは、必ずしもグリッドごとに分類されているわけではありません。たぶん全部まとめて。

そこで私の選択は、[グラフィック] ツールを使用することです。

 

グラフィックツールを使用する上での必需品、

枠線を引く際に新規レイヤーを作成する場合は、必ず[ベクターレイヤー]を選択してください。

グラフィックツールはグリッドツールの上にあり、

線分、四角、円を描くために通常使用されるツールバーです。

そして、枠を描くツールはグラフィックツールの[長方形]を使っています。

グラフィック ツールを使用してフレームを描画すると、フレーム ラインをすべて同じレイヤーに配置できます。

使用するには、ツール プロパティ パレットを見つけます

ここで描きたい枠の太さを調整したり、

スタイルには、長方形の境界線のみが必要で、背景色は必要ありません。

グリッドツールでもグラフィックツールでも、描いてしまった枠を調整したい場合は、

最初に[操作]フィールドでマウスを選択する必要があります。

操作欄の[オブジェクト]機能では、ベクターや3Dオブジェクトを調整できます。

前に枠線を描いたときに、[ベクターレイヤー]上に構築する必要があることを思い出します。これが理由です。

したがって、描画された枠線は、位置とスケールを自由に調整できます。

線の太さも変更できます。

その後、

描画内容が枠からはみ出さないようにしたい場合は、魔法の杖とレイヤーマスクをうまく活用できます。

ミラーを分割するとき、キャラクターがフレームをはみ出すところでこのような分割を試すこともできます。

04 ダイアログ ボックスとテキスト

CLIP には、ダイアログ ボックスを作成するためのツールが組み込まれています。

2 つのボックスが交差すると、自動的にマージされます。これは非常に便利です。

ダイアログ ボックスの境界線の色や背景色をすばやく変更できます。

ダイアログ ボックスの列には、尻尾 (鋭い角) を描くことができるツール、またはユーザーが自由に描いた任意の形状もあります。

レイヤ内のダイアログ ボックスを変更するには、最初に [操作] => [オブジェクト] をクリックすることを忘れないでください。

これで、以前に作成したダイアログ ボックスの調整をスムーズに開始できます。

移動したり、形を変えたり、線の太さを変えたりすることができます。

 

 

 

✨ ダイアログの不透明度

特にこの機能について言及したいのですが、

CLIPを使ったことのないユーザーの頭の中では、誰もが心理的に期待できる機能ではないからです。

 

操作中にダイアログ ボックスを調整する場合、[ツール プロパティ] パネルにパラメータを調整するためのバーがあります。

パネルに表示されていない場合は、右下の[レンチ]を開いて、

[サブツール詳細]パレットを開くと表示されます。

最初にダイアログ ボックスを作成する場合は、半透明の背景色でダイアログ ボックスを作成します。

右レンチを下げて補助ツールの詳細パネルを開き、透明度を制御するオプションをオンにすることもできます。

[ツールプロパティ]パネルにコントロールバーが表示されます。

(デフォルトでは、不透明度オプションは表示されません)

✨ 特別なダイアログボックス

組み込みのエフェクト ボックスは、別の列にあります。

また、マテリアル ストアを使用して、他のユーザーが作成したその他のダイアログ ボックス マテリアルを検索することもできます。

 

 

✨ 目次で【台詞とテキスト】をまとめて書いているのは、CLIPの設定で、テキストと台詞があらかじめセットされている【くっつきやすい】ためです。

作成時にテキストとダイアログ ボックスが近すぎる場合、既定では同じレイヤーに作成されます。

 

利点は、

テキストは、ダイアログが変形するにつれて移動し、中央に維持されます。

行が最初に入力され、次にダイアログ ボックスが後で追加された場合、[2 つの行が互いに近すぎる] 限り、システムはデフォルトでレイヤーを共有します。

テキストとダイアログ両方の【追記方法】を変えない限り、両者がレイヤーを共有してくっつくことは完全に回避できます。

 

CLIPのフキダシとテキストを合成する機能は良さそうですが、

でも個人的にはPhotoshopで線を打ち込んでからCLIPに貼り付けていくのに今でも慣れています。

(これを行う主な理由は、一部のフォントがCLIPにあり、名前が変更されるためです。中国語または日本語の名前は英語になり、見つけるのが不便です)

 

ただし、他の言語ファミリのユーザーで、思ったほど同じ問題に遭遇しない場合は、

フォントの選択に関しては、CLIP 自体でリストを作成することもできます。フォントの選択にかかる時間を短縮します。

頻繁に使用するすべてのフォントを確認したら、この位置に独自のリストを見つけることができます。

 

✨テキストノックアウトについて

漫画のセリフを他の言語に変換する必要がある場合は、[すべてのセリフを削除] し、セリフ ボックスだけを残す必要があります。

CLIP のほとんどのテキスト ボックスとダイアログ ボックスは同じレイヤーにありますが、心配する必要はありません。

画像をエクスポートする場合、

エクスポート時にテキスト オプションが [オフ] である限り、エクスポートする画像にテキストは表示されません。

✨プロットエディタ

CLIP のテキスト ツールを使用して線を作成し、線をすばやく変更したい場合は、プロット エディターを検討してください。

ページ管理 => テキストの編集 => プロット エディターを開く

 

この機能は【改行】でも使えますが、慣れないので公式の教えがついています。

05 描き途中

コマ枠+台詞枠+台詞が落ち着いた後、画面をどう見せるかはイラストレーター次第だと思います。

私の絵のスキルと創造性はあまり良くなく、多くを語ることはできません。

 

CLIPに触れたことのないクリエイターの方は、以前書いたこちらの記事をオススメします。

CLIPを最も基本的なレベルで理解し、CLIPを自分に合った作業環境に変えようとします。

ウェブトゥーンのライティングとか、キャラクターを背景にどう溶け込ませるかということなら、

私が書いた簡単な照明のチュートリアルであるこの記事を参照できるかもしれません。

 

✨ 描いていく上で、ひとつだけ言っておきたいのは、【カラーパレット】をうまく使うことです。

カラーコミックの作画工程では、肌や髪、目など、一部のキャラクターの色が固定されています。

カラー パレットを使用して、必要な色をすばやく選択します。

【スウォッチ】パネル右上のレンチが開き、新しい設定を追加=新しいカラーパレットを作成できます。

OK を押して空のものを取得します。

カラーパレットを好きな色で塗りつぶしたい場合は、

スウォッチで、キーボードの ALT キーを押したままにすると、マウスが自動的に着色ツールになります。

必要な色をカラー パレットに 1 つずつ入力できます。

さらに、塗りつぶしツールをうまく活用する必要があります。

個人的には絵の具バケツで直接色を塗りつぶすのに慣れていないので、まずは魔法の杖で範囲を選択することに慣れます。

ただし、ペイントバケツを使用して色を塗りつぶすかどうかに関係なく、一部のコーナーがすぐに塗りつぶされない場合があります。

今回は、CLIPの特殊カラーリング機能をお試しいただけます。

囲んで塗りつぶし、塗り残し部分を塗る

これらはすべて、すばやく色を付けるのに役立つ方法です。

公式の教えを参照できる

06エクスポートファイル

原稿が完成したら、まず先ほど作成したディレクトリをクリックし、

ファイル 左上隅の[ファイル]メニュー

⇒画像を平坦化して[書き出し(単層)]を書く

=> .jpg (必要なファイルの種類を選択してください)

 

エクスポート時に元の画像サイズが不要な場合は、特定のプラットフォームまたは送信ルールに準拠する必要があります。

たとえば、幅 800 ピクセルのサムネイルが必要な場合は、指定した出力サイズ (幅) に 800 ピクセルを直接入力できます。

コミック全体の画像ファイルの高さには一貫性がありませんが、幅は同じなので、高さについて心配する必要はありません。

エクスポートされた画像は、実際には同じズーム比を一律に使用します。

たとえば、私のスクリーンショットでは、すべて均一に 26.67% にスケーリングされています。

したがって、エクスポートされた画像のズーム率は失われず、幅は設定されたままになります。

——私自身の意見のいくつか=経験

Webtoon を鑑賞する視聴者のほとんどは、主に携帯電話を使用して上下にスワイプして視聴しています。

ですから、大きな絵を描きたいときや、プロットの一部を強調したいときは、

ストーリーボードに基づいて、携帯電話の画面に一度に表示できる画像の数を見積もる必要があります。

 

初期の携帯電話の画面のアスペクト比は 16:9 でしたが、今ではほとんど時代遅れです。

今はほとんどが 20:9 ですが、21:9 もあります。

私は携帯を頻繁に変えることはなく、現在使用している画面は約18:9です。

 

↓20:9 おおよその見た目

ウェブトゥーンは従来の白黒漫画とは異なり、

従来のページコミックは、各ページの限られたスペースに額縁のサイズを配置する必要があり、

ウェブトゥーンの場合、作者が表現したい絵を表示するのに十分なスペースがない場合は、いつでもキャンバスを長くするだけです.

 

したがって、私の個人的な好みと提案によると、[ダイアログ ボックスはスペースを節約する必要はなく、拡大できます]。

ウェブトゥーンを視聴する若い視聴者が増えていますが、

でも、私のように人が年をとると、より大きな文字を読むことを好みます。

この点については、興味がある場合は、通常は数行の大きなダイアログ ボックスで人気のあるコミックを観察できます。

↑もう一つ重要なポイントがあります。

ホラー漫画を描いていない限り、ほとんどの漫画は、ジャンルに関係なく、[読者は実際にキャラクターの顔を見るのが好きです].

そのため、時には、キャラクターのクローズアップを描くことにケチをつけないでください。

 

 

次にセリフの色とか、オノマトペの特殊効果の描き方とか、もう少し観察が必要かなと思いますが、

画像をより豊かに見せるようにしてください。

あとがき

この記事では、基本的に使用できる関数を簡単に見ていきます。

私と同じように作成することを選択しない場合でも、

しかし、元のCLIPにこれらの機能があり、使用できることも理解できます。

 

以前の LINE WEBTOON 作品は、アップロードのルールが厳しく、書き出された画像を自分で加工したりトリミングしたりする必要がありました。

システムアップデートにより、制限が大幅に緩和されました。長すぎる画像がバックグラウンドでアップロードされると、システムが自動的に分割してくれるので、慎重に作品を描いていれば、エクスポートとアップロードに非常に便利になりました。大きな障害はありません。

今回のテーマはLINEウェブトゥーンとのスペシャルコラボということで、

ところで、過去にアップした作品をオススメさせてください~!

主にBLを描いています。

正式な推薦を頂ければなお良いです。私の作品は推薦されたことはありません。 XD」

 

(上から順に古いものから新しいものへ)

また、

コミックを連載するために誰かが私を見つけてくれることを心から願っています XD

IGを通じて連絡することを歓迎します〜

 

また、台湾版では多くの機能が利用できないため、台湾版の Webtoon インターフェイスが維持されることを願っています。

 

この記事がお役に立てば幸いです。

 

私のIG

https://www.instagram.com/nelviy_manga/

 

コメント

新着

公式 新着