コミックとイラストのヒント

魅力的な背景を作成してキャラクターを強化する

10,119

mannygart

マニー・ゲバラによる総合ガイド

序章

私の最初のClip Studio Paintチュートリアルをチェックしてくれてありがとう！これは、説得力のある背景を描く方法に関する、初心者向けの段階的なチュートリアルです。ただし、バックグラウンドを強化してキャラクターアートを強化しようとしている中級および上級ユーザーに役立つ可能性のある高度な「ハック」がいくつかあります. CLIP STUDIO PAINTの経験に関係なく、気軽にフォローしてください。背景を始めたい、または背景を改善したい場合は、このチュートリアルが最適です。

背景は、多くの場合、イラストを「成功または失敗」させる可能性があります。適切に作成された背景は、被写体を強調するだけでなく、強調することができ、視聴者の目を必要な場所に導き、全体的な視聴体験を向上させます。このチュートリアルでは、プリプロダクション、プロダクション、およびポスト全体で使用して、背景を改善し、キャラクターアートを「ポップ」にすることができる、Clip Studio Paint のいくつかのヒントとコツを学びます。

それでは、#BoostingBackgrounds に飛び込みましょう!

構図でコントラストを作る

絵を描いたり絵を描いたりする前であっても、イラストの最初の段階で使用できる構成上のヒントやコツがいくつかあります。いくつかのサムネイルスケッチを作成して、将来の背景の基本的な形状と値をブロックし、対象に注意を向けるようにしましょう。サムネールを作成するときは、次の点に注意してください。

三分割法

三分割法とは、キャンバスを三分割した場合、その三分割の交点に被写体を配置するというものです。

被写体がキャンバスの左または右に離れすぎていると、視聴者の目がすぐにそれらに引き付けられない場合があります。逆に、被写体を真っ直ぐ中央に置くと、構図が不自然になることがあります。三分割法を使用して戦略的に被写体を背景に配置することで、並置を作成し、位置だけで焦点を確立します。

また、動きを暗示するためにネガティブスペースを使用できることにも注意してください。この場合、キャンバスの左側から登場し、キャラクター B の腕に飛び込むキャラクター A の暗示的な動きを示すために、キャラクターは中央の右側に配置されています。

ヒント: CLIP STUDIO PAINTの[グリッド]および[ルーラーバー]オプションを使用して、キャンバスを四分円に分割できます。グリッドを開くには、[表示] メニュー > [グリッド] を選択します。ルーラーバーを開くには、キーボードの Ctrl + R を押すか、[表示] メニュー > [ルーラーバー] を選択します。

[表示]メニュー→[グリッド・定規設定]で、各ツールの始点、幅、高さ、間隔、分割数を切り替えることができます。

三分割法は写真の原則であり、イラストに適用することで、より自然な構図を作成できます。

リーディングラインによるフレーミング

被写体に注意を向けるもう 1 つの方法は、背景要素を使用して前景をフレーミングすることです。この自然をテーマにした背景の場合、歩道と樹木の境界線を使用して、視聴者の目を被写体の方向に向けるリードラインを作成できます。葉が 2 番目と 3 番目のサムネイルで被写体をどのように構成しているかに注目してください。

被写体をフレーミングするだけでなく、リーディングラインを追加すると、目的のない線の静的な性質を変換して、よりダイナミックな作品を作成できます。

シェイプランゲージ

背景と前景の間にコントラストを作成する 3 つ目の方法は、コンポジションの Shape Language を分割することです。キャラクターのシルエットのシェイプランゲージが柔らかく丸みを帯びている場合は、背景要素を使用してシャープで急勾配のシェイプを作成してみてください。シルエットが背が高くて細い場合は、その逆を試してみてください.

ここでのキャラクターの場合、葉のような有機的な要素の野生の性質をより正確に表す曲線で、直立したシルエットの形状言語を分割しましょう。そうしないと、構図が硬く見えて、キャラクターが目立たなくなります。

ずっといい！構成要素は後でいつでも微調整できますが、強力なサムネイルスケッチから始めることで、後で実質的な編集を行う手間を省くことができます。

色のコントラストを作成する

未来のイラストが描けたので、描いてみましょう！描画プロセス全体を通して、被写体と背景の間にコントラストを作成する機会がさらにいくつかあります。これは、Color とそのさまざまなプロパティを使用するだけで簡単に実行できます。

価値

前景と背景を区別する方法の 1 つは、Value、つまり Color の相対的な "明るさ" または "暗さ" を使用することです。レイヤーの値を確認する最も簡単な方法は、[レイヤープロパティ] タブの [表現色] に移動し、ドロップダウンメニューを [色] > [グレー] から変更することです。これにより、レイヤー全体がグレースケールに変換されます。この便利なレイヤープロパティは、[グレー] > [カラー] の間でいつでも切り替えることができます。

