炫彩的抽象光是这样画的!(PS教程)

小编:这中炫彩的光总觉得可望而不可及,根据作者的讲解,其实也不那么难,前提是你要熟练钢笔工具,就没那么困难了。

如果你还不会钢笔工具,先看看《UI设计师必会技能—钢笔工具应用》、《钢笔工具so easy》这2篇文章,玩玩先。

@飞屋睿UIdesign:抽象光的制作在广告、海报、游戏场景设计中特别多,这类唯美的光线制作也是学PS时首要掌握的难点。当初,你只能拿着PS做照片美化的时候,你只把PS当成美图秀秀用,而等你学会了抠图,就为下一步要进阶合成技术做好了准备。我们今天要学的抽象光,也是在进阶合成技术的过程中必备的另一项技能。

一、抽象光背景

抽象光的背景一般来说是黑色。(请问:为什么不能是白色背景?)你见过白天的月亮吗?同样道理,光本身有趋于“白”的本质,如果四周都充斥着白色,那么这道光也就没有存在的必要了。

好了,现在让我们打开photoshop软件,新建一个800px*800px的文档。根据不同的项目,画布的大小也会不一致,如果采用较大的画布,那么,我下面所讲到的有关大小尺寸的时候,你自然就要将尺寸放大一点。

1、将文档填充黑色,再将前景色设置为#922f00,采用大而软的笔刷,(所谓大的笔刷到什么程度呢?在这里我选择的是笔刷大小800px,硬度为0,)在画布中心点击一下,就能画出如下图所示图样。这里还可以用径向渐变来绘制,效果是相同的。

2、如果觉得色彩不够强烈,我们可以将上一步所画的图层复制一层,将复制层的混合模式改为“颜色减淡”,图层混合模式中的“变亮”、“滤色”、“浅色”等都可以用来为图层加亮,但是“颜色减淡”是效果最强烈的,在此处也最为理想。

3、对于抽象光的背景,我们需要增加一种烟雾感的纹理效果来烘托光线。这时,新建一个图层,将前景色和背景色还原为白色前景、黑色背景。然后,进入到滤镜>渲染>云彩,图层发生如下的变化。

完成滤镜效果后的图层混合模式改为“叠加”,透明度降低到30%。这时,有了这层烟雾感就足够了吗?我认为还不足够,那么,我们还可以再增加一个滤镜。

进入滤镜>素描>铬黄,在铬黄渐变的滤镜库面板设置中,设置细节为0,平滑度为10,你也可以按照自己的喜好去调试相应的值。点击确定后,就能让烟雾效果变得更为强烈。

二、光的形态

在我们现实世界当中,光的形态可以说是一条无限延长的射线,遇到阻挡的时候就会出现反射。当然,这是自然界中的光,而抽象光是虚拟的,也就是说,光的形态可以自由发挥,任由你的想象,它可以是一个弧形,也可以是平行的直线型、流线型、发散式等等。本教程中,我们要制作的光的形态是弧形的,也可以叫做S形。

上一个步骤已经将背景做好后,我们将背景的图层编为一个组,取名为“背景”。在“背景”组上方新建一个组,组名为“发光体”。

1、运用钢笔工具,画出一个漂亮的S形路径。大家可以看到,我画出的弧线的锚点很少。我觉得运用钢笔工具的最高境界就是用最少的锚点来画图形,利用操作杆控制线条的走势,这样画出的图形平滑度会更好,大家可以有意往这个方向训练。

2、在“发光体”组内新建一个图层,进入到画笔工具,选择一个5px大小的硬边圆画笔。然后再回到钢笔工具,右键点击S形路径,选择“描边路径”,顾名思义就是要用画笔来描出路径。点击后会弹出一个对话框,工具选项中默认为“画笔”。这里最重要是要点选“模拟压力”,模拟压力是能保证你的描边能根据方向等状态大小粗细会有所变化,这种变化过渡非常自然,模拟了现实情景中手绘的效果。如果没有点选,那么,你绘出的线条粗细就很均匀。

前景色随机选择,因为再接下来的步骤中,我们会为其叠加其他的颜色。

三、光的质感

现在开始做光的质感了。我们要知道的是,最简单做出光的质感效果的方式是采用图层样式,而究竟是哪些图层样式呢?下面我们可以开始动手来实际操作一下。

1、我在这里分别运用了“外发光”、“颜色叠加”和“投影”这三种图层样式,下图中有相应的图层样式的参数,以及运用后的图像效果。

对于图层样式的数值在此我就不再多讲,这需要大家动手自己练习,慢慢学会如何用各项数值来趋近你要制作的效果。我在此提供我的参数给大家参考。

2、按照上面几个步骤,重又做出另外两条光带,让三条光带组成一个美妙的三角结构,你也可以采用蒙版擦除部分光带。点击复制图层样式就能让新的图层也运用上一步所做出图层样式,根据光带的不同你还可以进入图层样式对其中一些参数进行调整。

