» 平面图入门 -

【PS】平面图入门教程

超级管理员 — Fri, 21 Feb 2020 07:54:47 +0000

大家好，这里是KahnStudio。今天呢主要给大家说一说平面图在Ps里面怎么画；

平面图有很多种风格，今天我给大家展示三种不同的风格，一种是这种白底简单线稿的风格

一种是这种深底简单线稿的风格

还有一种呢，是这种有点真实感的比较复杂的风格

以上三种也是我平时用的比较多的三种风格，大家知道怎么p了之后可以逐渐地形成自己的风格，找到自己喜欢的颜色；当然也可以根据方案呢变换风格，我觉得无论风格怎么变呢，基本上都是差不多的流程

案例简介

今天使用的案例的是安藤忠雄的普利策艺术基金会美术馆，位于美国密苏里州圣·路易斯，占地面积1000㎡，基地面积约3900㎡，总建筑面积约2400㎡；地下一层，地上两层，案例简介我就说这么多，毕竟这不是一个抄绘教程hhhh

这个SU模型是我从网上下载的，建的还算可以，如果你想要这个模型以及使用的Grunge纹理贴图可以在我的公众号：KahnStudio中回复“平面图入门教程”即可获得下载链接

还有呢关于PS和CAD源文件从这个视频开始呢，就不再免费分享了；大家可以到公众号里选择111杂货铺进入我的微店进行购买，让我也恰恰饭hhh；

另外呢我的视频讲的应该够详细了，大家基本上不需要源文件，你购买的话权当支持，交个朋友，毕竟全靠爱心发电还是比较困难的，大家也多多包涵。

二．SU导出平面CAD

下面我们讲讲SU导出平面CAD，SU导出平面dwg文件非常简单，就是弄个截面，顶视图，然后激活相机中的平行投影，再点击文件-导出-二维图形，选择DWG文件即可，这个没有什么可说的；

这里我想说一点，这里我只是为了演示，才直接从完整的SU模型中获取比较细的CAD图；其实呢应该的顺序呢是方案前期SU可以用于大致形体关系的推敲，方案中期以及后期是通过CAD结合手绘啊等细化空间的功能布局、柱网体系等等，以及构造等，然后再拿着这个细化好的CAD导入到SU去建最终的模型；并且呢最终的模型也不是越细越好，建议大家呢先建个大概，选好效果图角度之后再着重去细化这个场景内的模型，看不见的地方基本上没有必要去细化了，至少学生阶段完全是浪费时间的。Ok这就是我给大家在SU和CAD使用上的建议，也是我在平时做课程设计的时候老师给我的建议。

三．CAD处理

接下来呢，就是CAD的处理呢，我习惯把平面图都弄在一个文件里，这样比较方便；这里呢我就不给大家展示CAD的处理过程了，毕竟CAD用到的就是那几个命令；这里我呢给大家简单说说CAD处理的内容吧，先删掉废线，杂线等等，分图层颜色把剖面墙体，看线，楼梯，窗框，玻璃，门，家具，符号尺寸等等区分开来，没有的找相应的CAD素材或者自己画；

好这就是我已经处理好的各层平面CAD，这里我主要给大家说两点吧，一是图层，二是打印设置；先说图层，建议大家给有用的图层命名的时候在前面加个数字，就像这样，01-平剖墙体，01-柱网，02-楼梯，03-玻璃等等，这样有用的图层就会按照顺序显示在一起，方便我们查找图层，提高画图效率，避免图层很多很乱的时候，我们找不到图层；另外呢不同的图层呢给一个不同的颜色，图层线宽呢按照最终打印的宽度设置好，一般在0.05mm-0.15mm，不建议大家使用最细的0.00mm，可能会出现打印不出来的情况；

