PS专讲 | 鸟瞰拼贴表达

铺色很多同学在制作效果图的过程中会有许多的疑问，最普遍的问题是在个人的渲染技巧还不足以完全表达脑海中的创作想法的时候，如何做出一副颜值在线的效果图，同时又不花费大量的时间。许多人会想到photoshop，但是市面上各类型PS教程繁杂，不知从何学起。

 

本期PS专讲就教大家如何用photoshop快速打造出一副合格的效果图

 

用 ps 做这种偏写实类的效果图呢，需要分四个步骤：

 

• 前期准备：从 Su 相应的导出线稿、白模、阴影，线稿（这些东西都要收拾干净，方便 我们接下来在 ps 中进行后续制作）。

• 整体铺色：就是贴材质，一步一步来，要有耐心，并时刻注意对色调的把控，不要出现色 调不统一的情况。

• 添加环境：也是一样的，需要对于色调有把握。

• 细节微调：把效果图作为一个整体来调试，统一一下画面。

 

前期准备

1. 首先我们把由 SU 导出的白模、线稿、阴影导入 PS 并对齐位置，之后在「图层混合模式」 中选择「正片叠底」（三张图都是正片叠底），得到下图：

 

整体铺色

2.1 贴材质 

 

第一步：将所需要的材质导入 ps，按住【command + T】（Windows 系统为 control + T）， 右键选择“扭曲”。

第二步：拖动四个角，让其符合透视规律

第三步：利用魔棒工具在线稿图层框选材质范围。

 

第四步：重新回到材质图层，并选择蒙版 

最后将图层置于白模、线稿、阴影的下层。（大家其实可以提前将这三个图层建个组）接下来依样画葫芦，把全部的材质贴好，并添加一些灯光细节。最终效果如图：

2.2  灯光细节

 

第一步：大家可以从网上找一些灯光效果好一点的照片当素材，并扣下所需要的部分。（不 用照片，直接使用渐变工具填充也是可以的，但是细节没有照片上的多，要看具体位置以及 个人选择）

 

第二步：调整大小—建立选区—添加蒙版

 

第三步：在图层混合模式中去一个一个的试，并找到合适的效果。综合用下来强光、亮光、 线性光的效果会多次用到。

 

比如这张图我用的模式是“正常”，因为原则是“点到为止”，看着不突兀并足够拉开层次 即可。如果我需要更丰富的细节，那我会选择“线性光”，从上一张图我们可以看出“线性光” 的亮部过曝，暗部太暗，所以就需要调低图层透明度并利用蒙版或橡皮擦抹去过深的地方。

 

红框框出来的地方是由于“白模图层”正片叠底的效果导致的，如果我想加上灯光效果那就 意味着跟白模的光源刚好相反（亮变暗，暗变亮） 

搞清楚逻辑后，我们先【ctrl+j 】复制“白模图层”，然后【图像】—【调整】—【反相】 并得到下图：

处理后：

                                                                       

接下来还是老样子，在“反相的白模图层”中建选区—加蒙版（抠出想要的部分）。在“白 模图层”则相反，需要抹去刚刚扣出的区域。图层混合模式依旧是正片叠底。我们就可以得到下图（处理过的区域就有灯光效果了）

 

添加环境

3.1 树木部分

 

图源：https://www.archdaily.cn/cn/882403/an-hui-tong-ling-shan-ju-zhuang-zi-yu

接下来开始处理周边环境。因为这个项目在半山腰，所以可以找一张场地相似的照片，并导 入 ps

 

1. 调角度：原图山坡过于平缓，所以旋转一下。2. 调色调：调出【camera raw】模式调整参数。逻辑如下：1. 色温调冷一点，因为我们所贴 的材质都是冷色系的（青砖、白墙、灰瓦）

2. 预想的是阴雨天，雾气弥漫，所以曝光跟高光 也调低一些。（这里点到为止，不需要调太多，可以等图做完后整体调一下）

 

处理完后，置于底层，看整体效果再微调一下。

 

用抠图、仿制图章等方法补齐绿植。

 

3.2 地面

还是老样子，材质调下透视关系，把地面填上。

3.3 水面

直接用电脑截屏

然后【垂直翻转】—【扭曲】调整下角度（看着舒服就行了，不需要太精确）

 

利用蒙版，框出水景的范围，再用【涂抹工具】抹出波纹涟漪的感觉

 

将透明度调低，底下加一层底色。（底色的逻辑：颜色随意，如果想让湖水 泛绿那就选墨绿）

 

最后稍微收拾一下水面与地面的交界线，再在其他地方加点细节（逻辑：看着丰富一些，在 同一色调中拉些层次出来，点到为止，别太热闹即可）

3.4  雨、雾等天气效果

3.4.1 雾

如果需要加云雾效果，则先新建一个图层，填充为黑色。【滤镜】—【渲染】—【云彩】得到下图

 

图层混合模式改为【滤色】

 

接着利用蒙版依次保留 70%、50%、20%。也就是说用透明度为 20%、50%、80% 的画笔逐层涂抹。（逻辑：数值可随意调整，只需表 达出远远、中、近景的感觉即可） 最后调一下整体的透明度，稍微擦出点雾气围绕着建筑。（逻辑：看着舒服就行）

 

新建一个白色的渐变图层，透明度调低。（逻辑：上半部分的雾气有点花，需要压一下，整 体舒服即可）

 

3.4.2 制作雨天效果：

 

新建图层，填充为黑色

 

依次【滤镜】—【像素化】—【点状化】

单元格大小就是雨滴的大小。大家多试试几遍，因为每个人出图的尺寸是不同的，同样的数 值在不同的尺寸上所表现的效果也是不同的。

 

【图像】—【调整】—【阀值】

 

调整【阀值色阶】（没有固定的数值，黑色的越多雨越稀疏）

 

【滤镜】—【模糊】—【动感模糊】

 

根据需求调整【角度】、【距离】（角度—雨的方向，距离—雨滴的长短）

 

图层混合模式选择【滤色】

细节微调

最后调整整体透明度以及利用蒙版加加减减，直到满意为止。

 

好啦，这就是本期教程。请同学们注意其中的逻辑，只要背后的逻辑清晰，就很容易举一反三，做完一整套的效果图。剩下的都是最基本的技术性的操作，大家多多练习即可。

 

---

关于DAA

Darchi Architects（DAA）由全球顶尖建筑院校毕业的设计师们创立于2015年，初建伊始于建筑设计项目以及作品集辅导，经过多年沉淀雕琢并广泛吸纳教学研究人才，转型为专注于建立一套同时兼并国内外教育背景的教学体系，提供先锋的、批判式的国际设计视野，先进的教学理念，产研教一体化的设计教育学校。

DAA采用批判式思维的教学理念，沿袭并突破国际设计教学思路，针对学生个性思维和性格特质制定兼容性教学模式，使其在各自的领域上绽放异彩。工作室提供开放的教学环境，鼓励多年级，多学科交叉研习；鼓励小组机制，培养高效动手能力，团体工作和领导力。师资主要来自国内外TOP10名校背景的设计行业精英，承接建筑设计、城市规划、室内、景观、环境艺术、交互、视觉传达、可持续等项目委托以及设计辅导。

（咨询服务/设计投稿/商务服务/文章转载）