風景写真からマンガ風の背景を作る方法

3,486

Norpiova

Norpiova

皆さんこんにちは、ノルピオバです。 CLIP STUDIO PAINTのチュートリアルへようこそ。

これは、背景 写真を使ったアート チュートリアル シリーズの最初の部分です。

今日は風景写真からマンガ風の背景を作る方法を紹介します。

それでは、本題に入りましょう!

オーディオビジュアル形式を希望する場合は、このチュートリアルのビデオ バージョンも作成しました。

CLIP STUDIO PAINT EX バージョン1.13を使用しています。したがって、バージョン 2 を使用している場合は、このチュートリアルに従うのが問題ありません。

1.マンガスタイルの背景を特定する

漫画風の背景のユニークな点は、スクリーントーンの使用にあります。さまざまなタイプのスクリーントーンが陰影の錯覚を生み出します。

スクリーントーンの要素の量とサイズを組み合わせて、適切なシェーディングを見つけることができます。スクリーントーンの要素とは、ドット、ライン、四角、十字などのスクリーントーンパターンの形状です。

2. 写真をマンガ風の背景に変える

まずは風景写真をCLIP STUDIO PAINTに読み込みます。

ちなみにこの写真はAndroidから撮りました。

楽しい部分を始めましょう。この画像を線とトーンに変換するには、写真のレイヤーを右クリックし、[線とトーンに変換] を選択します。

上が線抽出の設定、下がトーンの設定です。リアルタイムで変更を確認できるように、プレビュー ボックスをオンにすることを忘れないでください。


簡単なメモ: これらすべてのパラメータに関する説明を読みたくない場合は、設定をコピーして次のステップに進んでください。


線の設定から始めて、「最初にポスタライズ」オプションのチェックを必ず外してください。

次に、「黒塗り」ボックスをチェックします。このオプションは、画像の暗い領域に基づいてシルエットを生成します。また、十分に暗い限り、オブジェクトの端から線を自動的に作成します。値が大きいほど、黒いシルエットが生成される領域が大きくなります。個人的には 40 から 80 までの結果が気に入っています。

 

次に、[線の幅]では、生成される線の幅を設定します。任意の数値を使用できますが、3 ~ 5 の値をお勧めします。

CLIP STUDIO PAINTでのシルエットや線の生成方法は、設定も操作も簡単な「エッジ検出処理2」を選択します。

このオプションには 2 つのパラメータがあります。まず、エッジの高さです。エッジの高さを調整し、輪郭として検出できます。値が小さいほどエッジが弱くなり、小さな変化も線として検出されます。私が今言ったことに混乱しているなら、それは大丈夫です。簡単にするために、このパラメータの値として常に 0 を入力します。

2 番目の線の曲率は、太さの変化に基づいて検出された輪郭の連続性を調整します。値が大きいほど、短いセグメントが含まれる可能性が高くなります。繰り返しますが、混乱している場合でも、大丈夫です。簡単にするために、このパラメータの値として常に 10 を入力します。

次にトーン設定に進みます。トーン作業オプションを必ずチェックしてください。次に、「ポスタリゼーション」オプションをチェックします。これらのオプションをオンにすると、画像がスクリーントーンにポスタリゼーションされます。

スクリーントーンの強度を調整するには、その下のスライダーを使用します。スライダーの量は、生成されるポスタリゼーションのレベルを表します。したがって、3 つのスライダーは、3 レベルのポスタリゼーション、または 3 レベルのシェーディング、または 3 つのスクリーントーン タイプを取得することを意味します。このバーをクリックするとスライダーを追加でき、スライダーが消えるまで下にドラッグすると削除できます。スライダーの位置を変更して、ポスタリゼーション プロセスで各スライダーの値の影響を受ける領域の量を調整することもできます。

 

個人的には、スライダーの位置は同じままにし、代わりにスライダーの値を調整します。通常、左のスライダーは 60 ~ 80 程度、中央のスライダーは 50 のまま、右のスライダーは 10 ~ 30 の間が好みです。

