こんにちは親愛なる、

唯一無二のAdo_drawです。また自己保存に関する記事チュートリアルをお届けします。ハハハ それだけではありません。今日は、次のトピックについて簡単に触れたいと思います:

CSP でマンガのトーン ラインとフォーカス ラインの使い方を学びます。

🍿 🍿 🍿

◾TONE という用語: それは何ですか?

これまでにマンガコレクションを読んだことがある人なら、日本のマンガのコミックデザインのスタイルが西ヨーロッパのコミックデザインのスタイルと少し異なる傾向があることに気づいたかもしれません...それはなぜ ですか[?]、

🔸 🔸 🔸

漫画家はカラーバリューを白黒にする傾向があるから、と言う人もいるかもしれません。

 

その事実には同意できますが、反対もします。確かに漫画家はシーンやキャラクターのカラーバリューを白黒にする傾向がありますが、それがスタイルをユニークで興味深いものにするわけではありません。漫画家がコミックスタイルに加える何かが、彼らをユニークで異なるものにしています。

各漫画パネルを詳しく見ると、いくつかのエフェクトが追加されていることに気付くでしょう。そのうちの1つはトーンと呼ばれます。

________…

かつてはマンガの作成プロセスは伝統的な手作業で行われていましたが、デジタル時代の現在では、CLIP STUDIO PAINTなどのソフトウェアを使用してマンガをデジタル化できるようになりました。今日のチュートリアルでは、マンガに「トーン」を追加して感情的な雰囲気を与える方法を見ていきます。

> CSP の Tones エフェクトの場所

CLIP STUDIO PAINT ソフトウェアには、木の質感や衣服の質感などをマンガで表現するために使用できるデザイン付きの数十個の小さなドットトーンで構成された TONE のバリエーションがいくつかあります。

🔸 🔸 🔸

CLIP STUDIO PAINT でマンガパネルにスクリーントーンを配置または取得する方法は 2 つあります。

 

> 1 つ目の、そして私のお気に入りの方法は、[レイヤー プロパティ] ボックス を使用することです。

> 2 つ目の方法は、[マテリアル] ボックス を使用することです。

• [レイヤープロパティ]ボックスからトーンを追加する

CSP では、マンガのシーンやキャラクターの詳細を描く上でそれぞれ異なる重要な役割を果たすさまざまなトーンを、次の手順で見つけることができます。

 

> [ウィンドウ]>[レイヤー プロパティ] に移動します

🔸 🔸 🔸

> [レイヤープロパティ]> で [トーン] 効果を有効にします。

🔸 🔸 🔸

トーン効果が有効になっているときに [レイヤー プロパティ] の下部をよく見ると、[ドット設定] が表示されます。[ドット設定] をクリックしてトーンを簡単に変更し、トーン に希望の スタイルの外観 を与えることができます。

(このチュートリアルでは、[ドット設定] を [スター] 効果に設定しました)

🔸 🔸 🔸

右の設定では、

レイヤーの[ブレンドモード]を[乗算]>わずかにグレーがかった色の性質を選択します。

________…

左の設定では、

[選択したサブツール]の[バケットサブツール]>文字をクリックして、文字全体を塗りつぶします。

🔸 🔸 🔸

[トーン周波数] を減らしたり増やしたりすることで、トーンの濃さや薄さが決まります。

▪️ トーン周波数 を 25.0% に調整すると、トーンが厚く見えるようになります。

 

▪️ トーン周波数 を 42.0% に調整すると、トーンが厚く見えるようになります。

 

▪️ トーン周波数 を 85.0% に調整すると、トーンが厚く見えるようになります。

🔸 🔸 🔸

ドット周波数の値が小さい場合 (25.0%) はトーン内のドットのサイズが大きくなりますが、ドット周波数の値が小さい場合 (85.0%) はトーン内のドットのサイズが大きくなります。

________…

次に、CSP でトーンを使用する 2 番目の方法について説明します。

• [マテリアル]ボックスのトーンの使用、

右の設定では、

新しい [ラスター レイヤー] を作成し、[参照] ボタンをクリックします。

________…

左の設定では、

[選択したサブ ツール] から [選択範囲を縮小するサブ ツール] を使用して、文字の周りに丸い円を描いて文字を選択します。

🔸 🔸 🔸