前景と背景を区別するには、対照的な値を使用してください。前景を「明るい」色合いで、背景を「暗い」色合いでペイントするか、背景が光源に近い場合はその逆を行うことができます。背景の値が前景に似すぎている場合、下の最初のサムネイルのように、被写体を区別するのが難しい場合があります。

ヒント: 多くのアーティストは、最初はグレースケールのみでペイントし、適切な値が確立された後、ペイントプロセスの後半で色を追加します。構成の値を監視するのに問題がある場合は、このハックを試してください!

色相

私たちが「色」と聞いてイメージするのは色相でしょう。色相は、白、黒、またはグレーが追加されていない最も純粋な形の色です。カラーホイールの異なる領域からの対照的な色相を持つカラーパレットを使用することは、イラストにコントラストを作成するもう 1 つの方法です。

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

飽和

カラーパレットを確立し、背景のペイントを開始したら、背景の彩度を下げることで、さらにコントラストを作成して被写体を強調できます。これは、HSV と HLS の両方のカラースペース内で上記の範囲のカラーを選択することにより、ペイントプロセス自体で実行できます。

ただし、これは、[レイヤー] > [新しい補正レイヤー(J)] > [色相/彩度/明度] を選択し、彩度スライダーを調整することで、ポストプロダクションでも実行できます。これにより、他のレイヤーまたはフォルダーにクリッピングできる修正レイヤーが作成されます。

背景の彩度をわずかに下げると、被写体がよりカラフルで鮮やかに見え、周囲の要素から際立つようになります。

照明とレイヤーの種類

さて、楽しい部分が来ました！キャラクターアートを際立たせる最良の方法の 1 つは、スマートで意図的な照明を使用して、被写体をさらに際立たせることです。光源を配置して被写体を照らす方法は無数にありますが、前景を背景から分離する最良の方法の 1 つは、バックライトを使用することです。

バックライト

逆光は、被写体のシルエットを強調する優れた方法です。この効果を得るには、被写体の後ろに光源を置きます。太陽の配置のように、光源の配置を使用して被写体にさらに注意を向けることもできます。

次に、少なくとも 2 つの個別のライティングレイヤーを作成する必要があります。1 つはクリッピングマスクとしてキャラクターアートに適用し、もう 1 つはキャラクターアートの下に配置します。

上の図で使用されている 2 つの主なライティングブレンディングモードは、[Glow Dodge] と [Add Glow] です。 2つのうち、[グローダッジ]ブレンドモードは、選択した色をより多く保持するグローを作成しますが、[グローを追加]レイヤーは、より明るく、より色あせた効果を作成します.

グローダッジ

キャラクターアートにクリッピングされた最上部の照明レイヤーには、[グローダッジ] レイヤーモードを使用してみましょう。彩度の高い高価値の暖色 (青より黄色に近い色) を使用することで、キャラクターのシルエットを強調する素敵なリムライトを作成できます。

ヒント: より正確にするには、[ペン] ツールでリムライトを描画し、ツールプロパティ [ぼかし] に設定された [ブレンド] ツールを使用してエッジを手動でぼかします。

グローを強くするには、リムライトレイヤーを複製し、[フィルター]メニュー> [ぼかし]> [ガウスぼかし]で均一にぼかします。

ヒント: キャラクターアートの周りに均一な光のハローを作成するもう 1 つの方法は、キャラクターアートレイヤーまたはフォルダーに移動し、以下に示す設定を使用して [ワンド] ツールでアートの周囲の領域を選択することです。次に、キャラクターアートレイヤーまたはフォルダーの上に新規で[発光覆い焼き]レイヤーを作成し、下のレイヤーにクリッピングします。次に、上で指定した [ガウスぼかし] フィルターを使用して、選択範囲を色とぼかしで塗りつぶします。ぼかしが強いほど、キャラクターアートの端から光が染み込みます。

グローを追加

背景を照らすときは、不透明な [Add Glow] レイヤーを使用して、前景の邪魔にならない色あせた光を生成できます。 [エアブッシュ] ツールや [ブラシ] ツールなどのツールを使用して、より緩く定義の少ないストロークを使用して、要素が被写体から離れているほど、ハイライトやその他の詳細を最小限に抑えます。

ただし、詳細を追加できる領域は、光源自体の周囲、特に被写体を包み込む場所です。コンポジションに光源が表示されている場合は、レンズフレアやフローティングダストモートなどの要素を追加してみてください。 [エアブラシ]ツールは、これらの要素を作成するのに便利で、特に[スプレー]および[液滴]ツールプロパティに設定すると便利です。

