ウェブトゥーン背景の作り方 [ ステップバイステップ ]

4,094

sunnysora

sunnysora
自動翻訳 | 原文を見る

はじめに!

背景は単なる背景ではありません。物語に命を吹き込むものです!

晴れた花壇は暖かく希望に満ちた感じを与え、薄暗く暗いシーンは一瞬で緊張感を生み出します。

CLIP STUDIO PAINTの背景素材、3D素材、フィルター、ライティングを使えば、すべての細部を一から描かなくても、コマの雰囲気を簡単に設定できます。( •̀ ω •́ )✧


↬ 背景素材を見つける

[ウィンドウ] → [素材] → [Background]を選択します。

自然、建築、内装、ファンタジー、街並み、学校、城などのカテゴリをブラウズします。

 

素材をキャンバスにドラッグするだけで開始できます。

 

 


⇒🎬 ショート動画

👑 高貴な宮殿

では、3Dオブジェクトを使って神秘的で魔法のような背景を作成してみましょう! (❁´◡`❁)


3D背景をインポートする

ステップ 1) 3D宮殿背景をインポートする

 

[素材]パレットを開き、3Dオブジェクトをキャンバスにドラッグします。

[オブジェクト]ツールを使用して、カメラの角度とパースを調整します。

 

💡 ヒント:縦に長いコマでのワイドショットは、空のスペースを広くとることができ、次のコマへの移行をスムーズにします。


線画とトーンに変換する

ステップ 2) 「線画とトーンに対応させる」で3Dモデルを簡略化する

 

3Dレイヤーを選択した状態で、[レイヤー]メニュー → [線画とトーンに対応させる]に移動します。

レイヤーの種類としてベクターレイヤーを選択します。

自分のスタイルに合わせて設定を調整します。ウェブトゥーンらしいクリーンな外観にするには、[線幅]を低く設定し、[トーンの濃度]を低くするかオフにします。

より詳細が必要な場合は、[テクスチャの線を抽出]を有効にします。

 

これにより、元のパースを維持したまま、3Dモデルから編集可能な線画とトーンが作成されます。

 

💡 ヒント:最初に元の3Dレイヤーを複製しておくと、必要に応じていつでもカメラを簡単に調整し直すことができます。

[オブジェクト]ツールを使用すると、[ブラシサイズ](線幅)を調整したり、[ブラシ形状]を変更したりして、抽出された線画編集できます。背景の線画がウェブトゥーンの他の部分と一致するようにしましょう!


ステップ 4) 最も暗いトーンのレイヤーを選択し、「レイヤーから選択範囲」の下にある「選択範囲を作成」をクリックします。

新規レイヤー基本色を追加し、合成モードを変更します。ここでは「オーバーレイ」を選択します。

この例では大きな違いはありませんが、線画や影を追加したり、3Dオブジェクト自体を自分で塗り直したりしたい場合には非常に便利です。


「線画とトーンに対応させる」機能の使い方については、私の以前のTIPS記事もチェックしてみてください。↓↓↓

3Dモデルで廃墟を作る 「3Dモデルのすべて 👤 #1」 by sunnysora - より良いアートを作る | CLIP STUDIO TIPS


背景素材を追加する

ステップ 5) ウェブトゥーンにぴったりの美しい空素材を追加しました!

意図したダークなブルーグリーンの雰囲気に合わせるために、空素材のレイヤーカラー全体を変更しました。

その後、先ほどの選択範囲から作成したレイヤーの色を変更し、合成モードを再度調整しました。


柔らかなライティングを作成する

ステップ 6) グループ全体の上に新規レイヤーを作成してグラデーションを追加し、合成モードを「加算(発光)」に設定してから、不透明度を調整します。

 

大きくて柔らかいエアブラシを使用して、背景とシームレスに馴染むようにエッジに沿って光を加えます。最後に、すべての背景レイヤーを結合して複製します。


背景を柔らかくする

ステップ 7) 背景を柔らかくする

[フィルター] → [ぼかし] → [レンズぼかし]

 

複製したレイヤーのうち、上のレイヤーにレンズぼかしエフェクトを適用します。

効果が控えめになるまでエリアを消去し、柔らかい奥行きを作り、詳細な背景がピント外れに見えすぎないようにします。

次に、下の複製レイヤーでぼかしペンを使用して、鋭いエッジを優しく柔らかくします。


色調補正で雰囲気を統一する

ステップ 8) 色調補正で雰囲気を統一する

[フィルター] → [クイックフィルター] → [クール]

 

神秘的な宮殿の場合、クールなブルーを使用してシーン全体に一貫した雰囲気を作り、コマに合わせて色をもう少し調整します。


空気感のディテールを追加する

ステップ 9) 花のディテールと、エッジやコマの枠線を暗くして中央に視線を集めるためのビネット用の新規レイヤーを追加します。

 

オプションで用紙テクスチャを追加して、いくつかの微調整を行い、コマを完成させます。

別のレイヤーで、設定を「加算(発光)」にし、優しい輝きのために光のスパークルを追加します。


🌟 最終結果

これらの様々なCLIP STUDIO PAINTの機能を使用すると、細部を一から描かなくても、シンプルな3D背景モデルをドラマチックなウェブトゥーンのシーンに変えることができます。

例えば、ダークブルーは冷たく神秘的な感じ、温かい赤はロマンチックな雰囲気、温かいオレンジは明るく歓迎的な感じ、セピアやグリーンブラウンのトーンは古い写真のようなノスタルジーを呼び起こします。

 

 


配色を素早く変更する方法については、私の他のTIPS記事をチェックしてみてください。↓↓↓


😒面白い「ネタ」コマの作成

背景素材を追加する

ステップ 1) キャラクターから始める

キャラクターのイラストから始めます。リアクションコマの場合、ポーズとシェーディングは最小限に抑え、背景に感情を語らせます。

 

ステップ 2) 背景素材を追加する

背景を一から作成する代わりに、CLIP STUDIO ASSETSライブラリの既成素材を活用しましょう。

気分を反映したデザインを選びます。不安や考え込んでいる雰囲気には波線、緊張感にはダークなグラデーションを選び、キャンバスにドラッグします。

 

ステップ 3) 境界効果でキャラクターを分離する

キャラクターのフォルダーを選択し、以下を有効にします:

[レイヤープロパティ] → [境界効果]

 

フチの太さを調整し、縁取りの色を選択します。これにより、キャラクターを背景から分離する、ステッカーのようなクリーンな輪郭が作成されます。

 

💡 コメディ風の雰囲気を出したいリアクションコマに最適です。

 

ステップ 4) 柔らかい光を塗る

背景の上に新規レイヤーを追加し、柔らかいエアブラシを使用してキャラクターの周りを優しく塗り、目立たせます。


さらにエフェクトを追加する

ステップ 5) グラデーションを追加する

グラデーションツールを使用して暗い色から明るい色への変化を作り、レイヤーの合成モードを「オーバーレイ」に設定します。イラストを圧倒することなく、シーンを統一します。

 

ステップ 6) 描き文字を追加する

リアクションコマはタイポグラフィ(描き文字)によってより表情豊かになります。

テキストツールや、ASSETSライブラリの描き文字素材を使用するか、自分の絵柄に合わせて描き文字を手書きします。

また、ジグザグ、殴り書き、キラキラなどの小さな記号を追加して、感情を強調することもできます。

 

ステップ 7) 用紙テクスチャや線エフェクトを追加する(オプション)

コマの上に用紙テクスチャを追加し、不透明度を調整して「焼き込み(カラー)」に設定するのがお気に入りです。

 

垂直線のテクスチャを追加すると、気まずい間やドラマチックな間を強調するのに効果的です。

追記:記載されていないアセットは、現在は利用できません。


🌟 最終結果

背景画像素材、グラデーション、エフェクトを調整するだけで、時間を節約するために再利用可能な様々なリアクションコマを簡単に作成できます。

 

💡 例えば、不安な瞬間には青、怒っている瞬間には赤、コメディ的な瞬間には黄色、恥ずかしいシーンにはピンクを使用します。


おわりに!

CLIP STUDIO PAINTの3D素材、フィルター、ライティング調整、デコレーション素材を使用すれば、シンプルな背景を、マンガやウェブトゥーンの感情を伝えるシーンに素早く変えることができます。

 

読んでいただきありがとうございました。この記事が、より早く制作でき、読者の記憶に残るコマを作る手助けになれば幸いです!(●'◡'●)

コメント

新着

公式 新着