再说说打印，ctrl p进入打印对话框，选择DWG to PDF，选择合适的图纸尺寸，打印范围选择窗口，框选范围，居中打印，图纸比例我这里选择1：200，重点是这个打印样式表，这里我使用自己新建的一个样式表，重点是里面的设置，按住shift选择所有的颜色，颜色选择黑，线型和线宽都选择对象线型和对象线宽即可，前提呢是我们之前在图层面板里呢已经设置好了线型和线宽。

另外呢在特性这个地方呢，大家一定要都选择Bylayer。Ok，预览一下没有问题，就可以出图了。

四．白底简单线稿风格

Ok，我们终于到PS处理环节了，导出的PDF用PS打开，裁剪到裁剪框，分辨率设置为150，进行裁剪，个人习惯把平面图都在一个文件里处理，所以把其他的平面线稿复制到这个文件中；拖拽出参考线，对齐位置；注意不要缩放线稿，不然比例会发生变化。及时命名图层，方便后期查找图层；新建图层用于剖面墙体填充，给三张平面线稿打个组；选中图层后，用魔棒工具把剖面墙体的部分选出来，在墙体填充图层填充黑色，其余平面相同的处理手法填充，这里简单过一下。

接下来处理水，新建图层重命名为水，改变图层颜色，方便查找图层；选中水的选区，选择合适的颜色，填充该颜色，使用滤镜-杂色-添加杂色处理一下，调整数量参数，选择高斯分布和单色，觉得太深了，调调图层不透明度

新建图层重命名为草地，选择草地选区，选择合适的草地颜色填充，这里忘了一块填充上；还是使用添加杂色滤镜处理一下，调调图层不透明度

添加平面树，找到合适的素材，拖拽到ps中来，缩放到合适大小；这里我想用一个线稿风格的树，用查找边缘滤镜处理一下，ctrl shift u去色，降低图层不透明度，按住alt复制图层，将树打成一个组，给平面树添加一个纯色调整图层，调整为合适的绿色，剪切到平面树图层组，图层混合模式设置为滤色，平面树就是绿色的了。

如果你的排版有个主题色的话，可以把线稿和墙体填充改为主题色，添加一个纯色调整图层，剪切到平面图线稿和墙体填充即可，就像这样，尽量选择比较深的颜色。

Ok,这就是白底简单线稿风格了，是不是很简单

五．深底简单线稿风格

接下来我们说说深底简单线稿风格怎么做，也特别简单；之前的步骤都是一样的，就是把白色的背景换成深色的背景

然后把平面图线稿和墙体填充的纯色调整图层颜色改为白色；

把平面树的调整图层颜色调为明度较高的浅绿色；添加色阶调整图层，调整水和绿地的颜色；

Ok，这就是深底简单线稿风格了，画这种的话，大家可以按照白底简单线稿风格先画，也就是最后调调颜色的事情。

六．写实风格

接下来说说第三种风格，偏写实的风格；我习惯呢室内简单填色区分功能空间和交通空间等，室外使用写实的素材以及添加阴影等塑造比较真实的感觉。

墙体填充这一步以及之前都是一样的操作，这里就不重复了；把参考图拖拽进来，调到合适的位置；

以一层平面图为例，先处理室内的功能分区，这里我只分了两种功能——展览功能和配套功能，选择各自选区填充了两种参考图中的颜色。有家具的地方选区要删掉家具选区，再填充颜色；对标高等有遮挡的话图层混合模式调整为正片叠底。打个组重命名为功能填色。

处理水，选择选区新建图层，命名为水；选择合适的颜色填充，然后给水添加一个Grunge纹理，选择合适的纹理拖拽到ps中来，缩放到合适大小，确保可以覆盖整个水面；按住ctrl点击水图层，快速选择水选区，给纹理添加蒙版，将纹理图层混合模式调整为正片叠底；给纹理添加一个色阶调整图层，剪切到纹理图层，调调色阶参数，让其偏白一点，还有合适的细节；还是太黑的话调低图层不透明度；新建图层，用于水周边加深，选择水选区，选择一个深蓝色，用一个柔边缘笔刷，调整好大小，给水周边加深一圈，具体操作方法按住shift点击两点就可以画出直线，也比较快速；就像这样；过渡不自然的话，可以调大笔刷，降低笔刷不透明度再刷一边水周边；太深的话，降低图层的不透明度；水处理完成，打成组，给个蓝色图层颜色。

