本文共:964 字 16 图 预计阅读时间: 3 分钟
本文导读
介绍PS时间轴的基本功能,通过案例讲解学会用PS时间轴的关键帧做动画动效。
内容提要
1、【创建视频时间轴】和【创建帧动画】的区别;
2、矢量图、位图、智能对象、文字图层在时间轴上的属性差异;
3、各属性的具体属性和用法;
正文干货
在PS的时间轴上可以创建视频时间轴和帧动画两种动画类型。视频时间轴整个动画是一个整体连贯的图层或智能对象,可以对其进行裁剪,关闭音频,添加转场效果什么的。帧动画相当于是把整个连贯的动作拆分成单一的慢动作回放图层,可以对每个图层进行单独操作,设置每帧时长。两种形式也可以相互转换。
![27aa4f0b7c7444e156334dfa61f0a11d.png](https://img-blog.csdnimg.cn/img_convert/27aa4f0b7c7444e156334dfa61f0a11d.png)
![f619e4fab551ca81a96ed2bce631d466.png](https://img-blog.csdnimg.cn/img_convert/f619e4fab551ca81a96ed2bce631d466.png)
![ffe6a7737689c8916f110d1f9e917075.png](https://img-blog.csdnimg.cn/img_convert/ffe6a7737689c8916f110d1f9e917075.png)
![692c84c466de87a542904596013b010f.png](https://img-blog.csdnimg.cn/img_convert/692c84c466de87a542904596013b010f.png)
能开关键帧的是视频时间轴动画,总体来说类似AE里面的几个关键帧属性,PS里面共有4种情况。
① 当图层是位图时所具有的的属性:【位置】、【不透明度】、【样式】3个属性;
② 当图层是矢量图时所具有的属性:【位置】、【不透明度】、【样式】、【矢量蒙版位置】、【矢量蒙版启用】5个属性;
(矢量图始终自带矢量蒙版位置和矢量蒙版启用的属性,图层蒙版是给对应图层加了图层蒙版后才显示的);
③ 当图层是未栅格化文字时所具有的属性:【变换】、【不透明度】、【样式】、【文字变形】5个属性;
(栅格化文字已是位图,未栅格化是矢量,但是矢量文字和矢量图形的属性居然略有差异)
④ 当图层是智能对象的时所具有的属性:【变换】、【不透明度】、【样式】3个属性。
汇总:位置、变换、不透明度、样式、文字变形、矢量/图层蒙版位置、启用图层/矢量蒙版,这四个货总结起来就是位置属性,针对蒙版的位置,原理相同,就看你要不要编辑和要不要虚化效果,反正就是看你心情用哪种蒙版都没毛病。
(矢量蒙版路径内显示,路径外隐藏,并且没有过度虚化效果,但是可以用小白工具随时编辑路径,这种蒙版除特殊情况外很少会用。图层蒙版有过度效果,用途广泛,但是编辑不便)
下面分别对各属性gif图解演示:
![8f799483955b49f4a1e02b46b49b9888.gif](https://img-blog.csdnimg.cn/img_convert/8f799483955b49f4a1e02b46b49b9888.gif)
![b1eeaf713c81de902ec483318e773026.gif](https://img-blog.csdnimg.cn/img_convert/b1eeaf713c81de902ec483318e773026.gif)
![66c58e7e0ea2eaf352efbef1548289e2.gif](https://img-blog.csdnimg.cn/img_convert/66c58e7e0ea2eaf352efbef1548289e2.gif)
![a1b32340f49ac1a4a4f3bf1d8b00e418.gif](https://img-blog.csdnimg.cn/img_convert/a1b32340f49ac1a4a4f3bf1d8b00e418.gif)
![14053712b1402745bfcc8782dad6e2d5.gif](https://img-blog.csdnimg.cn/img_convert/14053712b1402745bfcc8782dad6e2d5.gif)
![bd6cc52347a727dae0b65f4311c10429.gif](https://img-blog.csdnimg.cn/img_convert/bd6cc52347a727dae0b65f4311c10429.gif)
实操案例
案例详细视频教程→请移步那啥三人成众的号上面,名字也叫无计可师
案例一图文版:只为演示,动画速度有点快
![2162d2d86d370f13a5e21b0e73c775c6.gif](https://img-blog.csdnimg.cn/img_convert/2162d2d86d370f13a5e21b0e73c775c6.gif)
![d2c871c7f480aee0c416f4f9d66d0584.png](https://img-blog.csdnimg.cn/img_convert/d2c871c7f480aee0c416f4f9d66d0584.png)
案例二图文版:
![873caddee5188bef788ff0c80330fc90.gif](https://img-blog.csdnimg.cn/img_convert/873caddee5188bef788ff0c80330fc90.gif)
![b58a4079860c4a990358954d975e4007.png](https://img-blog.csdnimg.cn/img_convert/b58a4079860c4a990358954d975e4007.png)
![254fb53d0dc79f73e70d62e879a5e091.png](https://img-blog.csdnimg.cn/img_convert/254fb53d0dc79f73e70d62e879a5e091.png)
动效本质
最基础的动画可以这样理解,就是同一图层在两个时间点上的高矮胖瘦美丑等等一系列变化。单一的和几个一起的复杂变化都可以,然后把这个变化可视化、参数化就是动画的过程。这是个人没啥文化的白话理解。
感觉对你有帮助的朋友,动动手指关注下哦~干货持续更新中