在ps中如何使用时间轴制作动作?

  发布时间:2016-02-22 10:41:53   作者:佚名   我要评论
在ps中如何使用时间轴制作动作?很多朋友并不是很清楚,其实方法很简单的,下面小编就为大家详细介绍一下,一起来看看吧

这篇教程主要是向脚本之家的朋友分享在ps中如何使用时间轴制作动作方法,教程真的很不错,很值得大家学习,推荐过来,一起来学习吧!

相关阅读:Photoshop详细解析GIF动画的一些技巧及注意的问题

在ps中如何使用时间轴制作动作?

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

在ps中如何使用时间轴制作动作?

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

名称描述

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

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

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

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

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

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

制作一个动画的基本步骤

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

在ps中如何使用时间轴制作动作?

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

额外话:

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

在ps中如何使用时间轴制作动作?

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

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

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

在ps中如何使用时间轴制作动作?

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

在ps中如何使用时间轴制作动作?

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

在ps中如何使用时间轴制作动作?

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

在ps中如何使用时间轴制作动作?

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

在ps中如何使用时间轴制作动作?

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

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

在ps中如何使用时间轴制作动作?

教程结束,以上就是在ps中如何使用时间轴制作动作方法介绍,教程很基础,大家学会了吗?希望大家喜欢!

相关文章

  • Photoshop时间轴之5个小技巧详细解析

    这篇教程是向脚本之家的朋友详细介绍Photoshop时间轴之5个小技巧,教程比较实用,对于学习者来说很值得大家学习,一起来看看吧
    2016-05-11
  • 用ps时间轴制作漂亮的动态图片

    这篇教程是向脚本之家的朋友介绍用ps时间轴制作漂亮的动态图片方法,教程比较基础,制作出来的效果非常不错,推荐到脚本之家,喜欢的朋友快快来学习吧
    2016-03-11
  • Photoshop时间轴简单制作gif动画效果

    这篇教程主要是向脚本之家的朋友介绍Photoshop时间轴简单制作gif动画效果方法,教程比较基础,很适合新手来学习,推荐到脚本之家,喜欢的朋友一起来学习吧
    2015-02-10
  • Photoshop时间轴做出动态手写字效果

    动态效果其实非常简单,前期先扣好素材图以及做好文字,后边在时间轴上一步完成。Photoshop时间轴做出动态手写字效果教程
    2014-09-12
  • PS教你设计有范儿的个人作品时间轴网页

    PS教你设计有范儿的个人作品时间轴网页,制作出来很有范儿,喜欢的朋友可以一起来学习
    2014-01-27
  • PS时间轴制作GIF动画

    使用PS时间轴制作GIF动画,教程制作出来的动画效果还挺漂亮的,制作的难度也不大
    2013-10-11
  • PS CS6使用视频时间轴制作流光字教程

    本文为大家详细介绍下流光字的制作过程,主要使用到了文字工具、画笔工具、视频时间轴以及剪切蒙版等等,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-10
  • Photoshop CS3教程:时间轴制作动画

      通过前面的课程,我们已经学会了利用关键帧过渡,以及利用独立图层这两种制作动画的方式。它们可以用来制作一些简单的单物体动画,在很长一段时间内也是Photoshop唯一
    2008-10-05
  • Photoshop CS3教程:时间轴动画实例

    Photoshop CS3教程:时间轴制作动画   现在我们正式开始利用时间轴来制作动画,这与我们之前的帧式动画有很大不同,但相比之下时间轴方式来的更直观和简便,也是我们以
    2008-10-05
  • PS利用时间轴制作动画教程

    随着Photoshop版本的不断升级,其功能的优化和增加,都是一次次的惊喜,发展到CC版本,时间轴已可以对视频简易剪辑,所以时间轴制作简单的gif动画足已。来看看下文对时间轴
    2016-05-12

最新评论