第三章 制作简单的位移型动画

第三章制作简单的位移型动画第一页，共三十三页，编辑于2023年，星期四PowerPoint实现动画效果

第二页，共三十三页，编辑于2023年，星期四

返回

第1页

PowerPoint实现动画效果

动画创意的解析3.1PowerPoint实现动画效果

演示文稿界面

第三页，共三十三页，编辑于2023年，星期四返回第2页

动画创意的解析3.1PowerPoint实现动画效果

创意效果

为使文字不致过于枯燥，常采用一些动态显示方式来增强文稿的生动效果，如在演示文稿显示完标题后，三个标题图标依次从屏幕左侧飞入，继而显示出内容主题。当显示完成，再从屏幕的另一侧飞出。项目分析首先可以确定制作这类演示文稿，通常使用PowerPoint软件即可完成，而这种动态效果只是由标题图标通过简单的动画设置实现的，PowerPoint软件本身提供了很多动态切换效果。所以，该项目的动态效果完全可以在PowerPoint内完成。

PowerPoint实现动画效果

第四页，共三十三页，编辑于2023年，星期四

返回第3页

动画的实现过程3.1PowerPoint实现动画效果（1）打开PowerPoint的应用程序（2）选择“格式”菜单下的“幻灯片设计”命令（3）在右侧弹出的设计面板中选择所需的模板PowerPoint实现动画效果

第五页，共三十三页，编辑于2023年，星期四返回

第4页

动画的实现过程3.1PowerPoint实现动画效果（4）选择“格式”菜单下的“幻灯片版式”命令（5）在右侧弹出的应用窗口中选择“只有标题”的版式PowerPoint实现动画效果

第六页，共三十三页，编辑于2023年，星期四

返回

第5页

动画的实现过程3.1PowerPoint实现动画效果（6）用鼠标点击标题输入框中的“单击此处添加标题”文字处输入标题并设置字体为“宋体”、字号为44，加粗显示并添加阴影效果

（7）点击“插入”命令选项，在弹出的下拉列表中选择“图片”选项，然后在随即弹出的子列表中选择并点击“来自文件”命令选项PowerPoint实现动画效果

（8）在弹出的“插入图片”窗口中分别导入三幅标题图像第七页，共三十三页，编辑于2023年，星期四

返回

第6页

动画的实现过程3.1PowerPoint实现动画效果（9）移动标题图像时发现图像周围有白边会影响下面动画的效果PowerPoint实现动画效果

第八页，共三十三页，编辑于2023年，星期四

返回

第7页

动画的实现过程3.1PowerPoint实现动画效果（10）用鼠标点击“图片”工具面板上的设置透明色工具，选中后将鼠标移至图像周围的白边处点击鼠标（11）设置完透明色并调整三幅标题图像的排放位置PowerPoint实现动画效果

（12）选择其中一个标题图像，单击鼠标右键，在弹出的菜单中选择“自定义动画”第九页，共三十三页，编辑于2023年，星期四

返回

第8页

动画的实现过程3.1PowerPoint实现动画效果（13）程序右侧便会弹出“自定义动画”设置面板。点击“添加效果”按钮，在弹出的下拉列表中选择“进入”，然后，继续在弹出的效果列表中选择“飞入”效果

（14）“飞入”效果选定后，点击“开始”栏的下拉列表按钮，选择“之前”；然后，再点击“方向”处的下拉列表按钮，选择“自左侧”效果选项。默认速度为“非常快”

PowerPoint实现动画效果

（15）按照上面的步骤分别设置其它两个标题图像的动画效果第十页，共三十三页，编辑于2023年，星期四

返回

第9页

动画的实现过程3.1PowerPoint实现动画效果（16）按住“SHIFT”键，分别点击三个标题图标。使三个标题图标当前都处于选中状态。

（17）在“自定义动画”设置面板上点击“添加效果”按钮，在下拉列表中选择“动作路径”，然后选择“绘制自定义路径”，在“绘制自定义路径”选项中选择“曲线”

PowerPoint实现动画效果

第十一页，共三十三页，编辑于2023年，星期四

返回

第10页

动画的实现过程3.1PowerPoint实现动画效果（18）将鼠标移至三个标题图标的中央此时鼠标呈十字状，点击鼠标，然后向右上方移动，到达一定高度，再点击一下鼠标，将鼠标继续向右下方PowerPoint实现动画效果

第十二页，共三十三页，编辑于2023年，星期四返回

第11页

动画的实现过程3.1PowerPoint实现动画效果（19）最终绘制出来的正弦曲线效果PowerPoint实现动画效果

第十三页，共三十三页，编辑于2023年，星期四

返回

第12页

动画的实现过程3.1PowerPoint实现动画效果（20）路径绘制好后，在“自定义动画”面板中，继“0”序列的三个“对象”之后，又多了“1”序列PowerPoint实现动画效果

（21）最后分别设置“开始”、“速度”等选项即可第十四页，共三十三页，编辑于2023年，星期四FlashMX实现动画效果

第十五页，共三十三页，编辑于2023年，星期四返回第13页

FlashMX实现动画效果3.2FlashMX完成动画效果动画创意的解析

