PS教程:如何给图片添加穿透云层的光线

2012/12/05 40786

本教程您将会学到光线特效的PS技巧,希望看过后,您能够融会贯通,体现在自己的作品里,让设计更“恢宏大气”!是真大气哟~!

在此教程中我会向你展示如何给一张阴天的的照片添加穿透云层的光线,从而让照片更富有戏剧性。当然这个技术也可以用在其它设计中。我最早掌握此技术是由于要创建光线穿透树荫的效果。这项技术最成功的地方在于光线是由原图片而创建,因此看上去非常的真实。
辣!让我们开始!

额,看完后如果觉得不错,记得评论哟,不评论就送我一块切糕吧。谢谢。

这是我们需要处理的图片

before.jpg

这是处理之后的图片

after.jpg

步骤一:

通过将图片拖拽至图层面板底部的新建图层图标上来讲背景图层复制一层。将其命名为”基础光线”。

在图层面板中选择此图层,按下Ctrl + M键(CMD + M)应用曲线。调整至一个非常强烈的曲线,让云彩的对比度拉到最大,使其中的一小片区域完全变成白色。我把注意力集中在靠左边顶部第三个小范围内,这里将是光线从云层中穿透出来地方。

Picture-2.jpg

现在给图层应用2个像素的高斯模糊。(滤镜>模糊>高斯模糊)

Picture-3.jpg

步骤二

暂时关闭基础光线图层,选择背景图层。选择多边形套索工具(L),将位于屏幕顶部的工具属性栏栏中的羽化值设置为50。

Picture-6.jpg

在光线穿透出来的天空区域画一个大致的选区,这是我画的在快速蒙版查看模式下的选区:

Picture-4.jpg

在背景图层上方创建一个新的曲线调整图层。我们刚做的选区会自动应用为图层蒙版,将曲线调整为和前面的曲线类似的设置,但是这次我们希望幅度能小一些,使阴影部分不受影响,然后将图层命名为”光源”。

Picture-5.jpg

Picture-7.jpg

Picture-8.jpg

步骤三:

打开并选择”基础光线”图层。选择工具栏中的单行选区工具。放大图片中云彩白色的部分,在中间位置点击一下,这样就选择了一行横跨图片的像素。

Picture-9.jpg

缩小图片这样就能够看到整张图片的情况。选择矩形选取工具,按住alt或者option键,从图片最左侧画出一个直到云彩左侧白色区域的选区,这样就取消了左侧的选区。右侧也使用同样的方法来做。你应该得到一个类似于下图的的横跨整个白色区域的选区:

Picture-10.jpg

选择”基础光线”图层,按下Ctrl+J键,这样为刚刚选择的像素创建了一个新的图层。命名此图层为”光线1″。

Picture-11.jpg

步骤四

关闭”基础光线图层”。选择”光线1″图层。按下Ctrl+T对图层进行自由变换,拖动底部居中的手柄,使其一直伸展至图片中船所在的位置。现在按住Ctrl键同时将相同的手柄向右拖动,使其刚好处于船的下方。按住Ctrl+Shift键,向外拖动左下和右下的手柄直到得到一个让你满意的形状。

Picture-12.jpg

可以注意到自由变换的预览图看上去好像不太对劲,这是由于Photoshop一行一行的处理像素的缘故。这个技术叫做像素拉伸。当确认自由变换后就没问题了。

Picture-13.jpg

步骤五

在图层面板上调整图层”光线1″的混合模式为滤色。

按下Ctrl+M给图层应用曲线。将曲线往下拉使图层变暗,直到光线显现出来。

Picture-14.jpg

在图层面板底部点击”添加图层蒙版”按钮给图层添加一个蒙版。在图层面板中点击一下图层蒙版选中它,然后按下Ctrl+M给它应用曲线,将高光点降低到50%,点击确定。

Picture-17.jpg

选择多边形套索工具(L),这次将羽化值设置为15。选择光线的中间部分,从头到尾。下面是在快速蒙版模式下我做的选区。

Picture-18.jpg

选择”光线1″的图层蒙版,按下Ctrl+M应用曲线。这次将阴影点升高至50%。这样会让光线的中间部分比边缘亮一些。

Picture-19.jpg

步骤六

在蒙版已选择的情况下,按G选择渐变工具。在屏幕的左上角点击渐变预览并且将渐变设置为黑色至白色的渐变。在属性栏中将渐变模式设置为正片叠底。

从光线的顶部至底部拉出渐变。然后选择编辑>渐隐渐变。将淡出值设置为50%,这样会创建出光线的衰减效果,应用渐隐渐变的好处在于不会让光线的底部消失不见。

Picture-20.jpg

步骤七

选取背景图层,选择椭圆形选取工具,按住Alt键,围绕小船在光线底部画一个扁平的椭圆形选区。

点击Q进入快速蒙版模式。选择滤镜>模糊>高斯模糊,将半径值设置为5。选择滤镜>模糊>动感模糊,将角度设置为0,距离设置为150。再次点击Q退出快速蒙版模式。

Picture-21.jpg

在背景图层上方新建一个曲线调整图层,将水面的亮度提高一些,看上去好像是光线打在水面上一样。

Picture-22.jpg

步骤八

我想要给整个图片增加一些对比度。所以我在图层面板中整个图层的上方新建了一个曲线图层,调整曲线以增加对比度。

Picture-24.jpg

重复步骤3至步骤7的过程创建更多你希望的光线。但是需要注意光线投射的角度,他们应该看上去应该是来自于同一个光源,我在图片中创建了3束不同的光线。

after.jpg

 

原文:http://startwmlife.com/how-to-add-a-picture-of-light-through-clouds/

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/add-light

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里