四、需要修饰的文字

现在有了光感后,我们就开始加入我们的主角。在这里我采用的是我个人网站的网址(www.ifeiwu.com)作为展示焦点,你也可以将自己的个人网站的网址做出这样的光感效果,比如你正在看的优设网 ^ ^

新增一个图层,采用独特的布局、字体,利用微妙的变化达到平衡的美感。图层的光感效果仍然可以复制已有图层的效果。

五、增加装饰

这样的效果就够了吗?当然,你也可以增加一些其他的装饰。我在这里采用星形画笔,打开画笔面板,对画笔的形状动态和散布面板进行相应的调整,调整后,变成随机散布星形的一种新的画笔。在画布上随机描上几笔。

六、上色

如果你想改变抽象光的颜色应该怎么办?在所有图层的上方新建一个图层,用一个大而软的画笔(大小800px,硬度0),设置蓝色为前景色,在左上角涂抹。

然后,将该图层的混合模式改为“颜色”,降低透明度至70%。这时,根据你所涂抹的颜色也可以适当增减透明度,效果如下:

继续为其他部分上色,如此上色的办法对黑色环境的部分不会有影响。可以看到在这里我填上了这四种颜色。

最后,我的抽象光作品就制作完成了。

后记

这篇教程里所教的最重要的地方就是,学会如何用图层样式打造抽象光。网上有很多抽象光的素材可以直接现用,但是,这样的话,也许你根本不知道怎么实际运用这些现有的素材,如果你不知道如何去做,也就不会知道如何修改已有的素材,再拿来为自己所用。

ifeiwu

文章来源:优设

作者:@飞屋睿UIdesign

Photoshop
(0)

相关推荐

  • 超简单炫彩抽象线条感海报

    前言 抽象是设计中最常用到也是最容易到手的视觉语言,线条也是除了几何形以外出镜率最高的元素.当你苦于手头没有现成素材的时候,不妨试一试这个方法,用线条表达,依然可以帮你找到最贴切的入手点.别再纠结阿里 ...

  • 玩转WPS炫彩换肤插件,让你的WPS与众不同

    安装WPS体验版2746后,界面出现一个新的按钮,“切换界面风格”按钮 ,和其他四项整合在一个工具条中 ,其中有“办公小工具”、“首页”、“在线素材”、“切换界面风格”、“查单词”,一共五项。单击“切 ...

  • 快速打造炫彩蜂巢背景图案

    小编:设计师永远会遇到背景图案制作的问题,简单一点的就是去图库里找找有没有适合的图案,如果没有,那就需要自己动手制作.相信我,动手制作永远是退货率最低而自己也能从中学习到更多的方式. @飞屋睿UIde ...

  • 微信怎么发炫彩字?聊天中发生动个性的炫彩字教程

    大家知道微信怎么发炫彩字体吗?今天小编就教大家在微信聊天中发炫彩字的方法,生动个性的炫彩字,绝对能让聊天气氛High起来哟~ 1、在手机上下载安装炫彩字软件,然后点击“微信”,打开聊天窗口,点击下面的 ...

  • 手机qq怎么打炫彩字体就是像微信一样可以编辑炫彩字体

    手机qq怎么打炫彩字体?喜欢使用炫彩字体的朋友一定也想象微信那样可以使用炫彩字体,下面绿茶小编为大家带来手机QQ打炫彩字体的方法。 手机qq打炫彩字体方法: 1、打开炫彩字软件 ,进入炫彩字 软件 后 ...

  • 美图秀秀设计独特个性的炫彩字体

    个性签名档应该是大家在论坛灌水、踩QQ空间必不可少的东西,即彰显了自己的个性,也吸引了别人的眼球,所以一个独特的签名挡相当重要。接下来教大家利用自制“炫彩字体”制作你的专属签名,绝对不会跟别人撞衫拉! ...

  • 美图秀秀教程之YUMMY教你做美图之炫彩夏日篇

    天气回暖,阳光洒落一地的感觉真好呀,这个时候Yummy一定要出去走走,拍些漂漂的照片。但有时相机无法将阳光的美丽炫彩全部收入镜头,不过没关系,可以选择用“美图秀秀”来做后期调色,给即将到来的浪漫夏日一 ...

  • 新版美图秀秀炫彩边框与闪图优化体验

    新版美图秀秀炫彩边框与闪图优化体验

  • 网络美女YUMMY教你做美图-炫彩边框篇

    而且圣诞节就快到了,炫彩边框里还有许多圣诞相关的模板可以选择哦!赶快跟着我试试吧。当然首先要下载并安装美图秀秀啦! 图1 首先看下效果吧: 图2 1.用“美图秀秀”打开一张要处理的图片。 图3 .通常 ...