使用Photoshop可以根据需要创建帧动画和时间轴动画。本节主要讲解帧动画和时间轴动画的创建方法。

1.帧动画

帧动画也就是设计中常说的GIF动画，即将多个静态画面连续播放而形成的动画效果。帧动画的播放格式为GIF格式，多用于制作表情包或者Web页面中简单的动态广告，以及制作一些合成步骤演示动画。在Photoshop中，选择“窗口”→“时间轴”命令，弹出“时间轴”面板，选择“创建帧动画”选项即可进入帧动画编辑状态，如图14-1所示。

图14-1

1.创建帧

以合成案例（见图14-2）的制作流程为例，讲解帧动画的制作方法。

图14-2

在Photoshop中，打开合成案例源文件，选择“窗口”→“时间轴”→“创建帧动画”命令，弹出“时间轴”面板，帧动画的第一帧已自动创建，如图14-3所示。

图14-3

在制作合成步骤的帧动画演示时，需要将合成案例源文件中的其他步骤隐藏，只显示第一步。如果想要创建第二帧，单击“复制所选帧” 按钮，就会复制选中的帧。需要给第二帧赋予一些变化才能在播放动画时看到变化的效果。这里在第二帧中将隐藏的图层按照制作的流程依次显示，如图14-4所示。

图14-4

按照制作第二帧的方法，依次制作剩下的帧。合成步骤是先搭建场景再进行调色。这里前半部分用于演示场景搭建，后半部分用于演示调色过程。如果想缩短演示动画的时长，在同一帧可显示多个图层。每一帧都是在前一帧的基础上复制并添加新的图层来制作的，如图14-5所示。

图14-5

2.调整每一帧的播放时间

在每一帧的预览图下方，调整每一帧的播放时间。单击每一帧下面的时间，将打开时间设置菜单，可以在其中选择时间长度或设置自定义时间（这里可以按住Shift627键并选中所有帧，给每一帧统一设置0.5秒的播放时间）。

3.播放设置

在“时间轴”面板中，可以调整动画的循环次数。在循环播放设置菜单中，如果选择“一次”选项，那么动画只播放一次；如果选择“永远”选项，动画就会循环播放，直至单击“暂停播放”按钮，一般多选择“永远”选项。

4.删除帧

如果想要删除多余的帧，可以先选中帧，然后单击“删除”按钮，也可将需要删除的帧直接拖曳到“删除”按钮上。

5.输出帧动画

在Photoshop中，选择“文件”→“导出”→“存储为Web所用格式”命令，或按Shift+Alt+Ctrl+S快捷键，弹出“存储为Web所用格式”对话框，在“预设”下拉列表中，选择“GIF 128仿色”格式（该格式可使图片过渡相对自然），如图14-6所示。

图14-6

6.添加过渡帧

对于帧动画而言，帧数越多，画面越流畅、细腻，而帧数较少，动画的过渡会比较生硬。想要动画看起来更加流畅，就需要增加过渡帧。若手动添加，特别费时费力，在“时间轴”面板中有自动创建过渡帧的功能，可以帮助用户减少重复操作。

使用自动创建过渡帧的功能可以制作出很多不同的过渡（包括不透明度的过渡、位置的过渡、对象效果的过渡等）效果。这里以制作一个小的渐隐效果动画为例具体讲解操作方法。新建一个画布大小为500×500像素的文档，使用矩形工具绘制正方形，对于第一帧，设置不透明度为100%，对于第二帧，将形状的不透明度降低为0%。选中第二帧，如图14-7所示。在“时间轴”面板中，单击“创建过渡动画”

按钮，弹出“过渡”对话框，如图14-8所示。在该对话框中设置要添加的帧数，就可以创建出不透明度变化的过渡帧，此时的“时间轴”面板如图14-9所示。

图14-7

图14-8

图14-9

提示

虽然帧数越多动画会越流畅，但帧数越多也意味着文件越大，所以需要合理添加过渡帧。

2.时间轴动画

时间轴动画与帧动画不同，使用时间轴动画模式可以制作一系列连续的动画短片。

在Photoshop中，打开本课提供的制作时间轴动画的演示文件，选择“窗口”→“时间轴”命令，弹出“时间轴”面板，选择“创建视频时间轴”，视频时间轴就创建出来了。在视频时间轴上，一个图层对应一条时间轴，如图14-10所示。

