帧动画

一、题目要求：

张老师想在他的课件中插入一幅墨荷小动画，请利用PS中的帧动画功能，帮他制作出一幅墨滴落下，渲染出荷花图的小动画。

二、关键词

动画、帧

三、知识点及操作思路

Photoshop不仅可以处理静态图片，还可以制作视频和小动画。动画就是将若干幅能够表现一个连续动作的图片逐次呈现出来，在此过程中，呈现连续动作的每幅图片被称为一帧。

制作动画就是组织并形成若干帧并表达一个完整的动作。由于动画需要的帧非常多，不可能由人工全部制作，因此，动画制作一般是人工制作几个关键帧，设置好关键帧的颜色、透明度等信息。然后由计算机根据关键帧自动补充中间帧，这个过程叫做补间，补间过程形成的帧叫补间帧。PS制作出的动画需保存为gif格式。

下图为动画面板：

操作思路：

首先准备所需素材，放在不同图层中。其次设置关键帧，通过在关键帧中设置不同的透明度、素材形状、大小等制作帧动画。

四、具体方法

1、在Photoshop中打开素材图片“墨滴.jpg”。解锁背景图层，命名为图层0.

2、选择“橡皮擦”工具，擦除图片左侧不需要的部分，效果如下图：

3、选择“魔棒工具”，在图片白色区域单击，选中白色区域像素，按下“Delete键”，删除白色部分像素。

4、利用“图像”—“图像大小”命令打开“调整图像大小对话框”，设置图像宽和高为600*800像素。利用“文件”—“存储为”命令，将图片保存为gif格式。透明背景的素材图片准备完成。

5、打开素材图片“荷花.jpg”，选择“裁剪工具”，从选项栏中打开“调整图像大小和分辨率”对话框，进行如下设置，点击确定。解锁背景图层，命名为“图层0”。

6、新建图层1，选择“油漆桶工具”，颜色选择白色，将图层1填充为白色。（也可以在新建图层时设定背景颜色为白色）。

7、新建图层2，插入修改后的素材“墨滴.gif”。选择“移动工具”，调整其大小和位置，使其位于画布中央。栅格化图像，选择“橡皮工具”，适当擦除墨滴的上边缘，使其更为逼真。

8、利用“窗口”—“时间轴”命令，打开时间轴面板。

点击“创建视频时间轴”后面的小三角，选择“创建帧动画”，帧动画面板如下：

9、单击面板下方的“复制所选帧”，出现帧2。选中帧2为当前帧，复制墨滴图层，将“墨滴副本”作为当前图层。利用“编辑”—“变换”—“变形”命令打开变形工具。随意拉伸墨滴，使其变形。设置“墨滴副本”图层的不透明度为90%。点击取消“墨滴”图层前面的眼睛标志，将其隐藏。变形效果和此时的图层面板如下：

10、继续复制帧2，，出现帧3。复制“墨滴副本”图层，在新图层“墨滴副本2”中对墨滴进行进一步变形操作。设置该图层不透明度为80%。取消前两个墨滴图层前面的眼睛标志。此时图层面板如下：

11、重复上面的操作，制作第4帧。将第4帧中复制出来的墨滴图层的不透明度设为70%。图层1的不透明度设为90%。

12、复制帧4，将“墨滴副本3”图层的不透明度设为0%。图层1的不透明度设为50%。图层面板如下：

13、选择帧4为当前帧，单击帧动画面板下方的“过渡动画帧”，在弹出的窗口中进行如下设置，点击确定。系统自动在帧4和帧5之间添加了5个补间帧。

此时帧动画面板如下：

14、复制帧10，将帧11作为当前帧。设置图层1的不透明度为0%。在帧10后面添加5个补间帧。

15、将循环方式设为永远，第一帧持续时间设为1秒，最后一帧设为2秒，中间帧均设为0.1秒。

16、帧动画制作完成。单击面板下方的“播放动画”按钮，可观察效果。

17、利用“文件”—“存储为web所用格式”打开存储对话框，格式选择GIF，颜色为“256”，循环方式为“永远”，百分比为“70%”。点击“存储”，将其命名为“水墨荷花”，选择“图像和HTML”，保存。

五、课后问题

PPT中插入小动画能很好的提升演示效果，请你帮助王老师利用帧动画功能，制作一个“男孩拍皮球”的小动画，并且导出时要使文件尽可能的小，方便老师插入PPT课件中。

六、文件说明

微视频文档：PS5-2.mp4

文本文档：PS5-2.docx

PPT演示文稿：PS5-2.pptx

图像中的小动画-帧动画.pptx

查看

下载