光盘主题动画

第十六页，共三十三页，编辑于2023年，星期四返回第14页

FlashMX实现动画效果3.2FlashMX完成动画效果动画创意的解析

创意效果该界面有很强的纵深感，我们可以制作一个光盘由远处飞入，然后划过一条弧线从屏幕视角中飞出的动态视觉效果。光盘由远及近，有小变大，然后从观者面前飞出，相信会给人留下很深的印象。

项目分析实现由远及近的视觉效果，对于光盘本身来说也有一个从小到大的变化过程，同时，在移动时，光盘还需要进行适当的旋转调整。最后，我们还可以为光盘制作“拖尾”，以使整个动画效果更加完美。考虑到各种情况，我们可以通过Flash实现。第十七页，共三十三页，编辑于2023年，星期四返回第15页

FlashMX实现动画效果3.2FlashMX完成动画效果动画的实现过程（1）前期的准备素材工作光盘的扫描及处理第十八页，共三十三页，编辑于2023年，星期四返回第16页

FlashMX实现动画效果3.2FlashMX完成动画效果动画的实现过程（1）前期的准备素材工作在Photoshop中制作背景图像第十九页，共三十三页，编辑于2023年，星期四返回第17页

FlashMX实现动画效果3.2FlashMX完成动画效果动画的实现过程（2）打开FlashMX的应用程序（3）选择“修改”菜单下的“文档”命令

（4）弹出“文档属性”窗口，设置尺寸为宽640px×480px，帧频为25fps

第二十页，共三十三页，编辑于2023年，星期四返回第18页

FlashMX实现动画效果3.2FlashMX完成动画效果动画的实现过程（5）将鼠标至菜单栏中的“插入”选项，点击“新建元件”命令

（6）打开“创建新元件”对话框，在“名称”栏键入“光盘”字样，然后选中“行为”中的“图形”单选按钮。第二十一页，共三十三页，编辑于2023年，星期四返回第19页

FlashMX实现动画效果3.2FlashMX完成动画效果动画的实现过程（7）在“工具栏”中选择“椭圆”工具并在属性窗口中设置椭圆的各项设置（8）按住Shift键在界面中画一个正圆并将其移动到中心位置第二十二页，共三十三页，编辑于2023年，星期四返回第20页

FlashMX实现动画效果3.2FlashMX完成动画效果动画的实现过程（9）用鼠标点击“混色器”窗口中的“填充模式”下拉按钮，并在弹出的下拉列表中选择“位图”填充模式（10）在随即弹出“导入到库”文件对话框，直接调用光盘素材文件

第二十三页，共三十三页，编辑于2023年，星期四返回第21页

FlashMX实现动画效果3.2FlashMX完成动画效果动画的实现过程（11）点击编辑窗口上方的“场景1”图标，切换到“场景1”中

（12）选择“文件”菜单下的“导入”命令，导入背景素材

（13）插入新图层第二十四页，共三十三页，编辑于2023年，星期四返回第22页

FlashMX实现动画效果3.2FlashMX完成动画效果动画的实现过程（14）点击“插入新图层”右侧的“添加引导层”插入引导层（15）选择工具栏上的铅笔工具，在工具面板下方的“选项”面板中选择“平滑”模式。第二十五页，共三十三页，编辑于2023年，星期四返回第23页

FlashMX实现动画效果3.2FlashMX完成动画效果动画的实现过程（16）点击并拖动鼠标，绘制出一条弧线（17）在分别在图层1和引导层的第60帧插入帧第二十六页，共三十三页，编辑于2023年，星期四返回第24页

FlashMX实现动画效果3.2FlashMX完成动画效果动画的实现过程（18）选择“窗口”菜单下的“库”命令或按F11，打开“库”面板

（19）在“时间轴”窗口中点中“图层2”的第一帧，然后在“库”窗口中选中“光盘”选项，并将其拖动到编辑区中并使光盘的中心与先前所绘制的弧线一端重合

（20）在“时间轴”窗口图层2的第50帧处插入关键帧，再将光盘元件移动到弧线路径的另一端

（21）图层2的任意帧上点击鼠标右键，在弹出的菜单中选择“创建补间动画”

第二十七页，共三十三页，编辑于2023年，星期四返回第25页

FlashMX实现动画效果3.2FlashMX完成动画效果动画的实现过程（22）在属性面板中选择“补间”等设置第二十八页，共三十三页，编辑于2023年，星期四返回第26页

FlashMX实现动画效果3.2FlashMX完成动画效果动画的实现过程（23）光盘的变形操作选中图层2的第一帧后选择工具栏中的“任意变形”工具调整光盘素材第二十九页，共三十三页，编辑于2023年，星期四返回第27页

FlashMX实现动画效果3.2FlashMX完成动画效果动画的实现过程（24）光盘运动中多重效果的制作新建3个图层并清除所有帧选中图层2所有帧并右击鼠标拷贝图层在新建层中分别粘贴帧即可第三十页，共三十三页，编辑于2023年，星期四返回第28页

FlashMX实现动画效果3.2FlashMX完成动画效果动画的实现过程（25）光盘的透明度的设置用选取工具点击要处理的光盘