接着处理室外铺装，新建图层重命名，选择铺装选区，填充个灰色，把不好的地方处理处理；添加类似混凝土的纹理，你设计的什么铺装你就添加什么铺装纹理；缩放到合适大小，选中室外铺装选区，给这个纹理添加蒙版，取消刚才的灰色填充图层，将纹理图层混合模式调整为正片叠底，添加一个色阶调整图层，剪切到纹理图层，看效果调整色阶参数；添加一个色相/饱和度调整图层，这里我提高了一点饱和度；处理处理刚才没看见的细节部分；不同的铺装用刚才的方法再处理一边；这边还有部分室外的场地，处理一下

新建图层，命名为楼梯处理；把每个踏步都添加一个类似AO的黑边吧，使用柔边缘笔刷，调好大小和不透明度，简单刷上一遍；就像这样，这里我使用的套索工具，后台觉得太慢了，大家可以弄好一个踏步之后，直接复制也可以；为了节省大家的时间，我快进一下；

处理景墙，用处理踏步基本相同的办法处理即可；新建图层，用矩形选区工具选择景墙选区，ctrlshift I 反选选区，调整笔刷，刷出类似AO的效果，就像这样

如果是曲线的话，先用钢笔，选择路径，描一下曲线，调整描边，栅格化图层，添加一个投影图层样式，根据效果呢调调各个参数即可；建筑周边也可以添加这样的AO效果

处理草地，把找好的草地贴图拖拽进来，缩放至合适大小，复制以填满整个草地选区，如果有强烈的边缘的话，用蒙版处理边缘；给草地贴图添加蒙版，添加色相/饱和度调整图层，看看参考图，调调色相，降低饱和度，调调明度，添加个色阶调整图层再调一下；图层混合模式调整为正片叠底，这样就不会遮挡到景墙的阴影了；

然后用不同的笔刷，不同的笔刷不透明度处理草地蒙版，这里我先用喷溅笔刷后用的柔边缘笔刷，最终呈现的效果呢就是中间浅周围深的有点渐变的效果；再调调颜色，降低饱和度，调高明度；然后呢再草地四周添加AO效果，选择柔边缘笔刷，调好大小颜色，刷上一遍即可。

添加平面树，这里选择一个真实风格的树，拖拽进来，缩放至合适大小，复制，调整旋转一下即可，这样添加出来的树会更加自然好看一点。

Ok，处理完了，剩下的平面基本就剩下室内了，按照功能填个色，加个剖切符号指北针等等就可以了，这里就不演示了。

好的，以上就是我们这次视频的所有内容了；如果你觉得这次视频对你有所帮助的话，记得关注我们，并且呢给我们点赞，在看，收藏，转发，评论留言；大家的支持对我们频道的发展非常重要，谢谢大家，大家下期再见，拜拜。

高清视频尽在B站，欢迎大家来三连哦，么么哒

B站：网银硬汉康酱（点击前往）

喜欢就关注我们微信公众号吧

▼▼▼

【PS】简易建筑平面图教程（中英字幕）

超级管理员 — Fri, 12 Jul 2019 02:55:56 +0000

由此感谢原作者Youtube频道

OU Graphics

欢迎可以科学上网的同学订阅他们的频道

Easy Architecture Plan in Adobe Photoshop