[選択サブツール] を使用して キャラクター を 選択 した後、[マスクアイコン] をクリックして、キャラクター が 透明 で、背景が透明のまま であることを確認します。

🔸 🔸 🔸

次に、[画用紙 C] のトーン素材を選択したキャラクター にドラッグします。

🔸 🔸 🔸

[オブジェクト] サブツールを使用して、インポートしたトーン素材の コントロール ポイント をドラッグし、サイズを 小さく 縮小します。

🔸 🔸 🔸

上記の説明については、

先ほど述べた上記のプロセスは、キャラクターにトーンを追加するために必要な3つのステージに分けられます。

▪️ ステージ1 は、キャラクターのアウトラインを選択してキャラクターを定義することです。

 

▪️ 一方、 ステージ2 は、そのキャラクターのアウトラインをマスクすることです（[マスクアイコン]をクリックすることにより）、

 

▪️したがって、 ステージ3 では、選択した領域であるキャラクターにトーン効果が追加されても、選択したキャラクターの外側にあるものはすべて透明のまま、または影響を受けません。

🔸 🔸 🔸

その後、インポートしたマテリアルの[不透明度]を半分の[50%]に下げます。

🔸 🔸 🔸

これで、マンガのキャラクターにトーンを追加することに成功しました。

🔸 🔸 🔸

上記と同じプロセスを、[material] ボックス内のさまざまなトーン マテリアル セットに対して繰り返すことができます。

🔸 🔸 🔸 🔸

さて、トーンを追加するためにマテリアルの場所を使用すると、その中の一部のマテリアルのサイズを拡大または縮小できないことに気付くかもしれません。しかし、サイズを調整できないマテリアルには、上記の3つの画像（サイズは32.5%、55.0%、および65.0%）に示すように、すでにサイズの異なる複数のマテリアル セットがあることに気付くかもしれません。

◾ マンガに簡単かつ適切にトーンを加える方法

「漫画を描き始めたい！」 「どこにトーンを貼ればいいのかわからない…」という方のために、トーンの効果的な使い方をご紹介します。

🔸 🔸 🔸

1] キャラクターにスクリーントーンを追加する

スクリーントーンは、漫画家がコミックやマンガのキャラクターの視覚的なインパクトを高めるために使用できます。スクリーントーンを効果的に使用する方法を以下に説明します。

• キャラクターの肌の色を表すために使用するトーン

マンガでは、トーンは単に登場人物の肌の外観の種類や性質を視聴者に伝えるために使われます。

例:

トーン [スクリーン トーン] の濃度をそれぞれ異なる濃度に調整すると、異なるキャラクターに、明るい肌や少し暗い肌、非常に暗い肌の仕上がりなど、それぞれ異なる独特の外観が与えられます。

🔸 🔸 🔸

上記を実現するために、以下の OC (オリジナル キャラクター) の画像を使用します。

🔸 🔸 🔸

まず、色白の肌の外観から作成してみましょう。

~ 色白の完成度を持つキャラクター: は、非常に細かいドット [スクリーン トーン効果] で表現できます。

[選択したサブ ツール] の [バケット サブ ツール] を使用して、ラスター レイヤー 上のキャラクターの基本的なフラット カラーを簡単に塗りつぶします。

🔸 🔸 🔸

[選択したサブツール] にある [なげなわ塗りサブツール] に切り替え、[トーン効果] 機能をその新しいレイヤーで 有効 にした状態で新しく作成したラスター レイヤーに適用し、[クリップ ボタン] をクリックして新しく作成したレイヤーをキャラクターの 肌の部分 (このキャラクターの場合は 顔、手、お腹) に [クリップ] します。

🔸 🔸 🔸

上記の手順を実行すると、キャラクターに色白の肌が完成します。

🔸 🔸 🔸

次に、少し暗い肌の外観を作成します。

~ 少し色白の完成度を持つキャラクター: 少し細かいドット [スクリーン トーン効果] で表現できます。

🔸 🔸 🔸

上記の手順を実行すると、キャラクターの肌がわずかに暗くなることに成功しました。

🔸 🔸 🔸

一方、非常に暗い肌の外観を作成するには、

~ 暗い完成度のキャラクター: 非常に太いドット [スクリーン トーン効果] で表現できます。

🔸 🔸 🔸