图14-10

另外，形状图层不能执行动画操作，执行前必须将形状图层栅格化或转换为智能对象图层。

拖曳“时间轴”面板下方的白色三角形滑块，可以放大或缩小时间轴，便于进行更精准的操作。在时间轴上可以看到不同图层的动作属性，不同类型的图层对应的时间轴属性不同。设置不同的动作属性可以调整视频时间轴中对象的动态效果，可以制作的常用动态效果包括位置的变化、不透明度的变化、样式的变化和形状的变化。

1.位置的变化

在新建的画布上方，使用矩形工具绘制矩形，创建视频时间轴，单击“展开”按钮展开矩形图层的动作属性列表，在“位置”栏中单击“启用关键帧动画”按钮，创建第一个关键帧 ；然后，把时间线调到想要的位置，将矩形调整到画布下方，将自动生成第二个关键帧，完成矩形从上至下位置变化的动作，效果如图14-11所示。

图14-11

2.不透明度的变化

用同样的矩形来制作不透明度的变化效果。首先，在时间轴的初始位置单击“不透明度”栏中的“启用关键帧动画”按钮，创建第一个关键帧；然后，把时间线调到想要的位置，更改矩形图层的不透明度为20%，创建第二个关键帧完成矩形不透明度变化的动作，如图14-12所示。

图14-12

3.样式的变化

用同样的矩形来制作样式的变化效果。设置好矩形的初始外描边效果后，在时间轴的初始位置，单击“样式”栏中的“启用关键帧动画”按钮，创建第一个关键帧；然后，把时间线调到想要的位置，更改矩形的描边参数，创建第二个关键帧。这样即可完成矩形样式变化的动作，如图14-13所示。

图14-13

4.形状的变化

在视频时间轴中，仅对智能对象可以进行形状的变换，所以需要将矩形转换为智能对象。在时间轴的初始位置，单击“变换”栏中的“启用关键帧动画”按钮，通过多次变换矩形形状和调整时间，即可创建多个关键帧。完成矩形形状变化的动作，如图14-14所示。

图14-14

5.过渡效果

在视频时间轴中可以设置动画的过渡效果。过渡效果针对的是元素，例如，为矩形图层设置渐隐过渡效果后，它就会在背景上缓慢地出现。设置过渡效果的方法是选中想要的过渡效果，将其拖曳至时间轴上，如图14-15所示。

图14-15

通过过渡效果还可以调整过渡的时间长短，方法是选中过渡效果并拖曳。如果想要删除过渡效果，选中过渡效果并右击，在弹出的对话框中单击垃圾桶按钮（见图14-15）即可。

提示

过渡效果只在导出视频格式的文件时才有效，在导出GIF格式文件时，过渡效果是无效的。

6.设置视频时长

整个视频的时长在时间轴上受两个控点控制，调整这两个控点可以调整视频的时长，如图14-16所示。

图14-16

7.调整视频播放速度

在视频时间轴中，不仅可以制作简单的动画效果，还可以进行简单的视频剪辑和调色操作。在Photoshop中打开视频文件，在“时间轴”面板中，单击视频对应的时间轴末端（见图14-17）即可调整视频的播放速度。在调节“速度”百分比时，视频的持续时间与播放速度也会随之改变。若选择大于100%的值，视频的播放速度变快；若选择小于100%的值，视频的播放速度变慢。

图14-17

8.剪辑视频

按空格键可以开始或暂停播放视频。当视频播放到需要剪辑的地方时，可以单击“在播放头处拆分” 按钮对视频进行拆分。视频被拆分后，可以选中不需要的片段并按Delete键删除，删除的片段前后的两段视频将自动连接起来，并实现简单的剪辑，如图14-18所示。

图14-18

9.输出视频

在Photoshop中，想要输出视频文件，需要选择“导出”→“渲染视频”命令，或单击“时间轴”面板左下角的按钮，在弹出的对话框中选择视频的格式，如H.264格式等，然后单击“渲染”按钮，导出文件，如图14-19所示。

图14-19

提示

帧动画与时间轴动画可以相互转换，单击 按钮可将帧动画转换为时间轴动画，单击按钮可将时间轴动画转换为帧动画。