これらの要素については、次のセクション「大気遠近法の使用: ぼかし効果」で詳しく説明します。

リニアバーン

[焼き込みリニア]レイヤーモードで、彩度の低い低値のクールな（黄色よりも青に近い）色を使用して、自然な影を作成できます。

ヒント: 作品にダイナミックな外観を作成し、前景と背景の分離をさらに押し進めるには、[グラデーション] ツールをプロパティ [前景から透明へ] で使用して、前景から背景に伸びるフェードシャドウを作成してみてください。この場合、被写体を上の木の下に配置し、葉の影を強調するのに役立ちます。

ぼかし効果で雰囲気のある遠近法を作成する

大気の視点

太陽が葉を透過し、遠くの背景要素の一部を洗い流したので、大気遠近法と呼ばれるものを作成し始めています。

大気遠近法は、オブジェクトが私たちの視点から遠くにあるほど、見るのが難しくなるという単純な原則です。これは、ちり、雨、もや、霧などの大気中の成分が距離に応じて視界を曇らせるためです。大気の遠近法に傾倒することは、被写体を背景から区別し、キャラクターアートを本当に「ポップ」にするためのおそらく最良の方法です。

この効果は、さまざまな方法で実現できます。たとえば、以下に示すように、霧、もや、雨霧などの要素をレイヤー間に配置します。

放射状ぼかし

私たちの場合、[フィルター] メニュー > [ぼかし] エフェクトをミッドグラウンドとバックグラウンドの要素に使用して、前景に注意を喚起し、忙しい背景を単純化します。

まず、太陽光とレンズフレアのレイヤーで[フィルター]メニュー→[ぼかし]→[放射状ぼかし]を使って、キャラクターのシルエットの真後ろから出ていることを強調してみましょう。レイヤーに[放射状ぼかし]を使用すると、視聴者の目が原点に引き寄せられます。この場合、視聴者の目が光の筋の 1 つを捉えると、それをたどってキャラクターアートに戻ることができます。

赤色の「X」をドラッグして、光源、またはぼかしを放射させたい場所に配置します。

モーションブラー

次に、[フィルター]メニュー> [ぼかし]> [モーションブラー]を選択して、中景の塵のモートに[モーションブラー]を適用します。ぼかしをキャンバスの右側に傾けて、シーンの暗黙の動き (つまり、キャラクター A がキャラクター B の腕に飛び込む) に従います。これにより、動きが強調され、視聴者の視線が被写体に向けられます。

ガウスぼかし

最後に、背景要素に [フィルター] メニュー > [ぼかし] > [ガウスぼかし] を使用して、実際に大気の遠近感を取り入れましょう。これにより、選択したレイヤーのすべての背景要素が均一にぼやけます。

[ガウスぼかし]ツールで使用する強度がわからない場合は、イラストを映画のショットと考えてください。通常、映画撮影では、焦点が合っている被写体にカメラが近づくほど、背景がぼやけます。以下は、さまざまなレベルのぼかしを使用した「映画のような」ショットの例です。

「ミディアムロングショット」は、被写体を膝から上まで描写します。長いショットでは、背景がわずかに焦点が合っていない場合がありますが、ほとんどの詳細はまだ認識できます.

「ミディアムショット」は、被写体を上半身から撮影します。ミディアムショットでは、焦点を前景に移すと、背景がぼやけ始めます。

「ミディアムクローズアップ」は、被写体を胸または肩から上に描写します。クローズアップショットでは、前景の被写体により多くの焦点を合わせる必要があるため、背景が非常にぼやけます。

「クローズアップ」は、被写体の顔など、1 つまたはいくつかの要素で画面を埋めます。焦点と画面の領域のほとんどが被写体に占められているため、クローズアップや極端なクローズアップでは背景が極端にぼやけます。

背景をぼかして、前景の被写体とその周りの森との並置を固めました。ぼかしツールや線画の簡素化など、背景を単純化することで、閲覧者はページから飛び出したあなたのキャラクターアートに目を留めることができます。

最後の仕上げとして、落ち葉を追加して作品の動きを強調し、最後のトリックを使用して視聴者の目を前景に誘導しましょう。葉、雪、雨などの要素を追加するときは、被写体を 3D 空間で考え、その前後にパーティクルを配置することを忘れないでください。これにより、見た目がより自然になるだけでなく、中心にあるオブジェクトであるキャラクターアートが強調されます。

ボーナス: ブラシを使用するためのヒント