上記の手順を実行すると、キャラクターに非常に暗い肌の完成を与えることに成功しました。

🔸 🔸 🔸

注意: ただし、線画が目立たなくなる可能性があるため、暗すぎる色は使用しないでください。

🔸 🔸 🔸

 

 

• 被写体の肌の影の部分を表現する

影を作るには、光源の反対側に暗い色調を使用します。

キャラクターに色調を追加するときは、光源の方向に対して影が付く位置に色調を配置します。

 

まず、カラーパレットを選択することをお勧めします。私は、[前景から透明]グラデーション サブツールを使用して、黒と白の両方の色値を含むグラデーション パレットを最初に作成します。

🔸 🔸 🔸

次に、[編集]>[最終修正]>[ポスタリゼーション] に進みます

🔸 🔸 🔸

ミニダッシュボードには、[Levels] 設定と呼ばれる設定オプションが表示されます。ダッシュボードを初めて開いたときには、[8] 個の異なる値 が表示されますが、このチュートリアルでは、[4] 個の値 のみを使用するため、[Levels] 設定を [4] 個の値に設定します。

🔸 🔸 🔸

キャンバスの右に移動し、新しい[ラスター]レイヤーを作成し、[トーン効果]を[周波数]設定で42.5%に設定し、[ソフトエアブラシ]サブツールを使用してカラーパレットの2番目のバルブを選択し、光の方向に応じてキャラクターに影を追加します。

🔸 🔸 🔸

キャラクターに追加された [トーン] シャドウ をより 暗く または 厚く するには、[ポスタリゼーション] 設定を 有効 にして、ポスタリゼーション バーに 2 セットのコントロール ポイントを追加すると、追加された トーン シャドウ がわずかに 暗く なります。

________…

また、値の異なる コントロール ポイント を 3 セット にすると、追加された トーン シャドウ がより 暗く 厚く なります。

🔸 🔸 🔸

注: 各 コントロール ポイント の [不透明度] は簡単に調整でき、値を 増加 または 減少 させることができます。

また、独自の描画スタイルと影の量のバランスも考慮してください。

注: 影を多く追加するほど、イラストがよりリアルに見えます。

 

 

• シーン内の登場人物の感情を伝える

トーンとは、ストーリーの全体的なアクション イベント、ムード、雰囲気を指すことが多いです。これは、キャラクターが次のような感情を抱いているときなど、アーティストが視覚的な感情的要素を使用する方法です。

• アクション イベント:

- トーンは、視聴者にキャラクターのアクションへの関心を集中させ、集中させるために使用されます。

 

• 健康イベント:

- トーンは、キャラクターが病気のときなど、キャラクターの健康状態が悪化していることを示すために使用できます。

 

• 感情イベント:

- トーンは、怒りや落ち込みを感じているときなど、その特定の時点でキャラクターが感じている感情を表現するために漫画家によって最もよく使用されます。

🔸 🔸 🔸

上記を作成する手順:

▪️ステップ 1 トーンを適用する領域を選択します。

▪️ステップ 2 トーンのレイヤー化を有効にします。

▪️ステップ 3 選択した領域にトーンを追加します。

 

このプロセスについては、すでに上記で説明しました。

• キャラクターの服に色調を加える

適切な色調を使用することで、キャラクターの服に布地のようなリアルな質感や、顔や肌を避けてキャラクターの服にのみ前述のプロセスを適用したキャラクターの髪の毛のような質感を与えることができます。

🔸 🔸 🔸

2] 背景として使われるトーン

一部のマンガでは、スクリーントーンは背景にディテールを追加し、視聴者の目をシーン内のキャラクターである可能性のある影響を受けたスペースに集中させるためによく使用されます。

たとえば、背景のない以下のキャラクターを見てみましょう。

🔸 🔸 🔸

焦点をキャラクターに合わせるために、キャラクターレイヤーの下に新しいラスターレイヤーを作成してトーンの背景を付けましょう。[前景を透明に]サブツールグレードを使用して、背景に白と灰色がかった色の値を設定します。

🔸 🔸 🔸

次に、前のレイヤーの上に別の新しいレイヤーを作成し、[トーン効果]と[頻度]を42.5%に設定します。

[選択したサブツール]にある[なげなわ塗りサブツール]を使用して、背景全体をトーン効果で塗りつぶします。

