甲虫课堂 > PS教程 >

用PS时间轴制作流畅GIF动画

阅读
2021-03-22 16:08:04

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

用PS时间轴制作流畅GIF动画

新建一个图层,点击创建时间轴按钮。

用PS时间轴制作流畅GIF动画(1)

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

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

用PS时间轴制作流畅GIF动画(2)

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

用PS时间轴制作流畅GIF动画(3)

调整关键帧的位置,动画的长度,剪辑的长度。

用PS时间轴制作流畅GIF动画(4)

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

用PS时间轴制作流畅GIF动画(5)

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

用PS时间轴制作流畅GIF动画(6)

用PS时间轴制作流畅GIF动画(7)

制作旋转缩放动画

如果需要制作的动画中包括旋转或者缩放,把图层转换为智能对象,而文字图层是个例外,因为它已经有变换的动作属性,然而仅仅改变颜色或者移动位置直接用形状图层制作便可。

用PS时间轴制作流畅GIF动画(8)

做一个旋转动画,第一帧的角度为0°,下一帧的角度旋转360°,事实上它还是0°,也就不会产生动画;另一种情况,第一帧的角度为0°,下一帧的角度旋转270°,产生动画则是反转90°,因此,必要的情况下需要在开始帧和结束帧之间添加更多的关键帧。颜色变化更是如此。

用PS时间轴制作流畅GIF动画(9)

大部分情况下做的动画都是循环的,因此在开始帧(第一帧)和结束帧(最后一帧)都是一样的,所以先复制第一帧再把时间线拖到最后并复粘贴。操作:右键点击想要拷贝的关键帧→拖动时间线到想要的位置→右键点击任意关键帧→粘贴(温馨提示:这里会重新在拖动时间线的位置上生成一个新的关键帧,而不是替换当前右键点击的关键帧,除非时间线刚好在这个关键帧上。

具有动画的图层拷贝

在当前图层按住alt+鼠标移动,即可复制时间轴上的动作属性,并且哪怕鼠标复制图层后移动到任何位置,再次回到时间轴面板拖动时间线它还是保持原来的位置。

用PS时间轴制作流畅GIF动画(10)

制作类似咻一咻的动画

用圆圈减去的方法制作圆环,那么圆环的宽度并不能保持一致,因此采用图层样式的方法,操作:用形状工具画一个足够大的正圆→转换为智能对象再将其缩小→将其图层填充为0→添加图层样式→描边。

接下来转到时间轴上制作动画。圆环发生缩放属于变换的动作属性,因此在变换旁边打开关键帧开关,然后拖动时间线到指定位置,再次放大圆环。圆环还有慢慢消失的动作,则在透明度上旁边打开关键帧开关,设置开始帧的透明度为100,结束帧的透明度为0,一个圆环的动作已经完成了。需要很多个圆环跟着节奏,图层拷贝,alt+鼠标移动(复制N个),生成相同的动作以后,再调整各个图层动画预览的位置错开时间紧随节奏。

用PS时间轴制作流畅GIF动画(11)

还可以运用在其他动画上。

用PS时间轴制作流畅GIF动画(12)

制作模糊动画

新建一个文字图层并打上模糊,ctrl+J复制一个图层,估计到这里大家已经知道怎么做了。让文字从模糊慢慢变得不模糊,将其中一个图层转换为智能对象再添加其高斯模糊滤镜。然后开始帧的透明度设置100,结束帧设置0,另外一个图层开始帧的透明度设置0,结束帧设置100,参数反过来设置就是不模糊变得模糊,制作完毕。图片模糊同样方法。

用PS时间轴制作流畅GIF动画(13)

制作旋转的时钟

当ctrl+T改变图形的中心点的时候,只是在当前操作起作用,而下一次再次ctrl+T,中心点位置还是会回归到原始的中心位置。而旋转,正是跟这个中心点有关。

以时钟为例,将指针沿着时钟的中心位置转动起来:用形状工具画一个指针→将其指针转换为智能对象→双击智能对象调整画布的高度/宽度大小200%,确定再按ctrl+T,可以看到中心点还是在中间的位置,只是添加的额外内容隐藏了。

用PS时间轴制作流畅GIF动画(14)

接下来就是将指针旋转起来,转到时间轴面板,打开变换的关键帧开关,每个帧的旋转幅度不要超过180°,否则将不会顺时针旋转。

用PS时间轴制作流畅GIF动画(15)

制作变化的月亮

用形状工具画一个正圆,添加图层样式,然后添加图层蒙版并拉个黑白渐变,这个时候时间轴的动作属性已经发生改变,多出了图层蒙版位置和图层蒙版启用。点击取消图层和图层蒙版中间的链接

用PS时间轴制作流畅GIF动画(16)

回到时间轴,打开图层蒙版位置的关键帧开关,拖动时间线到指定位置,回到图层面板,按住alt+点击图层蒙版。

用PS时间轴制作流畅GIF动画(17)

进入预览,然后用移动工具移动渐变位置。

用PS时间轴制作流畅GIF动画(18)

再次按住alt+点击图层蒙版回到画面,月亮的变化制作完毕。接下来可以在矢量蒙版位置上加个移动的动作,打开移动蒙版位置的关键帧开关→拖动时间线到指定位置→拖动图层到指定位置,月亮的移动制作完毕。最后还可以加上图层样式的动作,整个动画制作完毕。

用PS时间轴制作流畅GIF动画(19)

相关搜索
磨皮滤镜七夕情人节海报怀旧效果版画效果logo教程画笔线条瘦脸
相关教程
相关评论
X
0条回复

全部回复

回复...
X
X
写评论...
0
更多
X