Photoshop详细解析平面作品中的梦幻光线制作

2016-02-16 03:06 6 1 收藏

今天图老师小编给大家介绍下Photoshop详细解析平面作品中的梦幻光线制作,平时喜欢Photoshop详细解析平面作品中的梦幻光线制作的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - PS 】

光的特效在平面设计中是较为常用的视觉元素,在设计作品中合理地添加这些光效,可以使你的作品绚丽多彩,增强视觉冲击力。光的视觉特效比较多,闪电、光芒、火焰、光晕等都属于光的视觉特效范畴。

该范畴的特效所呈现出的特点也不同,列如闪电划破天空时,夸张的裂纹外形;火焰熊熊燃烧时多变的层次;光晕特效产生的华丽光芒等...在制作时首先得分析它们的外观形态,然后根据特征进行制作,这样才能在画面中真实、有效地表达出光的效果。

由于篇幅有限,下面我通过几个案例来解析平面设计时常用的几个光的元素:

新建文件:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

调出以下透明渐变

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

效果如图:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

执行扭曲波浪滤镜

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

参数设置如下:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

效果如图:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

执行:模糊动感模糊滤镜

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

参数设置如下:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

效果如图:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

执行:滤镜扭曲极坐标

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

参数如下:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

效果如图所示:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

用柔边紫色画笔随意画两笔(注意新建图层)颜色不是固定的,根据自己喜好

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

混合模式改为:颜色模式

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

加上一点藤蔓装饰

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

如图画出一个条形,也可以画条直线扭曲下,随意填充一个亮点的渐变

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

设置个外发光(我这里外发光设置的是红色)

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

再复制几条出来

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

用白色柔边画笔点几下(新建图层)

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

把白色圆点的混合模式改为:叠加

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

加上点装饰素材(随便什么都可以)

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

我记得上一个教程里,有一个昵友问我:你会不会做闪电

其实闪电很好做,关键是路径那里比较麻烦,

路径画好后,描边一下基本就可以了。

当然我看到很多教程里有比我这个更简单的

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

(他们是用云彩渲染后,用云彩里的那个条纹来做的)

但是我感觉我用路径做出来的比较真实一些,呵呵。

打开素材

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

复制一层:模式改为叠加

(为了让背景变暗一些,突出闪电的亮光)

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

效果如图:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

用钢笔画出如下路径(画不出来的用我这个照着画),耐心点

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

选中最亮的那根闪电的路径

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

f5打开画笔调板,参数设置如下:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

描边路径:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

加一点外发光效果,以求真实的效果:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

现在我们要绘制的是闪电中的小闪电部分

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

参数设置如下:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

依旧是路径描边一下

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

效果如图:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

再用同样的方法绘制出其他路径的发光效果

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

绘制出其他路径的发光效果,方法都一样的,只是需要耐心

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

蒙版擦去不自然的地方

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

最终效果如图:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

打开素材:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

用红色柔边画笔随意在画面上画两笔

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

再用紫色柔边画笔随意在画面上画两笔

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

执行滤镜模糊动感模糊

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

参数如下:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

效果如图:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

复制一层(改变下图层混合模式)线性减淡

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

再复制一层,模式改为强光

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

效果如图:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

加一个镜头光晕:(可加可不加)

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

效果如图:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

设置前景为白色,打开画笔调板

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

参数设置如下;

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

在画布上随意画一下,注意是斜的方向

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

多画几次,以求梦幻效果:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

如图所示:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

最后加个人物素材就可以(人物这些随便你发挥)

改变色相啊之类的都可以

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

我为什么要把这些素材给加上去,大家都看到了,

很多教程中只是单一的教你怎么去做一些特效,但是有的朋友学了之后,不会应用到设计当中去

所以老是听到很多朋友抱怨:这些特效学了没用,

呵呵,不是没用,而是你没灵活去用。

打开素材:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

导入一个手机做参照物,这里你也可以用人物来代替

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

用钢笔画出如下路径:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

设置一个像素的白色画笔

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

描边刚才的路径:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

对这个线条进行外发光设置:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

效果如图:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

添加一个蒙版

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

把不需要的地方蒙版

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

再复制一个刚才的图层出来

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

清除图层样式

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

设置:模糊动感模糊

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

参数如下:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

效果如图;

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

把它移动到上面(或者下面,都可以)

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

新建一个图层,设置前景为浅紫色

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

画笔参数设置如下:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

涂抹刚才我们动感模糊的那一层就可以

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

