Photoshop制作逼真的城市夜景特效教程

  • 735

今天译者AverageJoseph这篇教程在光影和透视方面特别出彩,你可以在临摹的过程中感受到作者的用心和细致程度。教程将帮你学会如何找到正确的视角和精准地塑造光效,全是日常修图的重难点!修图高手出教程不多,别错过咯。

今天译者AverageJoseph这篇教程在光影和透视方面特别出彩,你可以在临摹的过程中感受到作者的用心和细致程度。教程将帮你学会如何找到正确的视角和精准地塑造光效,全是日常修图的重难点!修图高手出教程不多,别错过咯。

最终效果图:

Photoshop制作逼真的城市夜景特效教程

Step 1

先搜索一张干净整洁的房间照片,不要有太多光源(最好只有一个),高清图片为佳。此处选用了ArchDaily博客上的图片,如果你能确保你的图片与此类似,并且能够做出有趣的效果出来,尽管大胆尝试吧。

PS打开此图,直接裁切掉(快捷键C)图片冗余部分,当然此步也可以在全片修改完成后执行。

Photoshop制作逼真的城市夜景特效教程

Step 2

抠出此图中你想保留的部分。我要保留木衣橱,柱子和窗户。复制(Command+J/ Ctrl+J)此图层四次,在每个图层上使用矢量蒙版,除了刚开始的原始图层不用加。在图层面板中双击蒙版图标。

用钢笔工具抠图(快捷键P)。回过来,将背景图层暂时设置为不显示,即点击图层面板中该图层前的小眼睛。

Photoshop制作逼真的城市夜景特效教程

Step 3

我想让圆柱整个留下来,所以在矢量蒙版中间添加锚点,再用圆角工具,使其呈现如图所示的圆角形状。

通过在圆柱两边新建垂直参考线,找到中点,标尺工具打开(Command+R/Ctrl+R),如图,左边拉根儿参考线,右边拉根儿参考线。矩形选框工具(快捷键M),简单拖出如图大小的选框。

Photoshop制作逼真的城市夜景特效教程

我将底层暂时设置为黑色,让效果更为明显。

Step 4

在选区右击,变形,如图,宽度数值设置为50%。

Photoshop制作逼真的城市夜景特效教程

Step 5

现在,在中间位置,再拉出一根垂直参考线。

Photoshop制作逼真的城市夜景特效教程

Step 6

我不大喜欢圆柱所处的位置。

我想让它的底部与第一个衣橱的角在同一条直线上,如下图所示。所以,我又拉出一根水平的参考线,然后,相应地将圆柱向上移动至水平线上,移动时,按住shift键,以使其沿直线移动,还会自动贴合参考线。

Photoshop制作逼真的城市夜景特效教程

Step 7

接着开始创建地板部分。返回到第一个图层,使用矩形工具(快捷键U)。在地板位置,简单勾勒一个浅灰色的矩形。确保该图层在其他几个元素的图层的底层,双击图层,打开图层样式,点击渐变叠加,混合模式设置为正常,不透明度为20%,使用黑色到白色的渐变,角度90°。

Photoshop制作逼真的城市夜景特效教程

Step 8

接着,开始打造瓷砖部分,就像原始图片上一样,我们将刚刚做好的地板图层设置为不可见,然后将原来的背景图层设置为可见,在形状面板里找到直线工具,简单拉出一根大小为1px的白色线条,如下图。

Photoshop制作逼真的城市夜景特效教程

Step 9

再重新将地板图层设置为可见,然后,用同样的方法,来制作墙壁效果,颜色选用深灰色。还是用矩形工具,宽度截至衣橱边沿,渐变叠加效果稍有不同,如下图。

Photoshop制作逼真的城市夜景特效教程

Step 10

天花板的制作,使用钢笔工具,首先,搞清楚消失点在哪里。因为新建出来一道墙,所以要调整下天花板的视角,你可以凭感觉或者画辅助线来勾勒线条。如图,沿着衣橱底边的线和右边窗户底边的线,两线交叉得到一个点。

Photoshop制作逼真的城市夜景特效教程

Step 11

再选个颜色,画第三根线条,如图,三点相交点为消失点。

Photoshop制作逼真的城市夜景特效教程

Step 12

使用钢笔工具,颜色选用浅灰色,沿着刚刚画的那根线画线,同样,使用渐变叠加效果,如图,此时,可以将之前画的辅助线删除啦。

Photoshop制作逼真的城市夜景特效教程

Step 13

从右边有光线照射进来,所以,左边的天花板要略微暗点,做点渐变效果。

Photoshop制作逼真的城市夜景特效教程

Step 14

按住Alt键,复制天花板形状图层的蒙版,拖至渐变图层,再设置不透明度为20%左右,这步是为了创造出逼真的光照效果。

Photoshop制作逼真的城市夜景特效教程

Step 15

为了让地板显得更加光洁亮丽,在地板上添加周围物体的倒影是个不错选择,不过要注意视角问题,不能简单地将其垂直翻转,再添加一个渐变蒙版,这些操作之前,需要将其稍加倾斜,才更为逼真。

从最简单的“圆柱图层”做起,先复制该图层,垂直翻转,添加渐变蒙版。再将刚开始的“圆柱图层”复制一下,使用自由变形(Command+T/Ctrl+T),右击,垂直翻转,将此图层放至“圆柱图层”下方。

Photoshop制作逼真的城市夜景特效教程

Step 16

