Visualization

【完全版】Photoshopを使った建築CGパースの作り方のプロセスを解説します

Visualization

この記事では、Photoshopを使った具体的なパースの製作手順について説明をします。


\週1から3DCGクリエイター/
資料請求はこちら>>
※無理な勧誘はありません

Photoshopを使ったCGパースレタッチの手順

「 パース加工の際に、どこから加工すればいいのかわからない 」という声を聞くことが多いです。

基本的にはその人に合ったやり方を見つけるのがベストですが、ここでは人や家具などの細かい部分から加工するよりも、空などの背景から順番に仕上げていく方法をおすすめします。

ベースとなる素材から順番に加工していく事で、細かい修正に時間をかけず統一感のあるパースに仕上げる事ができます。

 

加工は空などベースとなる素材から!

 

それでは具体的におおまかな流れを実際の加工に沿って説明していきます。

工程は大きく分けて以下の4ステップです。

  1. 空のレタッチ
  2. 背景・周辺の環境のレタッチ
  3. 建物のテクスチャーのレタッチ
  4. 人、その他添景のレタッチ

大まかにこの流れで加工していきます。

空のレタッチ

レンダリング後の画像を用意しました。こちらを加工します。

加工前の画像

すでに空が入っていますが、この上から別の画像を重ねることでリアルに仕上げます。
空を加工する際は次の二つを常に意識します。

  1. パースを効かせる
  2. 太陽光の位置を把握し、光の強弱を施す
空の加工はパースと光の強弱を意識する!
まずパースについてです。雲の大きさや密度が自然に見えるように配慮しながら変形させます。
画像では、変形ツールを使用して、赤の矢印の方向にパースを利かせています。

空のレタッチ_1

次に画像のようにトリミングを行います。これでひとまず画像に空が合成できました。

空のレタッチ_2

トリミング後は空の色を色相・彩度から調整します。

その後、光源の再現として青枠のように白色を追加します(ここではブラシツールで白を塗った後に、消しゴムツールで調整をしています。)。

空のレタッチ_3

またここでは割愛しますが、赤枠の部分には建物や木などを入れてあげると、奥行き感が出ます。

 

さらに、下の画像のように光源を強めたバージョンも作成してみましょう。

空のレタッチ_4

これもすべてブラシツールで加工可能です。

画像のように、標準的な丸ブラシを使って光の円を作る事ができます。また、光線の表現は、ブラシツールで直線を引くことで作成します。

ブラシツールを選択し、一度クリックした後に[shift]を押しながら、別の場所をクリックすると直線が引けます。

パースで表現したい時間帯によって、光の色や強さは変わってくるので、いろいろな時間を意識しながらパターンを作成する練習をしてみるといいでしょう。

空のレタッチ_5

背景・周辺の環境のレタッチ

次に背景・環境のレタッチに移ります。具体的な加工方法は下のリンクを参考にしてみてください。

木を合成する際には知っておきたい!建築パースに土や芝生を合成する方法
外観パースの作成では、芝生や土を合成する機会も多いです。この記事では土や芝生の合成方法について解説していきます。土や芝生の合成が重要な理由ランドスケープデザインを行った時は勿論の事ですが、家・オフィスビル等の3Dパースの時でも庭や街路樹の足

今回は3箇所を加工しました。植栽や芝を入れる際の注意点は3つです。

  1. 陰影に矛盾が生じないように、光源を確認する
  2. そこで行われるアクティビティを想像しながら加工する
  3. 動線となる部分を確保する
植栽のレタッチは光源、アクティビティ、動線に注意!

背景のレタッチ

 

建物のテクスチャのレタッチ

次は、建物にテクスチャを追加していきます。今回は鉄筋コンクリート造の建物風に仕上げます。

ここでコツとして、建物に対してテクスチャの画像が小さい場合は、一つの画像をコピー、拡大して使用する方法が挙げられます。

例として下記の画像を使用します。

テクスチャのレタッチ_1

コピーした画像を隣に増やしていく事で、大きなコンクリート画像を作る事ができます。
この手順を踏む事で、一個一個小さな画像を貼る必要が無い為非常に便利です。

テクスチャのレタッチ_2

