第三章制作简单的位移型动画PPT讲稿.ppt

第三章 制作简单的位移型动画第1页，共33页，编辑于2022年，星期二PowerPointPowerPointPowerPointPowerPoint实现动画效果实现动画效果实现动画效果实现动画效果 第2页，共33页，编辑于2022年，星期二 返回返回 第第第第1 1 1 1页页页页 PowerPointPowerPoint实现动画效果实现动画效果 动画创意的解析动画创意的解析 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 演示文稿界面演示文稿界面 第3页，共33页，编辑于2022年，星期二 返回返回 第第第第2 2 2 2页页页页 动画创意的解析动画创意的解析 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 创意效果创意效果 为使文字不致过于枯燥，常采用一些动态显示方式来增强文稿的生动效为使文字不致过于枯燥，常采用一些动态显示方式来增强文稿的生动效果，如在演示文稿显示完标题后，三个标题图标依次从屏幕左侧飞入，继而果，如在演示文稿显示完标题后，三个标题图标依次从屏幕左侧飞入，继而显示出内容主题。当显示完成，再从屏幕的另一侧飞出。显示出内容主题。当显示完成，再从屏幕的另一侧飞出。项目分析项目分析 首先可以确定制作这类演示文稿，通常使用首先可以确定制作这类演示文稿，通常使用PowerPointPowerPoint软件即软件即可完成，而这种动态效果只是由标题图标通过简单的动画设置实现可完成，而这种动态效果只是由标题图标通过简单的动画设置实现的，的，PowerPointPowerPoint软件本身提供了很多动态切换效果。所以，该项目软件本身提供了很多动态切换效果。所以，该项目的动态效果完全可以在的动态效果完全可以在PowerPointPowerPoint内完成。内完成。PowerPointPowerPoint实现动画效果实现动画效果 第4页，共33页，编辑于2022年，星期二 返回返回 第第第第3 3 3 3页页页页 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 （1 1）打开）打开PowerPointPowerPoint的应用程序的应用程序（2 2）选择）选择“格式格式”菜单下的菜单下的“幻灯片设计幻灯片设计”命令命令（3 3）在右侧弹出的设计面板中选择所需的模板）在右侧弹出的设计面板中选择所需的模板PowerPointPowerPoint实现动画效果实现动画效果 第5页，共33页，编辑于2022年，星期二 返回返回 第第第第4 4 4 4页页页页 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 （4 4）选择）选择“格式格式”菜单下的菜单下的“幻灯片版式幻灯片版式”命令命令（5 5）在右侧弹出的应用窗口中选择）在右侧弹出的应用窗口中选择“只有标题只有标题”的版式的版式PowerPointPowerPoint实现动画效果实现动画效果 第6页，共33页，编辑于2022年，星期二 返回返回 第第第第5 5 5 5页页页页 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 （6 6）用鼠标点击标题输入框中的）用鼠标点击标题输入框中的“单击此处添加标题单击此处添加标题”文字处文字处输入标题并设置字体为输入标题并设置字体为“宋体宋体”、字号为、字号为4444，加粗显示并添加阴，加粗显示并添加阴影效果影效果（7 7）点击）点击“插入插入”命令选项，在弹出的下拉列表中选择命令选项，在弹出的下拉列表中选择“图片图片”选项，选项，然后在随即弹出的子列表中选择并点击然后在随即弹出的子列表中选择并点击“来自文件来自文件”命令选项命令选项 PowerPointPowerPoint实现动画效果实现动画效果 （8 8）在弹出的）在弹出的“插入图片插入图片”窗口中分别导入三幅标题图像窗口中分别导入三幅标题图像 第7页，共33页，编辑于2022年，星期二 返回返回 第第第第6 6 6 6页页页页 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 （9 9）移动标题图像时发现图像周围有白边会影响下面动画的效果）移动标题图像时发现图像周围有白边会影响下面动画的效果PowerPointPowerPoint实现动画效果实现动画效果 第8页，共33页，编辑于2022年，星期二 返回返回 第第第第7 7 7 7页页页页 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 （1010）用鼠标点击）用鼠标点击“图片图片”工具面板上的设置透明色工具，选中后工具面板上的设置透明色工具，选中后将鼠标移至图像周围的白边处点击鼠标将鼠标移至图像周围的白边处点击鼠标 （1111）设置完透明色并调整三幅标题图像的排放位置）设置完透明色并调整三幅标题图像的排放位置PowerPointPowerPoint实现动画效果实现动画效果 （1212）选择其中一个标题图像，单击鼠标右键，在弹出的菜单中选）选择其中一个标题图像，单击鼠标右键，在弹出的菜单中选择择“自定义动画自定义动画”第9页，共33页，编辑于2022年，星期二 返回返回 第第第第8 8 8 8页页页页 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 （1313）程序右侧便会弹出）程序右侧便会弹出“自定义动画自定义动画”设置面板。点击设置面板。点击“添加添加效果效果”按钮，在弹出的下拉列表中选择按钮，在弹出的下拉列表中选择“进入进入”，然后，继续在，然后，继续在弹出的效果列表中选择弹出的效果列表中选择“飞入飞入”效果效果（1414）“飞入飞入”效果选定后，点击效果选定后，点击“开始开始”栏的下拉列表按钮，选择栏的下拉列表按钮，选择“之前之前”；然后，再点击；然后，再点击“方向方向”处的下拉列表按钮，选择处的下拉列表按钮，选择“自左侧自左侧”效果选项。效果选项。默认速度为默认速度为“非常快非常快”PowerPointPowerPoint实现动画效果实现动画效果 （1515）按照上面的步骤分别设置其它两个标题图像的动画效果）按照上面的步骤分别设置其它两个标题图像的动画效果第10页，共33页，编辑于2022年，星期二 返回返回 第第第第9 9 9 9页页页页 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 （1616）按住）按住“SHIFT”“SHIFT”键，分别点击三个标题图标。使三个标题图键，分别点击三个标题图标。使三个标题图标当前都处于选中状态。标当前都处于选中状态。（1717）在）在“自定义动画自定义动画”设置面板上点击设置面板上点击“添加效果添加效果”按钮，在下拉列按钮，在下拉列表中选择表中选择“动作路径动作路径”，然后选择，然后选择“绘制自定义路径绘制自定义路径”，在，在“绘制自定绘制自定义路径义路径”选项中选择选项中选择“曲线曲线”PowerPointPowerPoint实现动画效果实现动画效果 第11页，共33页，编辑于2022年，星期二 返回返回 第第第第10101010页页页页 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 （1818）将鼠标移至三个标题图标的中央此时鼠标呈十字状，点击鼠标，然后）将鼠标移至三个标题图标的中央此时鼠标呈十字状，点击鼠标，然后向右上方移动，到达一定高度，再点击一下鼠标，将鼠标继续向右下方向右上方移动，到达一定高度，再点击一下鼠标，将鼠标继续向右下方PowerPointPowerPoint实现动画效果实现动画效果 第12页，共33页，编辑于2022年，星期二 返回返回 第第第第11111111页页页页 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 （1919）最终绘制出来的正弦曲线效果）最终绘制出来的正弦曲线效果PowerPointPowerPoint实现动画效果实现动画效果 第13页，共33页，编辑于2022年，星期二 返回返回 第第第第12121212页页页页 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 （2020）路径绘制好后，在）路径绘制好后，在“自定义动画自定义动画”面板中，继面板中，继“0”“0”序列的三个序列的三个“对对象象”之后，又多了之后，又多了“1”“1”序列序列 PowerPointPowerPoint实现动画效果实现动画效果 （2121）最后分别设置）最后分别设置“开始开始”、“速度速度”等选项即可等选项即可第14页，共33页，编辑于2022年，星期二Flash MXFlash MXFlash MXFlash MX实现动画效果实现动画效果实现动画效果实现动画效果 第15页，共33页，编辑于2022年，星期二 返回返回 第第第第13131313页页页页 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果动画创意的解析动画创意的解析 光盘主题光盘主题动画动画 第16页，共33页，编辑于2022年，星期二 返回返回 第第第第14141414页页页页 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果动画创意的解析动画创意的解析 创意效果创意效果该界面有很强的纵深感，我们可以制作一个光盘由远处飞入，然该界面有很强的纵深感，我们可以制作一个光盘由远处飞入，然后划过一条弧线从屏幕视角中飞出的动态视觉效果。光盘由远及后划过一条弧线从屏幕视角中飞出的动态视觉效果。光盘由远及近，有小变大，然后从观者面前飞出，相信会给人留下很深的印近，有小变大，然后从观者面前飞出，相信会给人留下很深的印象。象。项目分析项目分析实现由远及近的视觉效果，对于光盘本身来说也有一个从小到大实现由远及近的视觉效果，对于光盘本身来说也有一个从小到大的变化过程，同时，在移动时，光盘还需要进行适当的旋转调整。的变化过程，同时，在移动时，光盘还需要进行适当的旋转调整。最后，我们还可以为光盘制作最后，我们还可以为光盘制作“拖尾拖尾”，以使整个动画效果更加，以使整个动画效果更加完美。完美。考虑到各种情况，我们可以通过考虑到各种情况，我们可以通过FlashFlash实现。实现。第17页，共33页，编辑于2022年，星期二 返回返回 第第第第15151515页页页页 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （1 1）前期的准备素材工作）前期的准备素材工作 光盘的扫描及处理光盘的扫描及处理第18页，共33页，编辑于2022年，星期二 返回返回 第第第第16161616页页页页 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （1 1）前期的准备素材工作）前期的准备素材工作 在在PhotoshopPhotoshop中制作背景图像中制作背景图像 第19页，共33页，编辑于2022年，星期二 返回返回 第第第第17171717页页页页 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （2 2）打开）打开Flash MXFlash MX的应用程序的应用程序（3 3）选择）选择“修改修改”菜单下的菜单下的“文档文档”命令命令（4 4）弹出）弹出“文档属性文档属性”窗口，设置尺寸为宽窗口，设置尺寸为宽640px480px640px480px，帧频为，帧频为25fps25fps 第20页，共33页，编辑于2022年，星期二 返回返回 第第第第18181818页页页页 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （5 5）将鼠标至菜单栏中的）将鼠标至菜单栏中的“插入插入”选项，点击选项，点击“新建元件新建元件”命令命令（6 6）打开）打开“创建新元件创建新元件”对话框，在对话框，在“名称名称”栏键入栏键入“光盘光盘”字样，字样，然后选中然后选中“行为行为”中的中的“图形图形”单选按钮。单选按钮。第21页，共33页，编辑于2022年，星期二 返回返回 第第第第19191919页页页页 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （7 7）在）在“工具栏工具栏”中选择中选择“椭圆椭圆”工具并在属性窗口中设置椭圆的工具并在属性窗口中设置椭圆的各项设置各项设置（8 8）按住）按住ShiftShift键在界面中画一个正圆并将其移动到中心位置键在界面中画一个正圆并将其移动到中心位置第22页，共33页，编辑于2022年，星期二 返回返回 第第第第20202020页页页页 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （9 9）用鼠标点击）用鼠标点击“混色器混色器”窗口中的窗口中的“填充模式填充模式”下拉按钮，并在弹出的下拉按钮，并在弹出的下拉列表中选择下拉列表中选择“位图位图”填充模式填充模式 （1010）在随即弹出）在随即弹出“导入到库导入到库”文件对话框，直接调用光盘素材文文件对话框，直接调用光盘素材文件件 第23页，共33页，编辑于2022年，星期二 返回返回 第第第第21212121页页页页 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （1111）点击编辑窗口上方的）点击编辑窗口上方的“场景场景1”1”图标，切换到图标，切换到“场景场景1”1”中中（1212）选择选择“文件文件”菜单下的菜单下的“导入导入”命令，导入背景素材命令，导入背景素材（1313）插入新图层插入新图层第24页，共33页，编辑于2022年，星期二 返回返回 第第第第22222222页页页页 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （1414）点击）点击“插入新图层插入新图层”右侧的右侧的“添加引导层添加引导层”插入引导层插入引导层（1515）选择选择 工具栏上的铅笔工具工具栏上的铅笔工具，在工具面板下方的，在工具面板下方的“选项选项”面板中选择面板中选择“平滑平滑”模式。模式。第25页，共33页，编辑于2022年，星期二 返回返回 第第第第23232323页页页页 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （1616）点击并拖动鼠标，绘制出一条弧线）点击并拖动鼠标，绘制出一条弧线 （1717）在分别在图层）在分别在图层1 1和引导层的第和引导层的第6060帧插入帧帧插入帧 第26页，共33页，编辑于2022年，星期二 返回返回 第第第第24242424页页页页 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （1818）选择）选择“窗口窗口”菜单下的菜单下的“库库”命令或按命令或按F11F11，打开，打开“库库”面板面板（1919）在）在“时间轴时间轴”窗口中点中窗口中点中“图层图层2”2”的第一帧，然后在的第一帧，然后在“库库”窗窗口中选中口中选中“光盘光盘”选项，并将其拖动到编辑区中并使光盘的中心与先前选项，并将其拖动到编辑区中并使光盘的中心与先前所绘制的弧线一端重合所绘制的弧线一端重合 （2020）在在“时间轴时间轴”窗口图层窗口图层2的第的第50帧处插入关键帧，帧处插入关键帧，再将光盘元件移再将光盘元件移动到弧线路径的另一端动到弧线路径的另一端 （2121）图层图层2的任意帧上点击鼠标右键，在弹出的菜单中选择的任意帧上点击鼠标右键，在弹出的菜单中选择“创建补创建补间动画间动画”第27页，共33页，编辑于2022年，星期二 返回返回 第第第第25252525页页页页 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （2222）在属性面板中选择）在属性面板中选择“补间补间”等设置等设置第28页，共33页，编辑于2022年，星期二 返回返回 第第第第26262626页页页页 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （2323）光盘的变形操作）光盘的变形操作 选中图层选中图层2 2的第一帧后选择工具栏中的的第一帧后选择工具栏中的“任意变形任意变形”工工具具 调整光盘素材调整光盘素材第29页，共33页，编辑于2022年，星期二 返回返回 第第第第27272727页页页页 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （2424）光盘运动中多重效果的制作）光盘运动中多重效果的制作 新建新建3 3个图层并清除所有帧个图层并清除所有帧 选中图层选中图层2 2所有帧并右击鼠标拷贝图层所有帧并右击鼠标拷贝图层 在新建层中分别粘贴帧即可在新建层中分别粘贴帧即可第30页，共33页，编辑于2022年，星期二 返回返回 第第第第28282828页页页页 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （2525）光盘的透明度的设置）光盘的透明度的设置 用选取工具点击要处理的光盘用选取工具点击要处理的光盘 在属性窗口中选择在属性窗口中选择“颜色颜色”下拉列表中的下拉列表中的AlphaAlpha选项选项 在右侧的调节框中设置透明度在右侧的调节框中设置透明度第31页，共33页，编辑于2022年，星期二 返回返回 第第第第29292929页页页页 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （2626）影片的导出）影片的导出 选择选择“文件文件”菜单下的菜单下的“导出影片导出影片”命令命令 在弹出的对话框中输入影片名称在弹出的对话框中输入影片名称 选择影片保存的路径，点击保存即可选择影片保存的路径，点击保存即可第32页，共33页，编辑于2022年，星期二本章结束本章结束本章结束本章结束 谢谢使用谢谢使用谢谢使用谢谢使用 第33页，共33页，编辑于2022年，星期二