建築外観パースの加工で、必須となるのが木のコラージュです。
そこで、本記事では、木の画像を自然に建築パースに合成する方法を説明します。
未経験でもプロになれる！専門スクールをチェック！
CG（コンピュータグラフィックス）の世界は、映画・テレビ・ゲーム・広告など幅広い業界で求められるスキルです。
未経験からプロを目指すなら、実績あるスクールでの学習が近道です。
Coloso（コロソ）｜プロのスキルをそのまま吸収！動画講座で最短スキルアップ
視聴は無期限、1講座買い切り型なので、好きなときに何度でも学べます。
特にイラストやアニメーション、モーショングラフィックス分野で人気が高く、SNSでも話題の“ライブイラスト”技術など、即実践で使える内容が豊富です。
業界トップクラスの専門家のノウハウが学べる
Colosoをチェック
割引キャンペーンあり
デジハリ・オンラインスクール｜就職もサポート！王道のCG講座
デジハリは、28年の運営実績と9万人以上の卒業生を輩出している実力派スクールです。
Maya・After Effects・3dsMaxなど、プロ現場で使われているCGツールを体系的に学べます。
添削・課題サポートに加え、クリエイターズオーディションなど就職支援も万全。
社会人や大学生の“学び直し”にも選ばれています。
挫折しない仕組みでしっかり学ぶ！
デジハリオンラインをチェック
無料相談を実施中
代々木アニメーション学院｜アニメ×CGで実践力を磨く
代アニの3DCG学科は、MAYAやAfterEffectsなどを使った実践重視の授業が魅力。
全国の校舎で学べ、夜間・週末コースやオンラインにも対応。
アニメ制作会社のニーズに合わせた即戦力育成が強みで、卒業生の多くが業界で活躍中。
少人数制で個別対応にも優れており、初心者でも安心してステップアップできます。
最短でプロのCGクリエイターに！
代々木アニメーション学院をチェック
無料で資料請求！
気になったらまずは資料請求！
プロ志向におすすめ！3DCG・デザイン系スクール厳選3選【2025年版】
オススメNo.1：Coloso（コロソ）
第一線のクリエイターが直接指導！
圧倒的な情報量と実演解説で、イラスト・動画編集などのスキルをプロレベルに。講座は買い切り＆無期限視聴で、マイペースに学べます。
オススメNo.2：デジハリ・オンラインスクール
プロ用ツールを本格的に習得！
Mayaや3ds Max、After Effectsなど業界標準ソフトを学べる通信制講座。就職サポート付きで未経験からの転職・副業にも強い。
オススメNo.3：代々木アニメーション学院
アニメ・3DCG業界で多数の卒業生が活躍！
現場使用のMAYAを活用したカリキュラムで、基礎から実践まで体系的に学べます。全国展開＆通学＋夜間対応も魅力。
木の合成が建築パースで重要なワケ
木の合成は、画像を適当に選んでコピー&ペーストすればいいわけではありません。
木の画像が不自然だったり適切でない大きさで配置をしたりすると、パース全体の調和で違和感が出ます。
また、同じ木の画像を貼り付けてしまうと手抜き感が出て、パースのクオリティが落ちます。
木の合成の手順
木の画像を自然に合成する手順は以下の通りです。
- 作成する木の画像を選ぶ
- 画像を合成用に修正する
- パースに木を合成し、調整する
- 木の陰を作成する
本記事ではこれらを中心に解説していきます。
パースのほかに、立面図や断面図にも木を入れる機会が多くありますが、基本的にはパース作成の際の加工方法がそのまま使用可能です。
木の画像を選ぶ
加工前の大事な要素として、画像選びがあります。
必ず、解像度が高い画像、きちんと背景がトリミングされている画像を選んでください。
一つ画像があれば、そこから複数のパターンを作成可能なので、毎回複数の画像をダウンロードする必要はありません。
今回の記事は木の合成・加工がテーマなので、別の記事で『 画像をきれいにトリミングする方法 』として画像の要らない部分を切り取る記事をご紹介します。
画像を合成用に修正する
まずは一つの木の画像から複数パターンを作成する方法です。
建築パースの作成では、極力同じ画像の使用は避けたいので、このワザを知っていれば凄く便利です。
作業自体は難しくない為、基本的なツールを使い回せば大丈夫です。
- 大きさを変える
- 形を変える
- 木の色を変える
この3つが出来れば、複数パターンを作成できます。
木の大きさを変える
画像の大きさを変える際は自由変形ツールを使用します。
[ Command + T ]のショートカットが出来ると、画像のようにすぐに操作出来るので非常に便利です。
shift、またはshift + optionを押したまま、画像の大きさを変えると、縦横比率を維持したまま大きさの変化ができます。
木の形を変える
control（Macではcommand） を押しながら、画像の角を動かすと、選択された場所のみの操作が可能です。
ここでは右上の角を下に動かしました。
この方法で画像2枚目のように操作をすると奥行きが出せるので、ただ画像を貼り付けるよりも、より立体的にパースを加工する事ができます。
建築パースでは、画像にパースを効かせて配置する事が凄く大事なので、木以外の加工でもかなり役に立つ操作になります。
変形の『 ワープ 』を使用すると、より細かく変形することが可能です。
このように変形の幅が広がるので、例えば、曲面に画像を貼り付ける時にも便利な方法となります。
色相・彩度を調整する
簡単に言うと、色を変える事で差を出す方法です。
分かり易いように、木をコピーしておきます。
次に、『木のコピー』のレイヤー上の赤い枠で囲まれている部分をcommandを押しながらクリックしてください。
すると、赤い点線で囲まれているように選択されたレイヤー（木のコピー）の画像部分が選択されているのが分かります。
この状態で、画像で示されているように『色相・彩度』を選択すると、下記のような画面になります。
色相・彩度・明度のカーソルを調整すると自由に色合いの変化ができます。
画像のように、同じ木から赤いバージョンを作成することができました。
勿論、他の色合いに調整する事も出来ます。
以上の方法で、下の画像のように元画像から別の木を作ることが出来ました。
以上の様に、一つの木の画像からでも数種類のパターンを作成する事が可能です。
何回も違う木の画像を持ってきて、加工して、また別の木を、持ってきて・・・という作業を省くことができるので、効率化が図れます。
空いた時間に複数パターンで画像を作成しておけば、自分用の画像データを準備しておく事も出来るので、便利ですよね。
パースに画像を合成し調整する
ここまでが出来たら、次は実際に建築パースに木の画像を合成してみましょう。
まずは、木の大きさ・形を設定します。
次に考えなければいけない事は、『パースには必ず光源が存在する』という事です。
外なら太陽光、室内ならライト、というように必ずパースに存在する物には陰ができます。
そこで、光源を意識して光の強弱を木に足す必要があります。
上記の画像では光は後方から来ているのにもかかわらず、木の手前側が明るく見えますよね？ これを修正してリアル感を足していきます。
他にも方法はあるのですが、ここでは『焼き込みツール・覆い焼きツール』を使用しています。
光源側には『覆い焼きツール』を、陰ができる側には『焼き込みツール』を使用する事で、簡単に木に光の強弱を与えられます。
木を選択した上から塗るだけですが、この時にPhotoshop画面内上部の『露光量』を変化させると、強さを調整出来ます。
完成後がこちらの画像です。
光源側が明るく、手前側が暗く修正されています。
木の影を作成する
次に木の影を作成します。
簡単な方法は、
- 作成した木をコピーする
- コピーされた木を黒色に塗る
- 黒く塗った木の画像を垂直方向に反転させる
- 角度や奥行きを調整する
- 輪郭をぼかす
- 透明度を上げる
この6段階です。順番に見ていきましょう。
作成した木をコピーする
コピーされた木を黒色に塗る
黒く塗った木の画像を垂直方向に反転させる
角度や奥行きを調整する
この作業は先ほど紹介をした、①『 大きさを変える 』②『 形を変える 』をトライしてみてください。
輪郭をぼかす
フィルターの『ぼかし』を使用していきます。
ぼかし（ガウス）の下のカーソルを動かすと、ぼかしの強弱を設定できます。
透明度を上げる
レイヤーの欄にある『不透明度』を調整してください。
また、根っこ部分を軽く消しゴムツールで消したり、ぼかしたりするとより自然になります。
こちらが完成画像です。
木の加工に少し手間をかけるだけでも、一気に画像の質が変わる事がわかりましたね！
ぜひ以上の手順を参考にトライしてみてください。
P.S
実際には、コンクリートから直接木が生える事は無いので、よりリアリティを出す為に、木の根元部分に草や土の加工を施します。
草や土の加工については以下の記事をご覧ください。
コメント