超详细实景拼贴教程！学会一张图，会画一套图

今天给大家带来的是JOVEN老师的一幅实景拼贴插画的教程。

首先，在做这类图纸的时候，需要先明白绘制这类图纸的一个整体的流程，开始画图之前需要有一定的想象力，当然灵感是可以通过多看一些网站和案例来进行思路拓展。小学堂针对这些也会给大家分享一些经验，感兴趣的同学可以点击菜单栏，里面会有小编整理好的资料以专栏的形式提供给大家。

实景拼贴，顾名思义就是运用真实的图片来进行拼贴表达自己的方案。所以很多照片是来自于真实的环境中。如下图所示，就是将模型与真实的照片进行融合，大家在平时的练习中可以多去尝试不同的可能。

本次案例讲解用的是ps cc2018,建议小伙伴在平时的使用中也要更新到最新版本。在案例开始之前先拿前面一个范图给大家讲解一下做这类图纸的大概步骤。

既然是用真实照片拼贴，那么这么多的高质量图片应该去哪里寻找呢？第一种是依靠我们的网站去进行搜索，在这里推荐几个比较优秀的图片网站（www.pexels.com；www.vcg.com/视觉中国；或者直接www.google.com，把搜索关键词替换成英文即可）

当然我们也可以选择在微博上去寻找图片，包括甚至也可以通过微信去搜索图片。小学堂也曾经发过类似的合集，感兴趣的小伙伴可以去看一看。(【福利】素材分享 | 想要又好又快的做好插画，这些素材少不了)

在准备开始画图之前，我们要准备好自己的SU和CAD ，保存成cad2000版本后导入AI修改线型，（如果AI打不开，就说明保存的CAD版本过高。）修改线型，Ctrl A全选以后修改黑色描边，描边宽度0.1mm,无填色。（描边单位如果不是mm，可以在编辑栏的首选项中更改），注意将图层全部修改。

在ps和ai联动的过程中，我们只需要将线稿直接全选复制以后打开ps，就可以粘贴在需要画的图面上。在这里我们先新建一个文档，大小可以根据自己的需要来定，分辨率一般采用300ppi。点击ctrl v粘贴线稿，在这里要修改成像素。

可以看到线稿已经导入到我们的文档中。

第一步：调整画布，根据线稿大小调整画布，使用裁剪工具保证画面中无空余部分。

第二步，扣取素材图片，在这里推荐给大家一个网站：搞定设计（www.gaoding.com）,这个网站中有个功能可以一键抠图。

点击上传图片，将我们需要扣图的素材传到网站上，根据网页提示，将保留和去除区域用画笔区分开，等待网页运算成功以后就可以把图片干净地抠出来，点击下载即可。

当然还有另外一种方法，将素材图片导入到PS中以后，点击魔棒工具选择天空的颜色，容差在这里我们可以调整到20，容差越高，筛选的范围越大。通过连续点击，将天空选中删除。

运用钢笔工具，将我们不需要的部分选中，点击路径，按住ctrl delete删除不需要的部分。

清理图形细节后将图片拖入我们的空白文档中。

第三步，整理图层，在绘图之前要先把图层区分好，比如本次案例中就有背景氛围、外框架、建筑、玻璃、反光配景以及雪景这些图层。

拖入抠好的图，ctrl t翻转图片调整图片大小，将图片放入到图幅左侧。在这里如果我们需要多层建筑而素材只有三层的话，可以用矩形套索工具选中下面两层以后按住alt键将其复制拖拽到下面。

根据线稿内容，将被遮挡的地方选中，点击素材所在图层添加蒙版，点击ctrl i反向，就可以在不破坏原素材的前提下隐藏掉我们不需要的素材。

点击ctrl b，通过色彩平衡窗口，将素材图片调整成暖黄色调。Ctrl u调整饱和度，将饱和度降低，ctrl m调整曲线将亮色调高。

通过同样的操作，将后面的楼房拖入到文档中，通过蒙版将被遮住的部分隐藏掉。

将看的见的地方，在蒙版中填充灰色（在这里解释一下蒙版的概念，类似于胶片，白色为显示下方，黑色为遮住下方图案，而灰色则是控制显示的程度）依次类推，将所有素材扣完放置到文档中并设置好蒙版。

调整颜色，通过色彩平衡，饱和度和色彩曲线将图案色调饱和度调整一致。

拖入剩余的前景图片并进行同样的操作调整大小色调。

拖入天空素材，放置在图层底部，将看不到的地方添加蒙版，选择笔刷工具，刷头类型为柔边，调整透明度为60%，擦除边缘部分，留下剩余主体。

进行相同操作，调整色彩饱和度以及色彩平衡，在这里不需要固定参数，大家根据自己的图面风格以及喜好自行调整。

放入剩余素材，可根据需要自行调整位置大小。总体规则就是近大远小，近实远虚的规则。（注意素材的统一性，保证透视角度合理，尽量选择两点透视的图片，不是的话也可通过变形工具进行调整。）

第四步，操作主体部分。首先ctrl g将之前所做的图层打组分类，然后进行建筑部分的填色。

新建图层,选择油漆桶工具，选择需要的颜色，点击需要填色区域倒色，由于现阶段的ps软件油漆桶工具能够自动识别边界，所以不需要再单独去选区。（注意倒色过程中选中所有图层）

注意倒色过程中要区分好图层，不要将各种颜色都填在一个图层中，否则不利于后期调整。

柱子也需要填充白色

填完色以后，建筑前期的部分就结束了。

接下来需要确定建筑与柱子的关系，删除部分被遮挡住的柱子，没有接到环境建筑的部分就通过选区填充白色补齐柱子。

填充紫色墙体（一定要新建图层再填色），点击滤镜库根据需要选择适当的滤镜来增加纹理。当然也可以通过一些贴图网站将一些纹理也叠加进来。关于纹理贴图小学堂之前也分享过，需要的同学可以点击链接领取。（素材分享 | 拼贴风不难，想要画好你还差这亿点点素材）

置入窗帘素材，调整大小，删除空白区域。

调整窗帘的饱和度以及色温，将明度提高，自然饱和度降低。

复制窗帘到需要的位置。

第五步，绘制玻璃。新建图层，通过矩形选框将玻璃部分选择出来。填充黑色预留出来位置。

将全部玻璃选择，通过刚才填充的黑色作为蒙版，将剩余的部分填充为白色。

将玻璃选区填充蓝色

调整图层透明度

增加内阴影，选择窗户部分，重新建一个白色的图层，点击图层特性，增加内阴影。调整不透明度和颜色，设置为正片叠底。

选择画笔，通过一些纹理笔刷增加下方一些深色的杂色。

通过笔刷增加一些反光亮度，此处图层特性选择叠加。

将一些反光素材贴在玻璃的位置，调整为叠加模式，调整透明度，将边缘用笔刷擦掉。

以此类推增加剩余的反光素材。

第六步，增加柱子纹理。

选择纹理图片，复制纹理图片覆盖住接下来要叠加的选区。通过色阶将对比度增加。

全选墙体部分添加蒙版，隐藏掉不需要的部分，最后调整透明度。

最后一步，增加雪景。可以通过白色雪景笔刷，也可以通过刚才用到的纹理图片，反色以后叠加图层最上端，调整透明度以后就得到了我们需要的雪景素材。

最后进行整体画面的一个调整，将色温调冷，饱和度降低，亮度增加。最终得到我们的成图。