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

1、第三章第三章 制作简单的位移型动画制作简单的位移型动画 uPowerPointPowerPoint实现动画效果实现动画效果 uFlash MXFlash MX实现动画效果实现动画效果 PowerPointPowerPoint实现动画效果实现动画效果 PowerPointPowerPoint实现动画效果实现动画效果 动画创意的解析动画创意的解析 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 演示文稿界面演示文稿界面 动画创意的解析动画创意的解析 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 创意效果创意效果 为使文字不致过于

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

3、现的，动画设置实现的，PowerPointPowerPoint软件本身提供了很多动态切换软件本身提供了很多动态切换 效果。所以，该项目的动态效果完全可以在效果。所以，该项目的动态效果完全可以在PowerPointPowerPoint内完内完 成。成。 PowerPointPowerPoint实现动画效果实现动画效果 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 （1 1）打开）打开PowerPointPowerPoint的应用程序的应用程序 （2 2）选择）选择“格式格式”菜单下的菜单下的“幻灯片设计幻灯片设计”命令命令 （3

4、3）在右侧弹出的设计面板中选择所需的模板）在右侧弹出的设计面板中选择所需的模板 PowerPointPowerPoint实现动画效果实现动画效果 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 （4 4）选择）选择“格式格式”菜单下的菜单下的“幻灯片版式幻灯片版式”命令命令 （5 5）在右侧弹出的应用窗口中选择）在右侧弹出的应用窗口中选择“只有标题只有标题”的版式的版式 PowerPointPowerPoint实现动画效果实现动画效果 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效

5、果实现动画效果 （6 6）用鼠标点击标题输入框中的）用鼠标点击标题输入框中的“单击此处添加标题单击此处添加标题”文字文字 处输入标题并设置字体为处输入标题并设置字体为“宋体宋体”、字号为、字号为4444，加粗显示并，加粗显示并 添加阴影效果添加阴影效果 （7 7）点击）点击“插入插入”命令选项，在弹出的下拉列表中选择命令选项，在弹出的下拉列表中选择“图图 片片”选项，然后在随即弹出的子列表中选择并点击选项，然后在随即弹出的子列表中选择并点击“来自文来自文 件件”命令选项命令选项 PowerPointPowerPoint实现动画效果实现动画效果 （8 8）在弹出的）在弹出的“插入图片插入图片”窗

6、口中分别导入三幅标题图像窗口中分别导入三幅标题图像 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 （9 9）移动标题图像时发现图像周围有白边会影响下面动画的）移动标题图像时发现图像周围有白边会影响下面动画的 效果效果 PowerPointPowerPoint实现动画效果实现动画效果 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 （1010）用鼠标点击）用鼠标点击“图片图片”工具面板上的设置透明色工具，工具面板上的设置透明色工具， 选中后将鼠标移至图像周围的白边处点

7、击鼠标选中后将鼠标移至图像周围的白边处点击鼠标 （1111）设置完透明色并调整三幅标题图像的排放位置）设置完透明色并调整三幅标题图像的排放位置 PowerPointPowerPoint实现动画效果实现动画效果 （1212）选择其中一个标题图像，单击鼠标右键，在弹出的菜）选择其中一个标题图像，单击鼠标右键，在弹出的菜 单中选择单中选择“自定义动画自定义动画” 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 （1313）程序右侧便会弹出）程序右侧便会弹出“自定义动画自定义动画”设置面板。点击设置面板。点击 “添加效果添加效果”按钮，在

8、弹出的下拉列表中选择按钮，在弹出的下拉列表中选择“进入进入”，然，然 后，继续在弹出的效果列表中选择后，继续在弹出的效果列表中选择“飞入飞入”效果效果 （1414）“飞入飞入”效果选定后，点击效果选定后，点击“开始开始”栏的下拉列表按栏的下拉列表按 钮，选择钮，选择“之前之前”；然后，再点击；然后，再点击“方向方向”处的下拉列表按处的下拉列表按 钮，选择钮，选择“自左侧自左侧”效果选项。默认速度为效果选项。默认速度为“非常快非常快” PowerPointPowerPoint实现动画效果实现动画效果 （1515）按照上面的步骤分别设置其它两个标题图像的动画效）按照上面的步骤分别设置其它两个标题图

9、像的动画效 果果 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 （1616）按住）按住 “ “SHIFT”SHIFT”键，分别点击三个标题图标。使三个键，分别点击三个标题图标。使三个 标题图标当前都处于选中状态。标题图标当前都处于选中状态。 （1717）在）在“自定义动画自定义动画”设置面板上点击设置面板上点击“添加效果添加效果”按钮，按钮， 在下拉列表中选择在下拉列表中选择“动作路径动作路径”，然后选择，然后选择“绘制自定义路绘制自定义路 径径”，在，在“绘制自定义路径绘制自定义路径”选项中选择选项中选择“曲线曲线” Powe

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

11、现动画效果 （1919）最终绘制出来的正弦曲线效果）最终绘制出来的正弦曲线效果 PowerPointPowerPoint实现动画效果实现动画效果 动画的实现过程动画的实现过程 3.1 PowerPoint3.1 PowerPoint实现动画效果实现动画效果 （2020）路径绘制好后，在）路径绘制好后，在“自定义动画自定义动画”面板中，继面板中，继“0”0”序序 列的三个列的三个“对象对象”之后，又多了之后，又多了“1”1”序列序列 PowerPointPowerPoint实现动画效果实现动画效果 （2121）最后分别设置）最后分别设置“开始开始”、“速度速度”等选项即可等选项即可 Flash