ご覧のとおり、背景にアプローチする方法は無数にあります。このチュートリアルのイラストレーションプロセスでは、さまざまな葉ブラシを使用して、この牧歌的な秋のシーンを作成しました。森の風景を描いている場合でも、都市のシーンを描いている場合でも、多くのコミックアーティスト、イラストレーター、およびその他のクリエイターは、ブラシ、スタンプ、3D モデルなどの事前に作成されたアセットを使用して、芸術的なワークフローをスピードアップおよび改善しています。

また、「Clip Studio Assets」には、何千ものブラシ、ペン、3D モデル、パターン、およびその他のアセットがダウンロード可能で、その多くは無料です。その他のアセットは、CLIP STUDIO「GOLD」で購入したり、イベントや自作素材のアップロードで無料でもらえる「Clippy」ポイントで購入することができます。

「CLIP STUDIO ASSETS」で入手できるブラシなどのダウンロード素材を活用するコツを紹介！

インストール

目的のアセットを CLIP STUDIO PAINT にインストールするには、アセットリストの右上にある [ダウンロード] ボタンをクリックするだけです。これにより、Clip Studio アプリでアセットのダウンロードとインストールのプロセスが自動的に開始されます。その後、CLIP STUDIO PAINTお絵かきアプリの[ダウンロード]フォルダーからこの素材にアクセスし、選択したサブツールにドラッグアンドドロップできます。 (ダウンロードしたアセットが表示されない場合は、ペイントプログラムを再起動してみてください。)

ボーダー効果

ヒント: 任意のブラシを使用する場合、[レイヤープロパティ] メニュー > [境界効果] を使用して、選択したレイヤー内のすべてのブラシストロークの周りに均等な境界線を作成できます。「デフォルト」ワークスペースでは、このエフェクトは [ナビゲーター] の下、[レイヤー] メニューの上にリストされています。 (ワークスペースを切り替えるには、[ウィンドウ] メニュー > [ワークスペース] に移動します)。

「エッジの太さ」と「エッジの色」は簡単に切り替えることができ、この効果はいつでもオンまたはオフにすることができます。

[フチ効果]をオンにしてレイヤーをリサイズすると、フチは指定した太さのままになります。これを変更し、境界線をレイヤーの内容で均一に変換するには、目的のレイヤーを右クリックして [ラスタライズ] を選択し、レイヤーをラスタライズします。これにより、変換された画像のエッジがピクセル化されすぎて、境界線の外観に悪影響を及ぼすこともなくなります。

この効果は、フォリッジブラシなどのアセットを操作する場合に非常に役立ちます。大気の視点を覚えていますか?その効果を実現する 1 つの方法は、要素が遠くにあるほど詳細度が低くなるように単純に描画することです。この場合、[境界効果] レイヤープロパティは、遠くのオブジェクトのシンプルなシルエットを作成するのにも優れた選択肢となり、背景要素が詳細になりすぎて前景の邪魔にならないようにします。

さらに、前景を含むレイヤーに[境界効果]を適用すると、スタイルが適切であれば、背景から際立たせることができます。

線画の抽出

より様式化されたブラシ、スタンプ、および 3D モデルなどのインポートされたアセットの一部は、イラストの線の品質とカラーパレットに合わせて編集する必要がある場合があります。 [境界線効果]ツールは、任意のレイヤーのコンテンツに境界線を引く線画を作成するのに便利ですが、[レイヤープロパティ]タブの[境界線効果]のすぐ隣にある[線抽出]ツールも便利なツールです。このツールは、以下に示すように、レイヤー全体から線画を抽出します。

これは、線画を強化する必要がある 3D モデルなどのインポートされたアセット、または何らかの理由でレイヤーの分離された線画が必要な場合に役立ちます。孤立した線画を使用して白い領域を透明にするには、選択したレイヤーをラスタライズし、[編集] メニュー > [明るさを不透明度に変換] に移動します。

なお、変更前の[線抽出]ツールはON/OFFできますが、[ラスタライズ]や[明るさを不透明度に変換]はON/OFFできませんのでご注意ください。または、レイヤーの描画モードを [乗算] または [線形焼き込み] に設定して、さまざまなレベルのコントラストを設定することもできます。

線画が抽出されたら、元のレイヤーのコピーの上に配置して線の品質を強化したり、目的のパレットを使用して色を付ける線画として使用したりできます.これは、前景にあるオブジェクトの大胆なディテールがさらに際立つ場合に最適です。

レベル、経験、またはアートスタイルに関係なく、アートの旅に役立つ便利なブラシが必ずあります。恐れずに試してみて、あなたのユニークなスタイルに最適なものを見つけてください!