次に、タイプオプションでは、スクリーントーンの形状またはパターンを設定します。ここにはたくさんのオプションがあります。通常、マンガ風の背景のスクリーントーンには、円模様や線模様が含まれる場合があります。

残念ながら、ライブ プレビュー モードでは違いを確認できません。生成した後でのみそれを見ることができます。ただし、形状パターンは後から変更できるので、心配する必要はありません。

 

次に、[周波数] オプションで、1 インチあたりのスクリーントーンの線数を指定します。後で結果を調整できるため、ここには任意の数値を入力できます。

最後に、[角度] オプションでは、スクリーントーン パターンの角度を設定します。通常、漫画家は背景に対して斜めの効果がよりダイナミックに見えるため、45 度の角度のスクリーントーンを使用します。

ここで [OK] をクリックしましょう。

 

5 つのレイヤーを含むフォルダーが作成されます。 1 つ目は黒いシルエット、2 つ目はダーク グレーのスクリーントーン (通常はシルエット レイヤーでカバーされます)、3 つ目はミッド グレーのスクリーントーン、4 つ目はライト グレーのスクリーントーン、最後のものは白のレイヤーです。 。

3. スクリーントーンを調整する

より良い結果を得るために、個々の形状パターンの数 (頻度) とサイズ (密度) を調整できます。デフォルトでは、個々の形状が気づきにくい非常に小さなスクリーントーン パターンが得られます。

個々の形状 (この場合はドット) をより見やすくしたいので、スクリーントーンの周波数 (数値) を減らし、密度を上げてスクリーントーンのサイズを大きくする必要があります。基本的に、サムネイルの最終結果と同じように、ドットを減らして大きくしたいと考えています。


クイックメモ: 適切な値と最適な値は、解像度に応じて写真ごとに異なります。これは、周波数と濃度を調整してスクリーントーンを特定の外観にする方法の一例にすぎません。


まずはライトグレーのスクリーントーンまたはトーン 1 から始めましょう。周波数 (数値) を 6 だけ下げ、濃度 (サイズ) を 10 に下げます。

次に、ミッドグレーのスクリーントーンまたはトーン 2 で、周波数を 6 に下げ、濃度を 35 に下げます。

ダークグレーのスクリーントーンまたはトーン 3 の場合は、最初に黒いシルエットを非表示にするため、周波数を 6、濃度を 70 に設定します。

この数値を使用すると、スクリーントーンが以前よりも明るく表示されます。そして、個々のドットも確認できるようになりました。

先ほども言いましたが、ここでもスクリーントーンパターンの角度や形を変更することができます。


結果に満足したら、ここで終了しても構いません。写真をマンガ風の背景に変えることに成功したからです。わーい!

しかし、個人的には、メインオブジェクトをトレースし、その周りのスクリーントーンをクリーンアップするなど、さらに調整を加えたいと思っています。

4. 主要なオブジェクトのトレース

トレースを工程に入れるのは、主役となるオブジェクトをより立体的に、目立たせるためです。これは自分の写真なので、恥ずかしくないです。これは単なる私の好みです。

 

そこで、フォルダー内に新しいベクターレイヤーを追加し、ペンと線ツールでこれらのオブジェクトをトレースします。

5. スクリーントーンのクリーンアップ

主要なオブジェクトをトレースした後、背景をよりクリーンでクリアに見せるために、いくつかのスクリーントーン領域をクリーンアップする必要があります。

したがって、スクリーントーン レイヤーの隣にはマスク レイヤーがあり、クリーンアップを行うには、ペン ツールを使用してスクリーントーンを追加し、ハード消しゴムまたはペン ツールを減算モードで使用してスクリーントーンを削除できます。

6. 背景にキャラクターを追加する

最後のステップは、背景に文字を追加することです。

 

そしてこれが最終結果です。

はい、それだけだと思います。このチュートリアルがお役に立てば幸いです。パート 2 では、風景写真からアニメ風の背景を作成する方法 を学習します。

コメント

新着

公式 新着