时间轴,如何利用时间轴制作简单的动态图片

当PS有了时间轴功能以后,制作GIF动画变得轻而易举,相比帧动画,时间轴更灵活,更容易。今天就用一个简单的例子,让大家了解一下时间轴的应用。

www.16xx8.com_194J54528-0.jpg

我们首先要了解的是

PS有5种类型的图层按顺序依次为像素图层、调整图层、文字图层、形状图层以及智能对象。而对应的时间轴里面,各种类型的图层都有对应时间轴的动作属性,如图所示:

www.16xx8.com_194J55134-1.jpg

可以得知所有的动作属性有:位置、不透明度、样式、图层蒙版位置、图层蒙版启用、变换、文字变形、矢量蒙版位置、矢量蒙版启用。

名称描述

位置:像素图层中元素移动的位置,也可以理解成位移,它不包含旋转和缩放,并且对形状图层无效。

不透明度:图层的透明度,而调整填充则无效。

样式:图层样式,产生动画的有角度、大小、不透明度。

图层蒙版位置:暂不描述。

变换:动作最多的一个属性,其中包含移动的位置,缩放,旋转,因此很多情况下需要把图层类型转换为智能对象才能做。

矢量蒙版位置:形状图层中元素移动的位置。

制作一个动画的基本步骤

1,创建一个500px×500px的画布,调出时间轴面板(窗口—时间轴),

www.16xx8.com_194J5LM-2.jpg

点击创建时间轴按钮,等一下!!!因为当前只有一个图层,所以最好先新建一个图层再点击这个按钮,当然如果是要做背景透明的可以直接点击(事实上要做透明背景的只需隐藏背景图就行了),否则在制作动画的时候会有很繁琐的事等着你。

额外话:

本人建议,当你要做一个设计的时候,新建带背景图层的文件(切图及少部分特殊的情况下可以新建透明背景的~),保留原生态纯正的背景图层,当你不需要的时候可以隐藏。否则,就算你新建一个背景图层,加上任何锁定,并且把它改为同样的ID,它始终不是纯正的背景图层,聪明的你看字体就知道啦。

www.16xx8.com_194J5CL-3.jpg

2,做一个颜色变化的动画

首先思考,要做一个图层的颜色变化的动作,是属于时间轴上的那个动作属性,我们可以很轻易的知道是样式,而如果改变图层图像本身的颜色,则无法产生动画。

先用形状工具画一个圆,然后到时间轴面板点击样式旁边的一个小钟启用关键帧(出现棱形)动画→给图层加上图层样式→颜色叠加打上勾并任意给个颜色,

www.16xx8.com_194J53543-4.jpg

然后回到时间轴拖动时间线到想要的位置→双击图层调出图层样式→在颜色叠加设置另一种颜色

www.16xx8.com_194J51463-5.jpg

这个时候已经制作好颜色变化的动画了,接下来你可以调整关键帧的位置,动画的长度,剪辑的长度(导出的时候生效)

www.16xx8.com_194J54211-6.jpg

如果你想要调整帧速率,点击时间轴右上角→设置时间轴帧速率

www.16xx8.com_194J530V-7.jpg

最后导出动画,文件→储存为web所用格式→选择gif格式→循环选项,如果文件太大,你可以再确保画面的质量的情况下减少颜色值→导出

www.16xx8.com_194J55602-8.jpg

现在你已经掌握了制作GIF动画最基本的步骤,年后再跟大家分享进阶篇,希望大家多多支持!

最后,祝福大家猴年吉祥,身体健康,家庭幸福,在新的一年顺风顺水!

www.16xx8.com_194J541X-9.gif

收拾行李回家过年了,年后见!

全教程完,学完记得交作业。教程对您有所帮助,请推荐给你的朋友。如果学会了,可以尝试投稿给我们,跟大家分享你的学习经验:http://i.16xx8.com

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以订阅我们邮件,每天都有新教程发给你:http://t.cn/Rzm5o8Y
PS教程自学网 欢迎投稿教程:http://i.16xx8.com

    蜜糖不好吃2003 说: 有人教吗?
    我是一只逗比 说: 太喜欢这里了
    沐儿玉苏 说: 不懂的
    jimsddf 说: 好难呀
    叛逆De星星 说: 看不会
    这么难找啊 说: 练一练
    亨利小霸道 说: 在这里学到好多东西
    顾盼生花 说: 好喜欢这个网站
    不是我不爱玩 说: 终于打到组织了
    骑鱼看CAi 说: 这里就是ps教程论坛?
    啊喵 说: 为什么我不能存储为web所用格式呢 ,那项选择是灰色的 选不上
    千山暮雪 说: 好喜欢这个网站[/可爱]
    初遇[emoji:2600] 说: 太喜欢这里了