この記事では、 Photoshopでフロアプランを素早く効果的に作成する方法をご紹介します。デザインをフロアプラン図として具現化する方法も解説します。完成したフロアプランは、プロジェクト全体の空間計画の中でデザイン案がどのように位置づけられるかをクライアントに伝えるためのコミュニケーションツールとして活用できます。まず、デザインのラフスケッチを紙に描き、次にPhotoshopを使用して、施工用のグラフィック表現を作成します。
こちらもご興味があるかもしれません：Photoshopでピクセル化した画像を改善する方法。3つの方法
Photoshop で計画を立てるときに部屋を作成する
物事を簡単にするために (数値に興味がない場合)、レイアウト内でフィートをインチに変換するだけです。まず、追加の合計平方フィートよりも少し大きいキャンバスを作成します。この場合、合計は 28 フィート×28 フィートになるため、キャンバスを 32 インチ×37 インチにします。
Photoshopで描画する際の不便な点の1つは、シェイプツールを使って輪郭線のある図形を作成できないことです。そのため、間取り図に必要な中空のボックスを作成するには、少し面倒な回避策を講じる必要があります。
増築部分の中で最も広い部屋である、オフィス兼ファミリールーム（幅28フィート、奥行き14フィート）から始めましょう。画像を作成するには、まず「ファミリールーム」という名前の新しいレイヤーを作成し、ツールバーから選択ツールを選択します。
ボックスが正しいサイズであることを確認するには、画面上部のモード メニューから「固定サイズ」を選択し、下のボックスに寸法を入力しましょう。
これで28×14インチのボックスができました。しかし、このボックスにはまだアウトラインが必要です。アウトラインを作成するには、「編集」を選択し、「選択範囲のストローク（アウトライン） 」を選択します。すると、アウトラインの色、サイズ、位置を選択できるダイアログボックスが表示されます。ここでは、 10ピクセル、黒、中央を選択しました。
フロアプラン内の追加の部屋ごとに同じ手順を実行してみましょう。各部屋のサイズや位置を編集するには、レイヤーをクリックし、マウスまたは矢印キーを使用して移動および調整するだけです。そのため、部屋ごとに新しいレイヤーを作成することが非常に重要です。これらのレイヤーがなければ、ボックスを描画した後に調整を行うことができません。
フロアプランにドアを追加する
各部屋のボックスを描いたら、ドアを追加します。まずはベッドルーム、クローゼット、バスルームエリアから始めましょう。クローゼットの入り口にバーンドアを追加し、寝室とクローゼット、およびクローゼットとバスルームの間に4フィートの開口部を設ける予定です。
すべてがまっすぐ中央に配置されることを確認するため、グリッド表示に切り替えました。グリッドの各マス目は1インチを表します。（ドキュメントにグリッドを追加するには、表示メニューから「グリッド」を選択してください。）
選択ツールを使用して、6 インチ x 4 インチのボックスを作成して、寝室、クローゼット、バスルームの壁に開口部を作成しましょう。エリアを選択したら、各部屋に対応するレイヤーをクリックして削除を押しましょう。
これにより、各レイヤーの選択した領域内の壁の部分が削除されます。したがって、間取り図上の各部屋にドアが開いた状態が残ります。納屋のドアを使用しているため、そこには開くドアがないため、これらの部屋にはドアを追加しません。
寝室からファミリールームへ、そして外からファミリールームへ続くドアを追加するには、選択ツールを使って壁を削除し、次に線ツールを使って出入り口を作成します。また、線ツールを使って、8フィート×6フィートの広さの玄関脇の泥除け室エリアの壁も描画する必要があります。間取り図上の各出入り口の開口部は、標準で3フィートです。
最後に、Photoshopでフロアプランを完成させるには、ラベルと寸法を追加します。テキストツールを使用してフォントを選択し（ここでは「Plain Print 」を使用）、各部屋にラベルを付けます。次に、各外壁に外寸を追加します。Photoshopで作成したフロアプランをPDFとして保存するには、画像を統合して保存します。
Photoshop でフロアプランに色とテクスチャを追加する方法
日々のデザイン作業では、納期を守りながら自分の才能を発揮するために、迅速かつ効率的に仕事をしなければならないのが現実です。したがって、プロジェクトを次々に使用して優れた作品を迅速に作成できるワークフローの武器を持つことは、働くプロフェッショナルにとって真の資産です。
このセクションは、デザインの CAD 図面を作成しており、Photoshop の基本的な知識がある人を対象としています。設計上の決定を行う必要もあります。
以下で説明するいくつかのショートカットを使用しますが、少し練習すると、このステップバイステップは、Photoshop でプロフェッショナルで目を引くデザインの計画を作成するときのお気に入りの 1 つになるでしょう。それで、何をしましょうか？変換を作成しましょう。
Photoshopで絵に色を付ける際の手順は以下のとおりです。
ステップ 1: CAD 図面の PDF を Photoshop に取り込む
まず、図面と同じサイズの新しい Photoshop ドキュメント (PSD) を開きます。この例では、図面が描かれている A3 用紙と同じサイズの PSD ファイルを開きました。次に、図面を PSD ファイルに配置します。[ファイル] メニューから [配置] [埋め込み]を選択します。編集したい図面のPDF ファイルを見つけて、PSD ファイルに配置します。
こちらもご参照ください：Photoshopで反射を作成する方法と写真の見栄えを向上させる方法
ステップ 2: 床レイヤーを追加する
フロアプランの図面がファイルに保存されたので、新しいレイヤーを作成する必要があります。このレイヤーが床になります。レイヤーパネルの「その他」ボタンを使用してレイヤーを作成します。（整理したい場合は、床レイヤーの名前を変更してください！）次に、床が必要な図面の領域に塗りつぶしの色を追加する必要があります。
これを行うには、マジックワンドツール（W）を使用します。アクティブレイヤーのある元の図面を選択し、マジックワンドツールを使用して、図面内の床部分をすべて選択します。（Shiftキーを押しながら選択範囲を広げます。）
床面をすべて選択したら、新しい床レイヤーを選択してアクティブにします。このレイヤーがアクティブで、選択範囲もアクティブな状態で、塗りつぶしツール（G）を選択します。塗りつぶしツールを使用して、選択範囲を色で塗りつぶします。床のテクスチャは不透明な画像なので、色はどれでも構いません。描画はおそらく次のようになります。
ステップ 3: フロア パターンを作成する
それでは、床のパターンを作成する必要があります。私たちはSketchUpからダウンロードできるシームレスパターンをよく利用しています。効率的に作業を進めるため、必要なテクスチャはすべて、この図面に使用するフォルダに既に保存してあります。これは、空間デザインを作成する際に既に行っている作業かもしれません。
このデザインでは、落ち着いた色合いの木目調の床材を使用しています。そのため、そのタイプのパターンをダウンロードしました。この画像をパターンに変換するには、Photoshopで画像を開くだけです。次に、「編集」メニューから「パターンを定義」を選択します。パターンを定義したら、分かりやすい名前を付けておくと便利です。
ステップ 4: フロア パターンを適用する
Photoshopでフロアプランを作成して床の画像をパターンとして定義したら、あとはそれをエフェクトとして適用するだけです。パターンを適用するには、床のレイヤーを選択し、レイヤーパネルの「 fx」ボタンをクリックして「パターンオーバーレイ」を選択します。
ここで、先ほど作成したパターンを選択して床レイヤーに適用できます。もちろん、デザインに合わせてパターンとスケールを調整する必要があるでしょう。しかし、「OK」をクリックすると、床レイヤー全体に床パターンが適用されます。
追加のテクスチャや素材がある場合は、手順2～4を繰り返してください。正直なところ、最初の手順は「繰り返し」です。描画内で繰り返す必要のある素材やテクスチャについては、これらの3つの手順を何度も繰り返してください。
ステップ 5: ラグまたはその他の素材/色を追加する
デザイン内のテクスチャは、木製の床のように繰り返しパターンになるとは限りません。そのため、それらは独自の画像として追加できます。ここでは、「ファイル」→ 「埋め込みを配置」を選択して、2つのラグを追加しました。
私たちが提案するカーペットの画像ファイルを選択してください。配置するときに、変換ポイントを取得して、デザインに合わせてサイズを変更します。スペース内の両方のラグに対してこれを行います。
また、絵の残りの部分を完成させるために、他の領域を基本的な色で塗りつぶしたいと考えていました。そのためには、新しいレイヤーを作成し、元の絵と同じ手法とマジックワンドツールを使用して、ペイントバケツツールで特定の色で塗りつぶしたい領域を選択しました。
ステップ 6: メインシャドウを追加する
描画の大部分には色とテクスチャが設定されていますが、照明効果を追加するまではまだ少し平らに見えます。 Photoshop で平面を作成するときにメイン シャドウを追加する最も簡単な方法は、床レイヤーにインナー シャドウを適用することです。
これは、床レイヤーを選択した状態でレイヤーパネルの「 fx 」をクリックし、「内側の影」を選択することで実現できます。不透明度、角度、距離などの設定を試行錯誤して最適な状態に調整する必要がありますが、描画全体に美しい奥行きを素早く加えることができます。
ステップ 7: ハイライトとローライトを追加する
次に、照明効果をさらに追加します。そのためには、まず、これまで使用したすべてのレイヤー（描画を除く）をグループ化します。すべてのレイヤーを選択し、Ctrl/Cmd + Gを押します。次に、すべてのレイヤーとその中の情報を保持したいので、ショートカットCtrl/Cmd + Jを使用してレイヤーを複製します。
グループの2つ目のコピーを統合します。グループを右クリックして、「グループを結合」オプションを選択します。これでレイヤーができたので、覆い焼きツールと焼き込みツールを使って平面にハイライトとシャドウを作成します。
覆い焼きツールは、描画の一部を明るくしてハイライトを作成するツールです。焼き込みツールは、描画の一部を暗くしてローライトを作成するツールです。ここでは、これらのツールを使用してペンダントからハイライトを作成します。
ステップ 8: 最終仕上げ
これでデザインは最終仕上げの準備が整いました。この段階でよく行う調整としては、明るさ、コントラスト、輝度の調整が挙げられます。これを行うには、 「画像」メニューを開き、「調整」を選択し、「明るさとコントラスト」を選択して設定を編集します。その後、「色相」、「彩度」、「輝度」を選択して設定を調整します。
これにより、色とテクスチャがプレゼンテーション用にもう少し様式化されたように見えます。もう 1 つの最後の仕上げは、シート全体にスタイルを追加することです。図面が暗い背景にある場合は、壁を白い塗りつぶしのままにすることを強くお勧めします。ただし、今回はこの白いシートの上に残すので、壁をキーカラーで塗りつぶしていきます。
新しいレイヤーを作成しますが、その前に描画したレイヤーを選択します。次に、マジックワンドツールを使用して、塗りつぶしたい壁の領域を選択します。その後、ペイントバケツツールを使用して、作成した新しいレイヤー上のこの選択範囲を塗りつぶします。
ステップ 9: エクスポートしてプレゼント!
これで、描画を保存して表示する準備が整いました。通常、描画はJPGまたはPNG形式で保存しますが、TIFFやPhotoshop PDFが適している場合もあります。これを行うには、「ファイル」メニューから「名前を付けて保存」をクリックし、適切なオプションを選択します（または、 PNG形式でエクスポートすることを選択します）。
したがって、30 分もかからずに、シンプルな白黒のデザイン図面を鮮やかなプレゼンテーション ツールに変えて、提案しているデザインについてより良いアイデアをクライアントに提供することができます。
こちらもチェック：Photoshopを使わずにPSDファイルを開くためのベスト8プログラム
ペンサミエントスfinales
さて、これでPhotoshopで間取り図を作成する方法がわかりましたね。Photoshopといえば、間取り図作成のための最も包括的なツールの1つです。あらゆる種類のデザインを実現できる幅広いツールを備えています。このプログラムを使えば、あらゆる詳細を素早く簡単に追加できます。チュートリアルがお役に立てば、ぜひコメント欄でお知らせください。皆様のご意見は私たちにとって大変重要です。
私の名前はハビエル・チリノスです。テクノロジーに情熱を持っています。物心ついた頃から私はコンピューターとビデオゲームが好きで、その趣味が仕事になりました。
私は 15 年以上、インターネット上でテクノロジーやガジェットについて出版してきました。特に mundobytes.com
私はオンライン コミュニケーションとマーケティングの専門家でもあり、WordPress 開発の知識もあります。