12、MXFlash MX实现动画效果实现动画效果 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果 动画创意的解析动画创意的解析 光盘主题光盘主题动画动画 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果 动画创意的解析动画创意的解析 创意效果创意效果 该界面有很强的纵深感，我们可以制作一个光盘由远处飞入，该界面有很强的纵深感，我们可以制作一个光盘由远处飞入， 然后划过一条弧线从屏幕视角中飞出的动态视觉效果。光盘然后划过一条弧线从屏幕视角中飞出的动态视觉效果。光盘 由

13、远及近，有小变大，然后从观者面前飞出，相信会给人留由远及近，有小变大，然后从观者面前飞出，相信会给人留 下很深的印象。下很深的印象。 项目分析项目分析 实现由远及近的视觉效果，对于光盘本身来说也有一个从小实现由远及近的视觉效果，对于光盘本身来说也有一个从小 到大的变化过程，同时，在移动时，光盘还需要进行适当的到大的变化过程，同时，在移动时，光盘还需要进行适当的 旋转调整。最后，我们还可以为光盘制作旋转调整。最后，我们还可以为光盘制作“拖尾拖尾”，以使整，以使整 个动画效果更加完美。个动画效果更加完美。 考虑到各种情况，我们可以通过考虑到各种情况，我们可以通过 FlashFlash实现。实现。

14、Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果 动画的实现过程动画的实现过程 （1 1）前期的准备素材工作）前期的准备素材工作 光盘的扫描及处理光盘的扫描及处理 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果 动画的实现过程动画的实现过程 （1 1）前期的准备素材工作）前期的准备素材工作 在在PhotoshopPhotoshop中制作背景图像中制作背景图像 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完

15、成动画效果 动画的实现过程动画的实现过程 （2 2）打开）打开Flash MXFlash MX的应用程序的应用程序 （3 3）选择）选择“修改修改”菜单下的菜单下的“文档文档”命令命令 （4 4）弹出）弹出 “ “文档属性文档属性”窗口，设置尺寸为宽窗口，设置尺寸为宽640px640px480px480px， 帧频为帧频为25fps25fps Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果 动画的实现过程动画的实现过程 （5 5）将鼠标至菜单栏中的）将鼠标至菜单栏中的“插入插入”选项，点击选项，点击 “ “新建元件新建元件”

16、命令命令 （6 6）打开）打开“创建新元件创建新元件”对话框，在对话框，在“名称名称”栏键入栏键入“光盘光盘” 字样，然后选中字样，然后选中“行为行为”中的中的“图形图形”单选按钮。单选按钮。 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果 动画的实现过程动画的实现过程 （7 7）在）在“工具栏工具栏”中选择中选择“椭圆椭圆”工具并在属性窗口中设置工具并在属性窗口中设置 椭圆的各项设置椭圆的各项设置 （8 8）按住）按住ShiftShift键在界面中画一个正圆并将其移动到中心位键在界面中画一个正圆并将其移动到中心位 置置 Fl

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

18、11）点击编辑窗口上方的）点击编辑窗口上方的“场景场景1”1”图标，切换到图标，切换到“场景场景1”1” 中中 （1212）选择选择 “文件文件”菜单下的菜单下的“导入导入”命令，导入背景素材命令，导入背景素材 （1313）插入新图层插入新图层 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果 动画的实现过程动画的实现过程 （1414）点击）点击“插入新图层插入新图层”右侧的右侧的“添加引导层添加引导层”插入引导插入引导 层层 （1515）选择选择 工具栏上的铅笔工具工具栏上的铅笔工具，在工具面板下方的，在工具面板下方的“选项选

19、项” 面板中选择面板中选择“平滑平滑”模式。模式。 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果 动画的实现过程动画的实现过程 （1616）点击并拖动鼠标，绘制出一条弧线）点击并拖动鼠标，绘制出一条弧线 （1717）在分别在图层）在分别在图层1 1和引导层的第和引导层的第6060帧插入帧帧插入帧 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果 动画的实现过程动画的实现过程 （1818）选择）选择“窗口窗口”菜单下的菜单下的“库库”命令或按命令或按F11F11

20、，打开，打开“库库” 面板面板 （1919）在）在“时间轴时间轴”窗口中点中窗口中点中“图层图层2”2”的第一帧，然后在的第一帧，然后在 “库库”窗口中选中窗口中选中“光盘光盘”选项，并将其拖动到编辑区中并使选项，并将其拖动到编辑区中并使 光盘的中心与先前所绘制的弧线一端重合光盘的中心与先前所绘制的弧线一端重合 （2020）在在“时间轴时间轴”窗口图层窗口图层2的第的第50帧处插入关键帧，帧处插入关键帧，再将光再将光 盘元件移动到弧线路径的另一端盘元件移动到弧线路径的另一端 （2121）图层图层2的任意帧上点击鼠标右键，在弹出的菜单中选择的任意帧上点击鼠标右键，在弹出的菜单中选择 “创建补间动画创建补间动画” Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果 动画的实现过程动画的实现过程 （2222）在属性面板中选择）在属性面板中选择“补间补间”等设置等设置 Flash MX实现动画效果实现动画效果 3.2 Flash MX3.2 Flash MX完成动画效果完成动画效果 动画的实现过程动画的实