然后把刚才涂抹的那一层模式改为线性减淡

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

用橙色柔边画笔在线条上随意画几点

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

把圆点的模式改为线性减淡

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

效果如图:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

新建一个图层,模式改为叠加(这一步后改也可以)

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

用浅橙色柔边画笔画出如下的效果:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

把模式改为:叠加

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

效果如图:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

再在手机的旁边装饰几个圆形圆点就ok了

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

再来讲一组光效效果:

打开上面的背景素材(也可以自己做)

圆形路径画一个椭圆:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

设置如下:(描边)

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

填充一个外发光

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

旋转下,效果如图:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

随便放个素材做演示:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

把不要的地方蒙版一下:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

用柔边画笔画一点:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

拉长:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

中心复制一个:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

合并后,高斯模糊一下:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

添加图层样式:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

效果如图:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

放在合适的地方,效果:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

复制一个,翻转,方法都是一样的

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

然后在用钢笔工具画出如下效果:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

转成选区

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

羽化一下:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

随意填充一个颜色:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

再减去一部分

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

模式改为:线性光

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

用钢笔工具画出如下图形:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

转为选区后再羽化一下:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

填充一个浅色

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

再减去一部分,如图所示:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

此时效果如图:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

在边缘的地方用钢笔画一条曲线:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

设置画笔大小为2像素,前景色为白色

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

描边路径

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

合并刚才做的,把模式改为线性光

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

有兴趣的话可以多画几个(或者复制也可以)

执行滤镜扭曲,旋转扭曲

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

参数如下:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

把3条光线改为:颜色减淡混合模式

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

效果如图:

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

加上刚才我们那个素材就可以了,如果不满意的话,还可以继续深化下去。

Photoshop详细解析平面作品中的梦幻光线制作,PS教程,图老师教程网

光效还有很多,鉴于篇幅有限,只列举这么多。设计中的特效结合在这里只提供给大家一个方法,更多的技术需要大家在练习中去发现,去研究,去学习。教程完毕,希望大家互相交流学习,互相进步。感谢支持。

来源:https://www.tulaoshi.com/n/20160216/1567286.html

延伸阅读
标签: PS PS基础
本教程主要使用Photoshop制作梦幻光线效果的霓虹字体教程,字体部分主要使用图层样式来完成,后期加光线等素材来装饰完成,喜欢的朋友可以一起来学习吧。 来源: 图老师论坛 作者: 图老师瑭大官人原创翻译 先看看效果图 1、新建图层前景色设置为#424100,背景色设置为#161400,使用渐变工具的菱形渐变从中心至角落做一个渐变。 2...
标签: PS PS基础
看下效果图先: 素材:www.52psxt.com_花朵素材.rar 1.打开素材,抠出花朵的主体部分,可以用钢笔工具,我用的是色彩范围,具体怎么扣就不做详细的介绍了 2.选择画笔工具,先设置下画笔,硬度100%,大小2PX 3.新建图层,选择钢笔工具,描出一朵花瓣的路径 4.右键,压力描边,勾选模拟压力,然后多复制几层,得到如图形状...
道生一,一生二,二生三,三生万物。老子《道德经》 3仅仅是一个数字吗? 3还能代表更多!? 数字3推动着摄影、设计、建筑和自然规律的发展? 我们一起来看一下数字3的魔力。来了解为何网页设计、印刷广告、Logo设计都和数字3息息相关。 设计中的三 实际上,数字3是设计师的亲密朋友。3是一种设计手段,一种设计模式。3是美丽的,3是对称的,3...
上次说了色彩系列的橙色,今天继续聊聊黄色。这篇文章是在看了李正贤的《不一样的配色设计》一书的部分摘录和读书笔记,除了色彩基础知识科普,也会有对应的网页案例分析,非常适合新手学习。 谁都无法否定黄色带来的温暖,因为它就是太阳发出的光,黄色就是光,它也被称为光之色彩。 简述 作为光的颜色,黄色可以作为挽救黯淡色调的救世主...
昨天说了色彩系列的红色,今天继续聊聊橙色。这篇文章是在看了李正贤的《不一样的配色设计》一书的部分摘录和读书笔记,除了色彩基础知识科普,也会有对应的网页案例分析,非常适合新手学习。 前言 与临近的红色和黄色相比,橙色看起来似乎不像它们那样特别。它经常被认为是一种介于红色和黄色之间的暧昧的色彩。 每种颜色都会有某种情感...

经验教程

828

收藏

51
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部