テクスチャができたら、建物の側面、画像の赤枠部分にテクスチャを貼ります。

テクスチャのレタッチ_3

複雑な形をしているので、大きくしたテクスチャ画像を貼った後にトリミングする方法を行います。

まずは大きくしたテクスチャ画像をペーストします。

テクスチャのレタッチ_4

側面全体が埋まるくらいの大きさであれば理想的です。

テクスチャのレタッチ_5

ペーストはパースを効かせてから行います。このテクスチャだと少しわかりづらいですが、こうすることで模様に奥行きを出せます。

テクスチャのレタッチ_6

後はトリミングをしてから、陰影をつければ完成です。
この時に、焼き込みツール、または画像の乗算を使うと背後の影を浮き出す事が可能です。

テクスチャのレタッチ_7
テクスチャのレタッチ_8

以上の手順で、大まかに右側の建物だけを表面加工しました。

ポイントは、テクスチャにパースを効かせてから貼ること、焼き込みツールや乗算をかけることで自然な陰影とムラを与えることです。

テクスチャの合成は比較的簡単なので、様々な画像で練習してみるとよいでしょう。

テクスチャのレタッチはパースと陰影に注意する!

人・その他の添景のレタッチ

最後に、人の合成を行います。

具体的な合成方法は下のリンクの記事に記載していますので、割愛します。

人の合成がパースのポイント!人物を建築CGパースに合成する方法
建築のパースに人は欠かせません。 パースに人を入れる事で、建築内外での人の行動や建築のスケール感が理解できます。 一方で、丁寧に合成しないとスケールに違和感が生まれ、パースの質の低下につながります。 そのため添景の中でも人は最重要と言えます。 そこで、今回は外観パースに人を合成する方法を解説します。

人を合成する際のポイントは、そのパースで何かしらのアクティビティが発生している場所に人を入れることです。こうすることでパースにメリハリをつける事が可能です。これはパースだけではなく、平面図・立面図・断面図の全てに共通している事なので、常に念頭に置いておきましょう。

完成イメージ

人の合成は、その場所で行われるアクティビティを意識して!

まとめ

以上で、

  1. 空のレタッチ 
  2. 背景・周辺の環境のレタッチ
  3. 建物のテクスチャのレタッチ 
  4. 人・その他添景のレタッチ

基本的な4つの流れを踏まえた画像加工が終わりました。

他にも方法はあるかと思いますが、これら4つの流れさえ押さえておけば、きれいなパースを仕上げる事ができます。

ぜひ以上の手順を参考にトライしてみてください。最後まで読んでいただき、ありがとうございました。


\週1から3DCGクリエイター/
資料請求はこちら>>
※無理な勧誘はありません

コメント

  1. onikudaisu より:

    CGパースを勉強始めたばかりのものですが、
    こちらのサイトにたどり着きました。
    自分の勉強したいことがたくさん書かれており、参考にさせていただきたいと思っております。

    ページ内にいくつか出てくる言葉で、パースを効かせるという表現がありますが、どのような状態のことになりますでしょうか?

    画像では、変形ツールを使用して、赤の矢印の方向にパースを利かせています。
    という表現や
    ペーストはパースを効かせてから行います。このテクスチャだと少しわかりづらいですが、こうすることで模様に奥行きを出せます。
    という表現や
    ポイントは、テクスチャにパースを効かせてから貼ること、焼き込みツールや乗算をかけることで自然な陰影とムラを与えることです。
    という表現がページ内にありました。

    • 建家ツクル より:

      コメントいただきありがとうございます。また返信が遅くなってしまい失礼しました。
      「パースを利かせる」という表現自体が適切かどうかは分からない部分もありますが、この場合で言えば、photoshop上でパースに合わせて素材を張り付けることを指しています。
      例えば建物の側面は単純な四角形ではなく、消失点に向かっていくようないびつな四角形になっています。記事でも書かれている通り、photoshopの自由変形では4隅の位置を自由に変形することが可能です。
      貼り付けたい面の四角形に合わせて変形させることを「パースを利かせる」と表現しているとお考え下さい。不明点あればまたご遠慮なくご質問いただければ幸いです。

タイトルとURLをコピーしました