当前位置:首页 > Photoshop教程 > PS入门

Photoshop CC时间轴动画面板制作眨眼帧动画与保存GIF动画ps技巧详解教程

  • 37
  • 2022-03-21 19:43
  • 刘少涛
728-90

  Photoshop CC中文版动画就是在特定时间内显示一系列的图像或帧,用户可使用“时间轴(动画)”面板并结“图层”面饭来创建动画帧, 制作出GIF格式的动画效果。在Photoshop CC中文版中可制作的动画模式有两种, 一种为帧动画,另一种为时间轴动画。利用相应的面板即可创建动画,并存储为动画文件格式。

一、Photoshop CC中文版时间轴(动画)面板:
  在Photoshop CC中文版菜单栏选择“窗口”-“时间轴”命令,即可打开“时间轴(动画)”面板,默认情况下在面板中显示的为“时间轴(动画)”面板,用于设置时间轴动画效果。单击面板下方的“转换为帧动画”按钮 , 即可切换到“帧(动画)”面板中,用于设置帧动画,如图所示。
 

二、Photoshop CC中文版创建帧动画:
  帧动画是由一帧一帧的画面组合而成的动态影像, 在Photoshop CC中文版中利用“帧动画”面板,可创建简单的帧动画效果,在面板中通过新建帧,创建出需要的帧数,选择每一帧后对图像进行编辑,改变图像效果, 让每帧中内容不同。编辑后单击“播放动画”按钮,即可预览到动画效果。
 
1.当前帧:当前选择的帧。
2.帧延迟时间:设置帧在回放过程中的持续时间。
3.循环选项:设置动画在作为动画GIF文件导出时的播放次数。
4.选择第一帧:单击该按钮,可自动选择序列中的第一个帧作为当前帧。
5.选择上一帧:单击该按钮,可选择当前帧的前一帧。
6.播放动画:单击该按钮,可在窗口中播放动画,再次单击可停止播放。
7.选择下一帧:单击该按钮,可以打开“过渡”对话框,在对话框中可以在两个现有的帧之间添加一系列帧,并让帧之间的图层属性均匀变化。
8.复制所选帧:单击该按钮,可向面板中添加帧。
9.删除所选帧:可删除所选择的帧。
10.转换为视频时间轴:单击该按钮,帧动画面板会切换显示视频编辑选项。
11.过渡动画帧:如果要在现有两个帧之间添加一系列过渡帧,并让新帧之间的图层属性均匀变化,可单击该按钮,打开“过渡”对话框进行设置,详细设置方法看下面教程讲解。

下面通过一个简单的制作眨眼动画来详细讲解帧动画面板的操作与使用技巧。
1.Photoshop CC中文版按【Ctrl+O】快捷键打开素材文件,文件中包含两个图层,一个图层为闭眼睛图,另一个图层为睁眼睛图,如图所示。
 
2.在Photoshop CC中文版菜单栏选择“窗口”-“时间轴”命令,在打开的“时间轴(动画)”面板中单击 按钮,在下拉列表中选择“创建帧动画”,如图所示。
 
3.然后单击“创建帧动画”按钮。

4.在打开的“时间轴”帧动画面板中单击面板底部的“复制所选帧”按钮,复制新建一个动画帧,Photoshop CC中文版如图所示。
 
5.在“时间轴”面板中选择第一个帧,然后在“图层”面板中隐藏“闭眼睛”图层,如图所示。 
5.选择第二个帧,在“图层”面板中显示上一次隐藏的“闭眼睛”图层,然后隐藏“睁眼睛”图层,如图所示。
 
6.在“时间轴(动画)面板中单击帧底部的“倒三角”按钮,在打开的下拉列表中选择设置帧延迟时间,例如睁眼帧设置帧延迟时间为0.2秒;再用上面同样的方法设置其他帧的延迟时间,Photoshop CC中文版如图所示。
(技巧:按住【Shift】键同时选中多个帧,然后再设置帧延迟时间,这样就可以同时设置多个所选帧的延迟时间)。
 
7.知识补充:
  Photoshop CC中文版在帧动画创建过程中,可以通过“过渡”功能,在两帧内容间或直接添加设定的帧数,产生自然过渡的动画效果;方法是选择某帧后,单击“时间轴(帧动画)”面板底部的“过渡动画帧” 按钮,打开“过渡”对话框,在对话框中选择过渡方式、添加的帧数、图层和参数选项,如图所示。

单击“确定”按钮,可看到在选择的帧前面添加了3帧过渡内容,如图所示。
 
8.由于我们制作的是简单的眨眼动画,所以就不添加过渡帧了。
接下来我们单击面板底部的“循环选项”边的倒三角按钮,在下拉列表中选择帧动画的循环播放次数,这里我们选择永远,如图所示。
 
9.设置完毕后,我们选择时间轴(帧动画)面板底部的“播放”按钮 ,可观察播放动画效果,Photoshop CC中文版如图所示。
 
三、Photoshop CC中文版保存帧动画:
10.在Photoshop CC中文版菜单栏选择“文件”-“存储为Web和设备所用格式”命令,在弹出的“存储为Web所用格式”对话框中,可选择动画格式为GIF,并调整其他优化选项,设置完成后单击“存储”按钮。 
11.在弹出的“将优化结果存储为”对话框中设置动画存储位置和名称,单击“保存”按钮,即可保存动画到指定位置,如图所示。

广告招租730-90

猜你喜欢

谢谢支持!