🔸 🔸 🔸

[前景から透明へのサブツール] を使用して、シーンの下部に暗いグレーがかった色の値を追加し、キャラクターの下に奥行きを感じさせます。

🔸 🔸 🔸

ああ…私たちの仕事は終わった

🔸 🔸 🔸

3] より良い構成を作るために使われるトーン

たとえば、2 つの画像 を見てみましょう。

左 の画像では、すべてのキャラクターがシーン内でバランスが取れていますが、感情 や 深み がないことが視聴者に示されています。

________…

一方、右 の画像では、背景のキャラクター の トーン を使用して、影 の下にいるキャラクターの 欺瞞的 または 噂話 癖 を視聴者に伝え、一方で 明るい 下のキャラクターの 明るい態度 と 楽しい雰囲気 を視聴者に示しています。

🔸 🔸 🔸

CLIP STUDIO PAINT [CSP]で上記のシナリオを実現するには、

キャンバスの右側で、まず新しい[ラスター]レイヤーを作成し、レイヤーのブレンドモードを[乗算]に設定し、そのレイヤーで[トーン効果]を有効にします。

________…

次に、キャンバスの左側で、[選択したサブツール]にある[前景から透明]グラデーションサブツールを使用して、マンガの背景シーンに上から下にグラデーションを描きます。

🔸 🔸 🔸

その後、キャンバスの右側で、[選択したサブツール]の[サブツールを参照]サブツールを選択し、背景の右側の周りに選択範囲を描きます。

________…

キャンバスの右側で、2つの背景文字レイヤーの下に新しい[ラスター]レイヤーを作成します>そのレイヤーに対して[トーン効果]を有効にし、[周波数]を70.0%に設定します。

🔸 🔸 🔸

2 つの背景 キャラクター レイヤーの上に別の ラスター レイヤーを作成します > [前景から透明へ] を使用して、シーンの 選択領域 に 暗い色値のトーン を描画します。

🔸 🔸 🔸

これで、背景のマンガシーンに感情と深みを与えることに成功し、より良い構成が実現しました。

🔸 🔸 🔸

また、トーンを使用すると、前景の構図に深みのある表現を加えることもできます。

 

以下の2 つの画像を例に挙げてみましょう。

どちらも似たような表現ですが、右側の画像にはトーンを使用して深みが加えられていますが、左側の画像には深みはまったく**ありません。

🔸 🔸 🔸

CLIP STUDIO PAINT では、まず前景シーンを作成することでこれを実現できます。

🔸 🔸 🔸

キャンバスの左側で、新しいラスターレイヤーを作成し、ブレンディング モードを[乗算]に設定し、[トーン効果]を有効にし、暗い色の値を選択します。

そして、キャンバスの右側に移動して、[選択したサブツール]で[前景から透明]サブツールを選択し、左側から中央にかけて暗くなるグラデーションを描きます。

🔸 🔸 🔸

上記のプロセスを実行すると、マンガのシーンに奥行きが加わり、ドラマチックな表現が生まれます。

🔸 🔸 🔸

4] 視聴者の注意を主人公に集中させるために使われるトーン

マンガやコミックでよく使われる手法で、奥行きと雰囲気の感覚を作り出すために、明るいドットのようなスクリーントーンをキャラクターの縁の周りに使用してフェード効果の霧を模倣し、視聴者の目をシーンのメインキャラクターに向け、シーン内の他のキャラクターを不明瞭にします。

 

例:

以下の2 つの画像に示すように、群衆の霧の中に立っているキャラクターを想像してください。

左側のマンガシーンのキャラクターにはスクリーントーンもフェード効果も追加されていないため、シーンに奥行きと焦点の中心があります。

________…

右側のマンガ画像では、すべてのエッジにフェード効果を追加して奥行きを与えていますが、視聴者の目を向けてほしいメインキャラクターには、視聴者の焦点がメインキャラクターに集中するように、エッジに*スクリーントーン 効果**も追加しました。

🔸 🔸 🔸

CLIP STUDIO PAINTで上記を実現するには、マンガシーンにさまざまなキャラクターを配置します。

🔸 🔸 🔸

マンガ素材をご利用になりたい方は下記リンクからどうぞ。

🔗 🔗 🔗

