当前位置:首页>ps入门教程>动图教程>闪图闪字>教程内容

ps cs6动画教程:gif霓虹灯字(6)

来源:网络 作者:爱分享简介: 成果图 学习:20285人次

成果图:

闪烁的霓虹字gif教程
1:打开素材,调整色阶

闪烁的霓虹字gif教程

2 加一些冷色调

闪烁的霓虹字gif教程

3 单个输入喜欢的文字,(就是每个字都新建一层,让它们都为单独的一个图层) 如果想要这种字体,可百度下载 neon regular 

闪烁的霓虹字gif教程

4 执行滤镜 - 模糊 高斯模糊,达到此效果即可,然后CTRL+F添加到其它字

闪烁的霓虹字gif教程
5 执行滤镜 锐化 USM锐化,然后CTRL+F添加到其它字

闪烁的霓虹字gif教程
6 最终效果

闪烁的霓虹字gif教程
7 新建组,将文字分别添加到不同的组中

闪烁的霓虹字gif教程
8 接下来制作灯管,CTRL+鼠标左键,单击文字获得选区,执行选择 修改 收缩,收缩三个像素,新建图层填充白色.

闪烁的霓虹字gif教程
9 挨个做一遍

闪烁的霓虹字gif教程
10 双击灯管图层,给灯管添加样式

闪烁的霓虹字gif教程
11 做完一个后,右键拷贝图层样式,挨个粘贴图层样式

闪烁的霓虹字gif教程
12 效果如图

闪烁的霓虹字gif教程
13 CTRL+鼠标左键单击灯管图层获得选区,执行选择 修改 收缩,收缩两个像素,具体看自己的文字效果,然后新建一层,填充白色,挨个字都做一次

闪烁的霓虹字gif教程
14 CTRL+鼠标左键单击灯管图层,获得街区,新建一层填充蓝色或者自己喜欢的颜色,CTRL+D取消选区,执行滤镜 模糊 高斯模糊,挨个字都做一次

闪烁的霓虹字gif教程
15 得到如图效果

闪烁的霓虹字gif教程
16 将文字图层打开,执行滤镜 模糊 高斯模糊,数值50左右,根据自己的文字调整到如图所示效果即可,CTRL+F挨个复制效果,可通过复制该层,增强效果

闪烁的霓虹字gif教程
17 选择矩形选框工具,画一个矩形选框,点击画笔工具,选择自己喜欢的画笔形状即可

闪烁的霓虹字gif教程
18 注意,形状动态,选方向

闪烁的霓虹字gif教程
19 建立路径

闪烁的霓虹字gif教程
20 选择钢笔工具,切换到图层面板,新建一层,右键描边路径,效果不强可重复描边

闪烁的霓虹字gif教程
21 复制一层,图层11, CTRL+鼠标左键获得选区,执行 选择 修改 收缩,收缩两个像素,新建一层,填充白色,将白色层的下层执行滤镜 模糊 设若模糊制作亮边

闪烁的霓虹字gif教程
22 给填充魄的层添加图层样式.

闪烁的霓虹字gif教程
23 静态效果完成

闪烁的霓虹字gif教程
24 打开窗口-时间轴,设置如图,可以完全照自己的想法制作动画

闪烁的霓虹字gif教程
25 我说一种渐隐的效果,新建一帧,打开E的眼睛,选择过滤动画帧,设置如图,将多余的裁剪掉

闪烁的霓虹字gif教程
26 完成,执行文件-储存为WEB所用格式

闪烁的霓虹字gif教程

成果图:

闪烁的霓虹字gif教程

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!