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

闪字教程,教你用ps做经典的闪字动图教程(2)

来源:ifeiwu 作者:飞屋睿UIdesign 学习:29033人次

画笔保持白色,三个图层的闪光效果会有些变化。如果想要画笔更“亮”的,鼠标可以多单击几次。总之,这部分的自由发挥,可以让人找回一点艺术创作的感觉。

闪字教程,教你用ps做经典的闪字动图教程

把上一步画好的三个闪烁图层分别与三个文字图层合并。选中要合并的图层,点击右键,点选合并图层。

闪字教程,教你用ps做经典的闪字动图教程

进入【窗口>时间轴】,点选时间轴后,编辑区域的下方会出现时间轴,单击中间的按钮“创建视频时间轴”。

闪字教程,教你用ps做经典的闪字动图教程

这时,进入时间轴编辑器,我们看到我们的所有图层都出现在了时间轴里。我们只需要把这四个轨道里的图层安排好出场序列即可。

闪字教程,教你用ps做经典的闪字动图教程

对于动画编辑的基本原理,你可以想象自己是个舞台导演,是由你来安排每个图层从什么时候上场、什么时候退场。比如,在这个案例中,我们首先要确定我们这个舞台表演的持续时间。由于闪闪发光效果应该是很快的,那么我们就设置动画全程的时间为0.6秒好了。这里的四个图层,只有背景层会是一直保持在舞台上的,所以,我们把背景层末端拖动到0.6秒这里。

闪字教程,教你用ps做经典的闪字动图教程

时间轴是以帧为单位的,所以你不知道0.6秒在哪里?没关系,当你拖动时会自动出现时间单位。接下来,舞台上三个图层,导演的意思是要它们三个分别以0.2秒的时间间隔轮流上场。也就是指这三个轨道的图片首尾相接,分别持续0.2秒。那么,你按照相应的顺序对每个图层进行拖放即可。你还可以点击播放按钮试试看效果。如果有不满意,可以继续修改。

闪字教程,教你用ps做经典的闪字动图教程

就这么简单。我们的动画效果就做好了。在保存GIF图片时,进入【文件>存储为WEB格式】,这时会弹出保存设置面板,在面板中保存的格式选择GIF,循环选项选择永远。

闪字教程,教你用ps做经典的闪字动图教程

这是保存成功的GIF动效图,源文件 微盘下载

闪字教程,教你用ps做经典的闪字动图教程

只要掌握了基本的动画制作原理,了解时间轴的基本概念,动画效果就很容易做出。增加上合适的丰富想象,有助于你对原理的把握。希望你能从中获益。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
双色球体彩各中一注吧2019-03-12 09:19
学习看下。、。。。。。。。。。。。。。。。。采集
游客2018-07-18 08:07
学习看下。、。。。。。。。。。。。。。。。。采集
Xx2016-08-12 11:08
Xx2016-08-12 11:01
忧可2015-10-10 12:36
色值从#0a485a过渡到#1180a0怎么弄?CS9.0
忧可2015-10-10 12:10
色值从#0a485a过渡到#1180a0怎么弄?CS9.0
袁航2015-09-14 01:53
闪字交作业135126zch91i19131215mh.gif <奥特曼>
袁航2015-09-14 01:09
闪字交作业135126zch91i19131215mh.gif <奥特曼>
落烨无悔2015-01-30 12:58
楼主我想学<给力>
我就是伍月2015-01-29 07:36
我是新来的 多向大家学习啊 呵呵
放开那女孩2015-01-29 04:11
感谢老师无私奉献
牛奶sunnysky2015-01-29 02:48
第一次进来,学习一下。
浮躁边缘2015-01-29 10:44
不错不错
HoganZhang2015-01-29 10:18
谢谢LZ.谢谢LZ.谢谢LZ.谢谢LZ.谢谢LZ.谢谢LZ.谢谢LZ.
湖底的心2015-01-29 06:08
这操作,简直是神乎其神!!!

关注大神微博加入>>

网友求助,请回答!