找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 128|回复: 0

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

[复制链接]

该用户从未签到

发表于 2015-8-4 00:00:00 | 显示全部楼层 |阅读模式

您需要 登录 才可以下载或查看,没有账号?立即注册

×
今天译者AverageJoseph这篇教程在光影和透视方面特别出彩,你可以在临摹的过程中感受到作者的用心和细致程度。教程将帮你学会如何找到正确的视角和精准地塑造光效,全是日常修图的重难点!修图高手出教程不多,别错过咯。
今天译者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
然后,给该图层添加一个从黑色到透明的渐变叠加,参数设置如下图。

                               
登录/注册后可看大图

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

                               
登录/注册后可看大图

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

                               
登录/注册后可看大图

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

                               
登录/注册后可看大图

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

                               
登录/注册后可看大图

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

                               
登录/注册后可看大图

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

                               
登录/注册后可看大图

   
               
                    Step 30
为其他衣橱添加类似光效。

                               
登录/注册后可看大图

Step 31
接下来,对衣橱进行些调整,选用矩形工具,在衣橱面向过道的那面上,画两个矩形,分别在画两个图层上,设置不透明度为50%。

                               
登录/注册后可看大图

Step 32
给两个形状图层,在水平方向上,添加从黑色到透明的渐变叠加,不透明度设置为55%。

                               
登录/注册后可看大图

Step 33
新建一个新的图层,选用渐变工具,用白色到透明的线性渐变。然后沿对角线拉一个渐变,起点为右下角到墙上,如下图。

                               
登录/注册后可看大图

Step 34
按住Command键,点击形状图层,选中墙面。然后反选(Command+Shift+I/Ctrl+Shift+I),按Delete键清除墙外多余部分,取消选区(Command+D/Ctrl+D),为两面墙做同样的操作,不透明度设置为50%。

                               
登录/注册后可看大图

Step 35
衣橱边角需要点高光。用直线工具,大小1px,颜色白色,沿着墙边绘制即可。画第二根的时候,按住shift键。

                               
登录/注册后可看大图

   
               
                    Step 36
线条图形的不透明度设置为15%。

                               
登录/注册后可看大图

Step 37
同样的,在衣橱上方的边线处,画黑线,不透明度为15%。

                               
登录/注册后可看大图

Step 38
因为光线从右边窗口发出,所以,衣橱过道的阴影设置技巧类似窗口光束效果的制作过程。选用套索工具,选中衣橱表面,除了上面角落的小三角部分,没选中的这部分其实是阴影部分。

                               
登录/注册后可看大图

Step 39
选用渐变工具,从右边到左边,添加从白色到透明的线性渐变效果,按住shift键,是其呈直线。

                               
登录/注册后可看大图

Step 40
取消选择,为该图层添加2 px羽化效果的高斯模糊滤镜效果。白色部分可能有点越界,所以选中橱面,添加图层蒙版,于是羽化效果只在橱面上呈现。其实,越往下,光线越暗,所以,我们要在图层蒙版上添加一层从黑色到透明的渐变效果,不透明度设置为70%左右。

                               
登录/注册后可看大图

Step 41
为其他的橱面做相同的特效。

                               
登录/注册后可看大图

   
               
                    Step 42
接下来我们要开始做圆柱后面的窗户,该窗户可以看见海边城市风光。这个窗户的制作要放置在当前已经创建好的所有图层的底部。回到第一个图层,现在第一个图层是地板形状图层。然后,选用矩形工具,画矩形,现在上面啥都没有,所以颜色随意。

                               
登录/注册后可看大图

Step 43
现在,混合选项是关键,首先,将不透明度调整为0%,图层样式里,设置描边,位置:内部,大小6px。

                               
登录/注册后可看大图

Step 44
复制此图层,改变图层样式中描边,内发光以及渐变叠加。描边改为:黑色,3px,内部。内发光:混合模式为正常,大小100px,不透明度10%。
渐变叠加部分,我们稍后再做调整,先将混合模式设置为正片叠底,不透明度25%,缩放55%,设置完成后效果图大致如下图。

                               
登录/注册后可看大图



                               
登录/注册后可看大图



                               
登录/注册后可看大图

效果如下:

                               
登录/注册后可看大图

我将其颜色设置为深灰色,以使整个画面效果更清晰直观。
   
               
                    Step 45
现在,也给这个窗口在地板上做个倒影。同样,复制窗户相关的所有图层,将其放置在一个组里,然后放置在窗户相关图层的底部,再添加一个图层蒙版,添加黑色渐变效果,从底部向上拉渐变,将整组的不透明度设置为30%,注意此组在地板相关图层的上方。
再给左边的墙面添加点光。同样,为圆柱添加些阴影和光线。在左边墙面图层的上方,创建一个新图层,用渐变工具,选用浅玫瑰色,做径向渐变。

                               
登录/注册后可看大图

Step 46
自由变换渐变图层,将其放置在衣橱面的上方,按住Command/Ctrl键,来调节大小。这个和扭曲变形的效果一样(编辑→变形→扭曲)。

                               
登录/注册后可看大图

Step 47
设置该图层的不透明度为30%。
至于圆柱的阴影效果,和制作光线类似,只不过颜色换成黑色的径向渐变效果。
在阴影区域,创建一个图层蒙版,使用径向渐变,颜色黑色,从左至右,不透明度设置为8%。
再建一个小点的,不透明度同样为8%。
接着,再建一个更小的,不透明度100%,同样使用图层蒙版,径向渐变,颜色黑色,从左至右,使其渐隐。
将以上几个图层放置在一组,设置整组的不透明度为90%左右。如果,有些黑色阴影越界了,你可以添加一个图层蒙版,选中之,删除之,我在圆柱上方和下方都做了该操作。

                               
登录/注册后可看大图

Step 48
当前你图层面板这块,应该是下图的模样。

                               
登录/注册后可看大图

Step 49
接着,开始做圆柱后面的光。回到,圆柱图层,在圆柱的左边创建一个窄窄的矩形形状,先不管啥颜色。

                               
登录/注册后可看大图

Step 50
将右边的锚点上提,再在中点处加一个锚点,同样上提。

                               
登录/注册后可看大图
回复

使用道具 举报

网站地图|页面地图|文字地图|Archiver|手机版|小黑屋|找资源 |网站地图

GMT+8, 2024-10-7 02:25

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表