添加图层蒙版,选择渐变工具(快捷键G),创建一个由黑转透明的渐变效果,从整个图片的底部上方一点,向上拉渐变,将该图层的不透明度调整为40%。

Photoshop制作逼真的城市夜景特效教程

Step 17

窗户这边的效果制作要比圆柱部分复杂些。同样的,复制图层,垂直翻转,不同的是,直接这样放在地板上的效果是错误的视角,所以,需要右击,变形,要缩小好多,可以按住Alt键,滚动鼠标来调整大小。

Photoshop制作逼真的城市夜景特效教程

Step 18

现在添加图层蒙版,还是黑色到透明的渐变效果,不过,这次是沿对角线拉渐变,然后设置不透明度为40%。

Photoshop制作逼真的城市夜景特效教程

Step 19

衣橱这边的效果是最难做的。先复制原始的“衣橱图层”,得到“衣橱图层副本”在其矢量蒙版上右击,栅格化矢量蒙版,于是,矢量蒙版变成了图层蒙版,剪切掉多余部分,使其更易操作,然后,点击图层蒙版,右击应用图层蒙版。于是得到一个没有蒙版的图层,接着,再次给该图层(“衣橱图层副本”)添加一个图层蒙版和一个矢量蒙版,复制该图层三次,于是得到四层经过栅格化的衣橱图层。

好了,现在先不管蒙版部分了。你可能会想知道为什么这边需要这样的四个衣橱图层,因为,图片上每个衣橱都需要相应地蒙版和视角,下图中,朝向我们这边的一面,你看到的倒影部分比较简单,直接是垂直翻转效果,但是朝向窗户的一面倒影效果,需要在翻转后稍作倾斜调整。

Photoshop制作逼真的城市夜景特效教程

Step 20

现在,我们开始使用矢量蒙版图层啦,如下图,用矩形工具,为衣橱的每个面画个矩形形状。

Photoshop制作逼真的城市夜景特效教程

Step 21

再次使用从黑色到透明的渐变效果,为四个衣橱图层的图层蒙版添加该渐变效果,将此四层添加到一组,并将改组的不透明度设置为40%,然后,将整组移动到原始的“衣橱图层”下方。

Photoshop制作逼真的城市夜景特效教程

Step 22

接下来,开始添加些光束,这些光线是从右边窗户照射进来的,这样让整个画面显得更加栩栩如生。新建一图层,选用多边形套索工具(快捷键L),选区范围如下图。

Photoshop制作逼真的城市夜景特效教程

Step 23

选择浅褐色,用渐变工具拉一个渐变效果,如图。

Photoshop制作逼真的城市夜景特效教程

Step 24

接着用滤镜→模糊→高斯模糊,用大概2像素的羽化效果。然后将图层不透明度调整为30%。

Photoshop制作逼真的城市夜景特效教程

Step 25

其他窗口的光线效果直接复制刚刚做好的光效图层,然后自由变换(Command+T/Ctrl+T),再上移至第二个窗户的位置,如下图所示。

Photoshop制作逼真的城市夜景特效教程

Step 26

接着继续做前面剩下窗户的光线,下图已完成四层光效,我将前面三层的不透明度调整成了30%。

Photoshop制作逼真的城市夜景特效教程

Step 27

当然,为了更逼真的特效,我们将窗户下面那格的光效也添上,我就在最里面那个窗口添加了一层,当然,你也可以给其他窗口继续添上,注意,渐变效果要以黑色为起点颜色。

Photoshop制作逼真的城市夜景特效教程

Step 28

我在做特效时,总喜欢为图片添加些额外的效果,比方说,这边,我想给衣橱之间添加一种有过道的感觉。工序相当简单,用钢笔工具,在天花板上画出一个黑色的三角形,三角形上面的那条边要与衣橱上方的边线对齐,然后,设置该图层的不透明度为30%。

Photoshop制作逼真的城市夜景特效教程

Step 29

然后,给该图层添加一个从黑色到透明的渐变叠加,参数设置如下图。

Photoshop制作逼真的城市夜景特效教程

Step 75

改变色相/饱和度,色相为-30,将饱和度适量上调,然后将混合模式设置为变暗,不透明度为25%。

Photoshop制作逼真的城市夜景特效教程

Step 76

至于纯色调整图层,我选用了洋红色,混合模式为强光,不透明度为7%。

Photoshop制作逼真的城市夜景特效教程

Step 77

接着添加一个渐变填充,来制造点虚光效果。格式如图,为从黑色到透明的径向渐变,勾选:反向,缩放150%,将混合模式设置为叠加,不透明度为30%。

Photoshop制作逼真的城市夜景特效教程

Step 78

如果你的渐变效果不够连贯自然,那是因为,你设置的是8位/通道,你可以在图像→模式→16位/通道,不过,此时不就不能将图片保存为JPEG格式了,只能保存为PNG或者其他高清图片格式。

Photoshop制作逼真的城市夜景特效教程

Step 79

圆柱这边相比较图片的其他部分有点偏亮了。所以,回到圆柱相关的图层,在其上创建一个新的图层,填充浅灰色,将混合模式设置为线性加深,不透明度为85%,在图层面板上右击该图层,创建剪切蒙版。

Photoshop制作逼真的城市夜景特效教程

至此,大功告成!本期教程,我们学会了善用图片中各个已有的元素,辅以写实光效及合理视角,打造全新视觉体验,并学会了如何快速创建海边城市夜景,最后运用调整图层,让整个画面更加生动逼真。

Photoshop制作逼真的城市夜景特效教程

weinxin
客户经理
多条朋友多条路,欢迎你咨询