Photoshop制作逼真的城市夜景特效教程
- 2021-08-18
- 来源/作者: 优设/ AverageJoseph
- 5 次浏览
今天译者AverageJoseph这篇教程在光影和透视方面特别出彩,你可以在临摹的过程中感受到作者的用心和细致程度。教程将帮你学会如何找到正确的视角和精准地塑造光效,全是日常修图的重难点!修图高手出教程不多,别错过咯。
今天的《约瑟夫的教程》在光线、阴影和透视方面特别精彩。在复制过程中,你可以感受到作者的意图和细节。本教程将帮助您了解如何找到正确的透视图并准确塑造灯光效果,这是日常图纸修订的重点和难点!地图修复专家的教程不多。别错过了。
最终效果图:
Step 1
先搜索一张干净整洁的房间照片,不要有太多光源(最好只有一个),高清图片为佳。此处选用了ArchDaily博客上的图片,如果你能确保你的图片与此类似,并且能够做出有趣的效果出来,尽管大胆尝试吧。
PS打开此图,直接裁切掉(快捷键C)图片冗余部分,当然此步也可以在全片修改完成后执行。
Step 2
抠出此图中你想保留的部分。我要保留木衣橱,柱子和窗户。复制(Command+J/ Ctrl+J)此图层四次,在每个图层上使用矢量蒙版,除了刚开始的原始图层不用加。在图层面板中双击蒙版图标。
用钢笔工具抠图(快捷键P)。回过来,将背景图层暂时设置为不显示,即点击图层面板中该图层前的小眼睛。
Step 3
我想让圆柱整个留下来,所以在矢量蒙版中间添加锚点,再用圆角工具,使其呈现如图所示的圆角形状。
通过在圆柱两边新建垂直参考线,找到中点,标尺工具打开(Command+R/Ctrl+R),如图,左边拉根儿参考线,右边拉根儿参考线。矩形选框工具(快捷键M),简单拖出如图大小的选框。
我将底层暂时设置为黑色,让效果更为明显。
Step 4
在选区右击,变形,如图,宽度数值设置为50%。
Step 5
现在,在中间位置,再拉出一根垂直参考线。
Step 6
我不大喜欢圆柱所处的位置。
我想让它的底部与第一个衣橱的角在同一条直线上,如下图所示。所以,我又拉出一根水平的参考线,然后,相应地将圆柱向上移动至水平线上,移动时,按住shift键,以使其沿直线移动,还会自动贴合参考线。
Step 7
接着开始创建地板部分。返回到第一个图层,使用矩形工具(快捷键U)。在地板位置,简单勾勒一个浅灰色的矩形。确保该图层在其他几个元素的图层的底层,双击图层,打开图层样式,点击渐变叠加,混合模式设置为正常,不透明度为20%,使用黑色到白色的渐变,角度90°。
Step 8
接着,开始打造瓷砖部分,就像原始图片上一样,我们将刚刚做好的地板图层设置为不可见,然后将原来的背景图层设置为可见,在形状面板里找到直线工具,简单拉出一根大小为1px的白色线条,如下图。
Step 9
再重新将地板图层设置为可见,然后,用同样的方法,来制作墙壁效果,颜色选用深灰色。还是用矩形工具,宽度截至衣橱边沿,渐变叠加效果稍有不同,如下图。
Step 10
天花板的制作,使用钢笔工具,首先,搞清楚消失点在哪里。因为新建出来一道墙,所以要调整下天花板的视角,你可以凭感觉或者画辅助线来勾勒线条。如图,沿着衣橱底边的线和右边窗户底边的线,两线交叉得到一个点。
Step 11
再选个颜色,画第三根线条,如图,三点相交点为消失点。
Step 12
使用钢笔工具,颜色选用浅灰色,沿着刚刚画的那根线画线,同样,使用渐变叠加效果,如图,此时,可以将之前画的辅助线删除啦。
Step 13
从右边有光线照射进来,所以,左边的天花板要略微暗点,做点渐变效果。
Step 14
按住Alt键,复制天花板形状图层的蒙版,拖至渐变图层,再设置不透明度为20%左右,这步是为了创造出逼真的光照效果。
Step 15
为了让地板显得更加光洁亮丽,在地板上添加周围物体的倒影是个不错选择,不过要注意视角问题,不能简单地将其垂直翻转,再添加一个渐变蒙版,这些操作之前,需要将其稍加倾斜,才更为逼真。
从最简单的“圆柱图层”做起,先复制该图层,垂直翻转,添加渐变蒙版。再将刚开始的“圆柱图层”复制一下,使用自由变形(Command+T/Ctrl+T),右击,垂直翻转,将此图层放至“圆柱图层”下方。
Step 16
添加图层蒙版,选择渐变工具(快捷键G),创建一个由黑转透明的渐变效果,从整个图片的底部上方一点,向上拉渐变,将该图层的不透明度调整为40%。
Step 17
窗户这边的效果制作要比圆柱部分复杂些。同样的,复制图层,垂直翻转,不同的是,直接这样放在地板上的效果是错误的视角,所以,需要右击,变形,要缩小好多,可以按住Alt键,滚动鼠标来调整大小。
Step 18
现在添加图层蒙版,还是黑色到透明的渐变效果,不过,这次是沿对角线拉渐变,然后设置不透明度为40%。
Step 19
衣橱这边的效果是最难做的。先复制原始的“衣橱图层”,得到“衣橱图层副本”在其矢量蒙版上右击,栅格化矢量蒙版,于是,矢量蒙版变成了图层蒙版,剪切掉多余部分,使其更易操作,然后,点击图层蒙版,右击应用图层蒙版。于是得到一个没有蒙版的图层,接着,再次给该图层(“衣橱图层副本”)添加一个图层蒙版和一个矢量蒙版,复制该图层三次,于是得到四层经过栅格化的衣橱图层。
好了,现在先不管蒙版部分了。你可能会想知道为什么这边需要这样的四个衣橱图层,因为,图片上每个衣橱都需要相应地蒙版和视角,下图中,朝向我们这边的一面,你看到的倒影部分比较简单,直接是垂直翻转效果,但是朝向窗户的一面倒影效果,需要在翻转后稍作倾斜调整。
Step 20
现在,我们开始使用矢量蒙版图层啦,如下图,用矩形工具,为衣橱的每个面画个矩形形状。
Step 21
再次使用从黑色到透明的渐变效果,为四个衣橱图层的图层蒙版添加该渐变效果,将此四层添加到一组,并将改组的不透明度设置为40%,然后,将整组移动到原始的“衣橱图层”下方。
Step 22
接下来,开始添加些光束,这些光线是从右边窗户照射进来的,这样让整个画面显得更加栩栩如生。新建一图层,选用多边形套索工具(快捷键L),选区范围如下图。
Step 23
选择浅褐色,用渐变工具拉一个渐变效果,如图。
Step 24
接着用滤镜→模糊→高斯模糊,用大概2像素的羽化效果。然后将图层不透明度调整为30%。
Step 25
其他窗口的光线效果直接复制刚刚做好的光效图层,然后自由变换(Command+T/Ctrl+T),再上移至第二个窗户的位置,如下图所示。
Step 26
接着继续做前面剩下窗户的光线,下图已完成四层光效,我将前面三层的不透明度调整成了30%。
Step 27
当然,为了更逼真的特效,我们将窗户下面那格的光效也添上,我就在最里面那个窗口添加了一层,当然,你也可以给其他窗口继续添上,注意,渐变效果要以黑色为起点颜色。
Step 28
我在做特效时,总喜欢为图片添加些额外的效果,比方说,这边,我想给衣橱之间添加一种有过道的感觉。工序相当简单,用钢笔工具,在天花板上画出一个黑色的三角形,三角形上面的那条边要与衣橱上方的边线对齐,然后,设置该图层的不透明度为30%。
Step 29
然后,在图层上添加从黑色到透明的渐变叠加。参数设置如下图所示。