このマンガシーンでキャラクターが適切にリードされたら、別の作成されたレイヤーの[選択したサブツール]にある[ノイズサブツール]を使用して、キャラクターのエッジにフェード効果を追加します。

🔸 🔸 🔸

キャンバスの左側で新しいレイヤーを作成し、そのレイヤーに[トーン効果]を設定して白色の値を選択します。一方、キャンバスの左側で[ノイズサブツール]を選択してメインキャラクターのエッジにトーン効果を追加します。

🔸 🔸 🔸

上記のプロセスが完了すると、キャラクターの エッジ の周りに トーン効果 が存在するため、群衆 の中に メインキャラクター がいることを簡単に確認できます。

🔸 🔸 🔸

5] 背景効果にトーンを追加

多くの場合、背景に使用される効果にツールが追加され、美化や軽減の目的で背景の焦点が視聴者の目をキャラクターに向け、ほとんどの場合、キャラクターがその瞬間に感じている感情も伝えます。

🔸 🔸 🔸

さて、私が私たちに望んでいる2番目のコンセプトは、FOCUS LINEとSPEEDLINEとして知られており、漫画家のAlongだけでなく西ヨーロッパの漫画家も使用しています。

◾FOCUS LINEとSPEED LINESという用語：これらは何ですか？[？]

スピードラインは、アート、アニメーション、デザインにおいてスピードと動きを伝えるために使用される視覚効果です。多くの場合、一点に向かって収束する対角線として表現され、躍動感とエネルギーを生み出します。

 

 

---

• Clip Studio Paintのフォーカスラインとスピードライン効果はどこにありますか？

フォーカス ラインとスピード ラインの両方を見つけるには、次の操作を行うだけです。

 

まず、[window] ボタンをクリックし、[tool] と [sub tool] オプションの両方を選択します。

🔸 🔸 🔸

選択されたサブツール の中に、この [スピード ライン] の位置があります。ダッシュボードでは、次のことがわかります。

▪️ 散在するスピード ライン、

▪️ 暗いスピード ライン、

▪️ 暗闇のスピード ライン、

▪️ 雨のスピード ライン。

🔸 🔸 🔸

その横には、次のフォーカス ライン ダッシュボードがあります。

▪️ 散在フォーカス ライン

▪️ 暗いフォーカス ライン (曲線)

▪️ 密集フォーカス ライン

▪️ 明るいフォーカス ライン

▪️ バースト フォーカス ライン

🔸 🔸 🔸

---

• マンガでスピードラインを使う方法

スピード ラインは、漫画家が視聴者に次のことを伝えるためによく使用されます。

1] スピードラインは[モーション]でキャラクターを表現するためによく使用されます

マンガや一般的なコミックでは、モーション ライン (ムーブメント ライン、アクション ライン、スピード ライン、ジップ リボン、スピード ラインとも呼ばれる) は、動いている物体や人物の背後に、その移動方向と平行に表示される抽象的な線で、すばやく動いているように見せます。

🔸 🔸 🔸

漫画家がよく使用するスピード ラインは、次の 3 つの形式で表示されます。

水平 - 対角線 - 垂直

スピード ライン。

🔸 🔸 🔸

したがって、

▪️水平線 を使用すると、

視聴者にキャラクターが走っていることを伝えます。

 

▪️対角線 を使用すると、

視聴者にキャラクターが飛んでいることを伝えます。

 

▪️一方、最後に 垂直線 を使用すると、

視聴者にキャラクターが落下していることを伝えます。

2] スピードラインはキャラクターの[感情]を表現するために使用されます

スピード ラインは、キャラクターのエネルギッシュな気分を表すために使用されます。背景は状況によって異なります。ほとんどの場合、簡単に理解できます。

これらの背景は、キャラクターが何を考えているのか、何を感じているのかをさらに示すためにアニメーション化されることがあります。

例を見てみましょう

イライラしたり怒ったりしている人は、血圧が上昇して静脈が浮き出る傾向があります。多くの場合、額や手にあり、感情の高まりを表すために背景に水平にスピード ラインが追加されます。

🔸 🔸 🔸

一方、スピードラインはキャラクターのショックを表現するために追加されることもあります。

また、スピードラインはぎこちなさ、落ち込み、悲しみを表現するためにシーンの背景に追加されることもよくあります。

