本サイトではより多くの方に快適に利用して頂ける様に、アクセシビリティ面を充分に考慮したコンテンツの提供を心がけております。その一環として、閲覧対象コンテンツの全てにスタイルシートを使用して制作しております。現在閲覧に使用されているブラウザには、当方制作のスタイルシートが適用されておりませんので表示結果が異なりますが、情報そのものをご利用するにあたっては問題はございません。

建築パース作成テクニック

合成した樹木添景の影をつける

  • 印刷

建築パースに樹木、人物などの画像を合成するとき、ただ配置しただけでは影がありません。ここではPhotoshopを使って樹木の影が地面と外壁に落ちる場合の作り方を紹介します。

  • 全手順数5
加工前
画面キャプチャ:加工前
加工後
画面キャプチャ:加工後

手順01樹木画像を配置する

樹木画像を配置してサイズ調整します。

  1. ツールボックスの「移動」ツールをクリックし、樹木の画像を建築パース画像へドラッグ&ドロップ。レイヤー名を「樹木」とします。

画面キャプチャ:「移動」/ドラッグ&ドロップ

  1. メニューバーの「編集」→「変形」→「拡大・縮小」を選択。

画面キャプチャ:「拡大・縮小」

  1. 配置(枠内をドラッグ)とサイズの調整をおこない、「Enter」キーで確定。

画面キャプチャ:「配置とサイズの調整」

手順02影を作る

樹木画像から影を作成します。作成した影のレイヤー名を「影」とします。

  1. レイヤーパレットの「樹木」レイヤーのサムネイルを「Ctrl」キーを押しながらクリック(レイヤー内の塗りの部分が選択範囲として読み込まれます)。

画面キャプチャ:「Ctrl」キーを押しながらクリック

  1. レイヤーパレットで新規レイヤーを作成(①)。

画面キャプチャ:新規レイヤーを作成

  1. メニューバーの「編集」→「塗りつぶし」を選択し、ダイアログの「使用」を「ブラック」にして「OK」ボタンをクリック。

画面キャプチャ:「塗りつぶし」

  1. メニューバーの「選択範囲」→「選択を解除」を選択。

画面キャプチャ:「選択を解除」/影を作成

手順03外壁に落ちる影の位置を決める

建築パース画像の影を参考にして、外壁に落ちる影の位置を決めます。また、影が樹木の奥側になるようにレイヤーの順序を変更します。

  1. レイヤーパレットの「影」レイヤーを「樹木」レイヤーの下にドラッグ。

画面キャプチャ:レイヤーの順序を変更

  1. ツールボックスの「移動」ツールをクリックし、ドラッグで移動。

画面キャプチャ:「移動」/影を移動

手順04地面に落ちる影を作成する

影を変形させて地面に落ちる影を作成します。

  1. ツールボックスの「多角形選択」ツールをクリックし、地面に落ちる影の部分を選択。

『外壁に落ちる影の位置を決める』で影を移動させたときに影の下部分が切れてしまいましたが、見えていないだけで存在しているので、その点も考慮して選択しています。

画面キャプチャ:「多角形選択」/「地面に落ちる影を選択」

  1. メニューバーの「編集」→「変形」→「自由な形に」を選択。

画面キャプチャ:「自由な形に」

  1. 樹木の根元から影が落ちるように変形させて、「Enter」キーで確定。

画面キャプチャ:「影を変形」

手順05影をなじませる

建築パース画像の影を参考にして、影がなじむように調整をおこなって完成です。

  1. メニューバーの「フィルタ」→「ぼかし」→「ぼかし(ガウス)」を選択し、ダイアログの「半径」の数値を設定して「OK」ボタンをクリック。

画面キャプチャ:「ぼかし(ガウス)」/「ぼかし(ガウス)」ダイアログ

  1. レイヤーパレットの「不透明度」を調整。

画面キャプチャ:「不透明度」

完成

完成イメージ

※このページでは「Adobe Photoshop CS2」を使用しています。

参考ページ
  • 切り抜き済み樹木添景をこちらでダウンロードできます。
    Vol.1 切り抜き樹木(建築パース素材無料ダウンロード)
  • ↑ページTOPへ

ページ公開日:2011年7月20日