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

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

壁の一部を徐々に透かす

  • 印刷

建築パースでは、壁や物などで遮られて実際は見えない部分を見せたいときがあります。ここではPhotoshopを使って部屋を分けている壁と建具の一部を楕円形で徐々に透かす方法を紹介します。

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

手順01画像の準備

アングル、画角などが同じ設定で透かしたい壁がある状態とない状態の建築パースを用意します。

  1. ツールボックスの「移動」ツールをクリックし、壁がある画像を壁のない画像へドラッグ&ドロップ。レイヤー名を「壁あり」とします。

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

  1. メニューバーの「ビュー」→「スナップ」を選択。
    ※「スナップ」の左横にチェックマークがある場合はすでにスナップ機能が有効のため、「スナップ」は選択しません。

画面キャプチャ:「スナップ」

  1. きれいに重なりあうようにドラッグで移動。

透かしたい部分がある状態とない状態を比較したとき、場合によっては違和感が生じる光や陰影が入ることがあります。その場合は状況に応じてレンダリングやライティングの設定で調整をおこなってください。

画面キャプチャ:

手順02透かす部分を選択する

透かしたい部分を選択します。選択範囲の境界にぼかしを設定して徐々に透けるようにします。

  1. ツールボックスの「楕円形選択」ツールをクリック。

画面キャプチャ:「多角形選択」

  1. オプションバーの「ぼかし」の数値を設定し、「アンチエイリアス」にチェックを入れて範囲を選択。

画面キャプチャ:「選択範囲に追加」/「窓ガラス部分を選択」

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

画面キャプチャ:「選択範囲を反転」

手順03透かす部分を設定する

選択した範囲を透けるように設定して完成です。

  1. レイヤーパレットの「レイヤーマスクを追加」ボタンをクリック。

画面キャプチャ:NO IMAGE

完成

完成イメージ


また、応用として『画像の準備』のあとに「壁あり」レイヤーの「不透明度」を調整すれば、壁全体が透ける状態を作成できます。

完成イメージ

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

  • ↑ページTOPへ

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