🔸 🔸 🔸

線を使って、死ぬほどショックを受けていること（「死ぬほど怖い」）、胃の調子が悪い、疲労感などを表します。水平線は、キャラクターの注意が何かに引きつけられていることを意味します。

🔸 🔸 🔸

このシンボルの使用は状況に応じて異なります。背景と同様に、これらの線と色の塗りつぶしは、キャラクターが感じている考えや感情を表します。

 

 

3] スピードラインはキャラクターの劇的なアクションを表現するために使用されます

アート初心者のあなたが、スピード ラインは強烈なドラマチックなシーンを作るために使われると言うなら、私はあなたにこう言います...その通りです! スピード ラインは主に動きやスピードを表現するために使用されますが、キャラクターの興奮を高めるためにも使用できます。

🔸 🔸 🔸

私が持っている情報によれば、スピード ラインは、興奮と関連付けられる可能性のある登場人物の決意、高揚した気分、口論や闘争の気分などをドラマチックに表現するために使用できるようです。

---

• マンガのCSPでフォーカスラインを使用する方法

フォーカス ラインは、漫画家が視聴者に次のことを伝えるためによく使用されます。

1] フォーカスラインは、視聴者の視線を中央に集めたり、方向づけたりするためによく使用されます。

フォーカス ラインは、視覚的なストーリーテリングにおいて強力なツールです。

 

フォーカス ラインは、次のような目的でよく使用されます。

▪️ 画像内の特定の注目ポイントに視聴者の目を向けます。

 

▪️ 奥行き感と遠近感を作成します。

 

▪️ キャラクターの焦点または意図を強調します。

例、

中央に立っている女性キャラクターと、彼女に向かって突進する他のさまざまなキャラクター。

🔸 🔸 🔸

焦点線を戦略的に配置することで、アーティストは視聴者の注意を誘導し、より魅力的でインパクトのある作品を作ることができます。

2] フォーカスラインは、キャラクターの強さを示すためによく使用されます

フォーカス ラインは、キャラクターの熱意 を視覚的に表現するのに最適です。

 

フォーカス ラインは、次のことを表すために使用できます。

▪️ 集中: キャラクターの目から放射状に広がるフォーカス ラインは、タスクや目標に対する強い集中力を強調できます。

▪️決意: 揺るぎない決意と強さの感覚を生み出すことができます。

▪️ 怒りまたはフラストレーション: フォーカス ラインは、キャラクターの抑圧された感情を描写し、シーンの熱意を高めるためにも使用できます。

🔸 🔸 🔸

最後に注目していただきたいのは、コンボ イベントと呼ばれるものです。

コンボイベント：トーンラインとフォーカスラインの両方の使用

マンガ制作初心者の中には、スピードラインとフォーカスラインの両方をマンガで使用できるかどうか疑問に思う人もいるかもしれません。

はい、マンガではスピード ラインとフォーカス ラインの両方を使用できます。これらは、アクション、動き、感情を強調するためによく一緒に使用されます。

 

例を見てみましょう

マンガのシーンでは両方とも スピード ライン [Gloom] が使用されており、キャラクターから離れていくエネルギー ボールの強さを示しています。

一方、 フォーカス ライン [dense focus line] は、エネルギー ボールがどこから来て、どこに向かっているかを示しています。

🔸 🔸 🔸

---

• マンガでフォーカスラインを使うべき理由は何ですか？

▪️フォーカス ラインは、読者の目を誘導し、マンガの重要な瞬間を強調するのに最適です。

 

▪️アートワークにダイナミックなエネルギーと視覚的な興味を加えることもできます。

---

• マンガにスピードラインを使うべき理由 [?]

▪️ スピードラインは、マンガのアクション、動き、感情を強調するのに最適です。

 

▪️ 読者の目を誘導し、ダイナミックなエネルギー感を生み出すのに役立ちます。

ということで、今日のチュートリアルのイラストは終了です。

---

結論

この記事を辛抱強く読んでくださった皆さんに感謝します。皆さんがマンガ制作をより良くするためのヒントを1つ以上学べたことを願っています。また、上記のプロセスを1つずつ自分で繰り返してみてください。練習すれば完璧になります。皆さんの意見を知りたいので、コメントを残してください。コメントが届き次第返信しますので、今はこれで終わりにします。さようなら。