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

晒太阳的吕二狗

晒太阳的吕二狗

2016-02-16 03:06

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

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

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

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

新建文件:

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

调出以下透明渐变

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

效果如图:

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

执行扭曲波浪滤镜

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

参数设置如下:

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

效果如图:

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

执行:模糊动感模糊滤镜

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

参数设置如下:

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

效果如图:

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

执行:滤镜扭曲极坐标

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

参数如下:

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

效果如图所示:

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

(本文来源于图老师网站,更多请访问http://m.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教程,图老师教程网

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教程,图老师教程网

用钢笔画出如下路径:

(本文来源于图老师网站,更多请访问http://m.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教程,图老师教程网

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

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教程,图老师教程网

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

展开更多 50%)
分享

猜你喜欢

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

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

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

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop详细解析平面作品中的梦幻光线制作教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop制作游戏场景中的梦幻光线效果

PS PS基础
Photoshop制作游戏场景中的梦幻光线效果

Photoshop制作梦幻的放射光线教程

PS PS基础
Photoshop制作梦幻的放射光线教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

详细解析人像摄影中光线的使用技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析人像摄影中光线的使用技巧

Photoshop制作游戏场景中的梦幻光线效果教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作游戏场景中的梦幻光线效果教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop制作X光透射艺术字教程

Photoshop制作X光透射艺术字教程

Photoshop制作特殊圆点点阵字体效果教程

Photoshop制作特殊圆点点阵字体效果教程
下拉加载更多内容 ↓