(中英字幕）

▼▼▼

不想在微信看的同学可以移步B站

账号：111STUDIOS

以下为文字注释

Easy Architecture Plan

in Adobe Photoshop

1.在PS中导入你的平面PDF文件，然后创建一个白色背景图层

2.在pdf图层上用魔棒工具选择相交的部分，并填充深色

即山地建筑中平面与山地相交的部分

注：每添加新的元素的时候记得创建一个新的图层；有个小技巧就是按住ALT键然后点击创建新图层按钮，这样就可以在现图层的下方创建一个新图层

3.选中墙体部分，进行填充（这里填充黑色），并添加阴影

注：右击图层，选择图层混合选项，可以添加各种效果，这里作者添加了一个内阴影的效果，并进行了相关的设置，根据效果来定相关的参数

4.添加室外的草地，使用合适的草地贴图，复制合并图层，善用图层蒙版；并且使用色相饱和度调整图层调整，

注：合并图层，选择想要合并的图层，使用CTRL+E快捷键即可；

在剪切的时候要经常使用图层蒙版，这样你可以非常方便地调整错误和形状

5.手动添加阴影，用套索工具选择选取后填充30%不透明度的黑色，自己再用软笔刷调整一下

(这里还可以用SU导出的阴影图，可能更加方便一点)

6.填充木地板，用草地同样的填充方法，注意添加内阴影和投影

7.给填充深色的相交部分用湿笔刷画点纹理，多使用几种，调整不透明度，添加噪点，给其一种纹理感

注：为了给这个地方添加更多的纹理，我们需要创建一种点状图案；新建文件，任何大小都可以但需要保证是正方形；在正方形中创建一个更小的正方形，然后编辑-创建图案；在回到原文件，在图层混合选项中添加图案，并根据合适的效果调整其大小等参数

8.添加平面植物，调整不透明度，用图层混合选项添加阴影，再用笔刷画点阴影

注意不要让植物看起来都一样，适当地调整大小和方向，这样看起来才舒服

9.用原pdf文件强调各个等高线

注：用白色，操作方法是CTRL+U，调整其为白色，并用蒙版去除不需要的部分

10.各种标注的添加，指北针、比例尺、图名等等，还可以合并所有图层，做最后的调色工作

关注我们微公号

▼

一张平面图教你AI入门

学院实习小编 — Mon, 21 Aug 2017 11:17:11 +0000

上一期对平面图绘制的分析（点击此处可跳转）中，二七提到了平面图绘制的常用工具，其中，二七偏心讲了AI很多很多的好话。果然！后来二七收到很多小伙伴的留言，都说想学学AI，毕竟多一门技能，以后绘图就多一个选择，不用再死死抱住PS不放手啦~

所以，这一期，二七以一张上期文章中提到过的肌理填充的样图为例，来教大家AI入门~本期教程难度：易，还在暑假休闲的小伙伴们，不妨趁着休息时间来掌握一波新的技能，而正在为作品集奋战的小伙伴们，AI的小技巧或许能帮你事半功倍哦~

好啦，先来看看咱们要做的是一张怎样的图吧~

老实说，这张图的制作并不难，但是一眼看上去图面清新干净，也是棒棒哒~本期二七就从这张图的制作入手，来为大家讲解AI软件的入门，做完这张图，你也可以轻轻松松用AI出图咯~

STEP 1 CAD绘制线稿

第一步咱们当然还是得先画好CAD咯，这一步二七提醒大家，分好图层哦~方便我们后期分层贴进AI中~

STEP 2 线稿的导入与调整

那么，CAD完成之后，我们先把墙体部分贴进AI。

操作方式：ctrl c + ctrl v（就是这么简单粗暴！）

注意事项：CAD中复制的时候一定要保证所有被复制的内容都在可以看到的窗口中哦~

喏~进到AI中就是这样啦，看到这么多锚点的小伙伴们就应该清楚了，这是可以编辑的矢量，也是AI最值得拿出来说的一点~

下面就是对进来的线稿进行简单的调整，因为CAD里二七是用黄色的线画的墙体，而且进入AI的线稿初始线宽都是默认的0，所以这里我们需要把线的颜色和线宽进行简单的调整。

AI操作：调整线的颜色、线宽

就在这里啦~和PS的界面一样，左边是填充色，右边是描边色，我们只需要选中线稿将描边色改为黑色，再将最右侧的线宽改为0.5pt即可（线宽可根据自己的需要来设定哟）~

细心的小伙伴一定发现了，这里跟着墙体导进来的十字柱是红色的粗线，那么能不能局部更改颜色和线宽这些参数呢？当然是可以的啦~

双击线稿，进入隔离模式，看，我们就可以选中单根线条来进行编辑啦~就是这个理儿，咱们把柱子的颜色和线宽对应进行更改就OK啦~

好啦~下面快进，我们依次选择门窗、家具、环境等不同图层复制粘贴进AI。

可能小伙伴们会发现，每次复制粘贴进AI都是不能控制大小的，那么如何保证每次贴进来的都能刚好叠上呢？二七来告诉你小技巧~保留图的外框就好啦~每次粘贴进AI的内容都将外框对齐重合，有了这么一个参照，所有的图层都能如你所愿地叠起来啦~

嗯~就像这样，将外框作为参照对齐重叠。

这里二七将门窗分了两次粘进AI，因为两部分的门窗线型不同，为了省去选择的麻烦，分两次粘进AI是不错的选择哦~

看这里，第二批粘进AI的门窗更改线型为虚线，AI就能搞定的事，不必再在CAD里调整啦~还是一样，选中线稿，左上角戳一下描边，粗细、端点模式、边角模式、对齐模式、虚线设置等等，都能在这里搞定~我们还是调整线宽到0.5，勾选虚线，调整虚线的间隙，如此一来就能得到如图所示的效果啦~是不是很方便~

家具、环境的导入也是一样的方式，二七就不再重复啦~不过，二七再强调一点，和PS一样，AI也要好好善待图层哦~图的未来好不好操作、省不省事，这在很大程度上都取决于图层的设置。

来看看我们线稿操作完成之后的模样吧~

STEP 3 进入填充流程

线稿完成之后就可以进入填充的流程啦~

这张图的填充模式是肌理填充，当然仔细看还是会发现有一丢丢的色彩填充，正好~咱们就着这一张图就能讲解两种不同的填充方式~

上一期二七也提到过，AI的填充叫实时上色，这就必须先有实时上色组。怎么操作呢？很简单~

先来说说纯色填充。

选中线稿，右侧工具栏选择实时上色工具。

然后在图面上光标所到区域就会显示出这样的阴影~闭合区域就能进行上色啦~

按此操作，我们先将纯色填充的那几个小点点搞定~

接下来说肌理填充~其实也是一样的道理，AI自带了很多不同样式的肌理可供大家选择，我们就像倒颜色进区域里一样，将肌理也如法炮制倒入想要的区域即可~

肌理在哪里呀肌理在哪里~

从色彩的面板我们就能调出我们想要的肌理啦~通常我们使用的都是图案里的基本图形，包括点、纹理和基本线条。那么，二七先来填充一波~

我们先调出图案填充的选择面板，这里选择了10 dpi 20%的点阵来作为最大范围的环境填充。

填好之后是这样的，是不是傻了？这不是我要的效果啊！OMG!

别急~这一波肌理还需要调整，别忘了肌理的颜色和比例，这都是影响填充效果的关键~

先来调一波色彩~

编辑菜单栏下选择编辑颜色-重新着色图稿，弹出重新着色图稿对话框。

将当前颜色改为我们需要的颜色点击确定就OK啦~

比例调整就更简单了！选中有填充的线稿，单击右键，选择变换中的缩放，弹出缩放对话框

这里需要解释一下，选项部分只勾选变换图案，这样的效果就是，比例的调整只针对填充图案而不对线稿本身起作用~勾选预览我们就可以实时观看调整的效果~最后确定就OK啦~

来看看我们填充的效果~

接下来的填充操作也是依样画葫芦~需要注意的是，这里的填充必须依托于封闭的区域，所以，如果想要填充的区域并不等于线稿，或者想要两种肌理叠加的话，那就必须来点别的操作。比如对于填充区域不等于线稿的，咱们需要另画一个区域，将描边调整为“无”，这样就能填充于无形之中啦~而对于两种肌理的叠加，复制一个区域，再填另一种肌理就行啦~

可能小伙伴又要说了，AI自带的肌理也是有限的，像那种圆圈的肌理、V字形的肌理，这些又该如何是好呢？

二七说过啦，AI的肌理也是可以自定义的~简而言之就是自己画个肌理自己用~来来来，二七来演示一下圆圈肌理的制作~

首先我们在任意位置画上一个想要的圆圈，然后，咱们选中这个圆圈，将其拖至色板后面的空位~一个新的填充肌理就产生啦！当然，这还不是咱们要的效果。

有了这个新的填充样式，下面我们来调成肌理让它满足我们的需求~

双击色彩面板中的这个新样式，弹出图案选项对话框。

这里我们的排列方式是错位的，因此选择砖形，位移为1/2，宽度高度的比例锁定之后调至12mm，份数设为9*9，这个肌理就算OK了~来看看填出来的效果

太大不是问题，还记得怎么操作么？选中更改图案比例即可，这里二七改的30%~

现在，无论是色彩填充还是肌理填充，无论是预设样式还是自己DIY的样式，大家都知道如何操作啦~那么接下来就随心所欲地填充吧~

STEP 4 环境的优化表达

环境表达的优化。这里的优化指的就是添加一些活动的氛围啦~比如放点小人、装置啥的进去，图面就会显得活泼生动很多~这一步操作就很简单啦，大家可以选择粘贴素材进来，当然二七比较懒，直接选择在AI里画了事~钢笔工具很好用的哟~

STEP 5 后期分析的添加

分析部分。这是AI的强项！这张图我们主要是一些线条、箭头的绘制和一些对话框形式的标注。

先来看线条和箭头的绘制。

虚线的绘制大家应该已经知道了，这里就不多说了。

箭头其实也很简单，也是在同样的操作面板中。我们选择想要的箭头样式，注意方向即可。AI自带的箭头样式其实比较够用，当然，有设计感的箭头就需要大家自己绘制咯~

最后是标注的绘制，hin简单，绘制一个矩形，按“+”在矩形的边上添加一个锚点，然后拖动锚点改变矩形的形状就OK，最后加上文字就大功告成~

来看看我们的最终成果~

好啦，最后二七再来总结一下今天学到的AI入门技能。

首先是CAD线稿的导入方式，直接复制粘贴即可，注意事项是，必须保证复制的时候所有内容都在可见的窗口内，而且一定要有一个参照的图框，保证多次复制粘贴的图能够完美叠合~

然后是线稿的调整，色彩、线宽、线型以及箭头的处理都在同一个面板内就能完成~

接下来是填充，二七讲到了纯色填充、肌理填充以及DIY肌理的制作~有了这些，无论什么填充基本都能搞定啦~

最后是分析部分的绘制，这部分比较杂，可以说是综合技能的运用。

本期AI的入门技能就先讲到这里，二七提供给大家二七绘制的CAD线稿，大家可以用来跟着本期教程尝试AI的运用~有不懂的地方一定要向二七提问哦~方式嘛，你们懂的~下方留言或者关注我们的微信公众号，联系客服加入我们的交流群吧。

最后，二七祝大家都能成为AI出图的高手~

链接: http://pan.baidu.com/s/1c1Ui7jM 密码: t1hq

感谢 LAC丨ArchStudio 授权分享

欢迎关注他们的微信公众号

微信号：lacstudio