一張高大上的總平面圖總會給設計帶來意想不到的結果，我們何不花點時間來學習一下呢？
With this tutorial, I wanted to show the workflow that I use to develop a clean looking architectural site plan. This tutorial, like many of my tutorials, doesn’t use a rendering engine, only Sketchup image exports and Photoshop. Although I don’t use a rendering engine, a rendered roof plan of a building could easily replace the Sketchup images used in this explanation.
今天我們來製作一張清晰的建築場地圖。在這個教程裡，我沒有使用任何渲染軟件，只有sketchup模型的導出圖和ps。不過屋頂平面也可以直接用渲染導出的。
1) Start with an aerial image of the site at as high of a resolution as you can get it. I prefer to use aerial satellite images for site plans because it adds detail and texture that is hard to get with a 3d model.
首先，用一張儘可能高分辨率的鳥瞰場地圖。我偏愛衛星航拍的場地圖因為相較於三維模型，衛星圖能提供更多細節和材質。
2) Once the site plan is opened in Photoshop, go to “Image>Adjustments>Desaturate”.
用ps打開這張場地圖，選擇圖像裡的調整，去色選項
3) I have topography line work but I want to remove the white background and I also want the line work to be white, not black. To do this, first invert the topography image. Go to “Image>Adjustments>Invert”.
此時需要擦出已有等高線圖片的白色底，同時等高線也需要由黑線調成白線。首先打開等高線圖片，選擇圖像裡的調整，反相選項，把圖片顏色顛倒。
4) Now that the image is inverted, go to the layer blend mode drop down menu in the layers pallet and choose “Lighten”.
現在這個圖像已經被反色了，我們在圖層選項中選擇變亮
The site plan should look something like this….
現在你的場地圖就變成了這樣
5) Next, 3 images of the building design need to be exported from Sketchup. Basically, one image will be the color, one will be the line work, and one will be the shadows. It’s important to export each image individually so that each can be edited separately. Also double check that the shadows in the Sketchup model are going in the same direction as the shadows in the aerial photo.
接下來，我們要從SketchUp裡導出三張模型圖來完成屋頂平面部分。一張只有顏色或材質的鳥瞰圖，一張線稿和一張陰影。要注意一定要分開導出這三張，因為接下來要分別編輯它們。另外也需要注意，模型的陰影和場地陰影方向一致。
6) Open the “Shaded with textures” SU export in Photoshop and scale it to the correct site. Some time will need to be spent editing out the background so that just the building is visible.
在ps中打開那張SketchUp導出的材質圖，根據場地把它縮放到合適的比例。我們需要花點時間刪掉SketchUp模型中的周邊場地，只留下建築本體。
7) Open the “Line work” SU exportin Photoshop. Set the layer blend mode to “Multiply” to remove the white background. Lower the opacity so that the line work isn’t too strong. The only reason I am using the line work is to add a little detail to the roof plan.
在ps裡打開SketchUp導出的線稿。選擇正片疊底可以簡單地刪掉白色背景。調整線稿透明度，因為在這裡使用線稿只是為了增加一點屋頂平面的細節不能喧賓奪主。
8) Open the “Shadows” SU exportin Photoshop. Choose “Image>Adjustments>Levels”.
在ps中打開導出的陰影圖，選擇圖像中的調整，色階
9) Move the left slider to the right until the shadows are completely black.
把左邊的滾輪向右調直到陰影完全變成黑色。
10) Set the layer blend mode of the shadows layer to “Multiply” to remove the white background.
在圖層樣式中選擇正片疊底去掉白色背景。
11) Select the“Smudge” tool and set the strength to 92%. Slightly smudge the edge of the shadows not touching the building.
選擇塗抹工具並把強度設置為92%，不要碰到建築本體，稍微把陰影塗開一點。
12) Select the“Eraser” tool and give the eraser a soft brush with 25% opacity. Begin slowly erasing the edge of the shadow not touching the building. The corner where the shadow meets the building should be the darkest.
選擇橡皮擦工具，大小200，硬度0%，，強度25%。仔細擦去陰影邊緣，陰影與建築接觸的部分應為最深的。
13) Create a new layer and move it below the building layers. A little color will be added to the background.
新建圖層置於建築圖層下面，接下來我們要給背景加點顏色。
14) Select the“Paint” brush and give it a soft brush with 50% opacity. Paint in the color radiating from the building. I do this so that the design becomes the focal point and the color stays somewhat consistent.
選擇畫筆工具，大小600，硬度0%，強度50%。以建築為中心按輻射狀向外著色。這樣可以突出建築本體同時使圖面完整流暢。
15) Set the layer blend mode to “Overlay” to set the color into the image.
在這個圖層選項中選擇疊加，將顏色疊加到圖像中。
I have used this technique to create many of my site plans in school. It’s quick and looks like it took more time than it really did which is always a good thing.
這個方法簡單好用，效果卻很高端複雜。
到這裡就基本完成，你也不妨可以一試。