制作文字动画效果PPT学习教案

1、会计学1制作文字动画效果制作文字动画效果 返回返回 Gif AnimatorGif Animator实现动画效果实现动画效果 动画创意的解析动画创意的解析 5.1 Gif Animator5.1 Gif Animator实现动画效实现动画效果果 动画中的一个帧动画动画中的一个帧动画 第1页/共49页 返回返回 动画创意的解析动画创意的解析 创意效果创意效果 制作一个制作一个“故障检修故障检修”字样的二维文字动态效果，学习字样的二维文字动态效果，学习者在进入学习时，文字不停的进行变换以提示学习者当前所者在进入学习时，文字不停的进行变换以提示学习者当前所在的章节。在的章节。 项目分析项目分析 首先

2、采用首先采用PhotoshopPhotoshop图像编辑软件制作不同的文字图像效果图像编辑软件制作不同的文字图像效果，然后采用，然后采用Gif AnimatorGif Animator软件来实现动画效果。软件来实现动画效果。Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效实现动画效果果 第2页/共49页 返回返回 动画的实现过程动画的实现过程 （1 1）启动）启动PhotoshopPhotoshop图像编辑软件，打开多媒体软件故障检图像编辑软件，打开多媒体软件故障检修部分的背景图片修部分的背景图

3、片“故障检修界面故障检修界面.JPG”.JPG”Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效实现动画效果果 第3页/共49页 返回返回 动画的实现过程动画的实现过程 （2 2）用）用“放大镜放大镜”工具放大处理的图像部分并用工具放大处理的图像部分并用“矩形选矩形选取取”工具绘制选取工具绘制选取Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效实现动画效果果 第4页/共49页 返回返回 动画的实现

4、过程动画的实现过程 （3 3）复制灰色区域并输入文字）复制灰色区域并输入文字（4 4）为文字层添加）为文字层添加“描边描边”图层样式效果后保存为图层样式效果后保存为“文字文字素材素材01.jpg”01.jpg”Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效实现动画效果果 第5页/共49页 返回返回 动画的实现过程动画的实现过程 （5 5）回到编辑界面，设置）回到编辑界面，设置“故障检修故障检修”文字颜色为文字颜色为“蓝色蓝色”并保存为并保存为“文字素材文字素材02.jpg”02.jpg” （6

5、 6）回到编辑界面，继续在）回到编辑界面，继续在“文字文字”面板中编辑文字的间面板中编辑文字的间距、字体以及显示效果并保存为距、字体以及显示效果并保存为“文字素材文字素材03.jpg” 03.jpg” Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效实现动画效果果 第6页/共49页 返回返回 动画的实现过程动画的实现过程 （7 7）按照上面的操作分别制作其它的素材）按照上面的操作分别制作其它的素材Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Anima

6、tor5.1 Gif Animator实现动画效实现动画效果果 第7页/共49页 返回返回 动画的实现过程动画的实现过程 （8 8）启动）启动“Gif Animator”Gif Animator”应用程序应用程序 动画向导：程序会提示用户完成动画的创建动画向导：程序会提示用户完成动画的创建 空白动画：需要用户自定义完成动画的创建空白动画：需要用户自定义完成动画的创建 Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效实现动画效果果 第8页/共49页 返回返回 动画的实现过程动画的实现过程 （9 9

7、）选择）选择“动画向导动画向导”按钮图标在弹出按钮图标在弹出“动画向导动画向导- -设置画设置画布尺寸布尺寸（1010）点击）点击“下一步下一步”进入进入“动画向导动画向导- -选择文件选择文件”对话框对话框 Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效实现动画效果果 第9页/共49页 返回返回 动画的实现过程动画的实现过程 （1111）通过）通过“添加图像添加图像”和和“添加视频添加视频”将相应的文件加到将相应的文件加到动画序列中动画序列中Gif AnimatorGif Animator实

8、现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效实现动画效果果 第10页/共49页 返回返回 动画的实现过程动画的实现过程 （1212）点击）点击“下一步下一步”，在弹出，在弹出“动画向导动画向导- -画面帧持续时画面帧持续时间间”对话框，设置帧频即一秒钟播放的帧数。对话框，设置帧频即一秒钟播放的帧数。 Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效实现动画效果果 第11页/共49页 返回返回 动画的实现过程动画的实现过程 （1313）向导完成

9、后在程序界面的右侧出现）向导完成后在程序界面的右侧出现8 8个文字素材。界个文字素材。界面下方为播放控制面板，它提供了对动画的播放控制，以及面下方为播放控制面板，它提供了对动画的播放控制，以及“添加帧添加帧”、“删除帧删除帧”等帧设置功能。左侧工具面板则提等帧设置功能。左侧工具面板则提供了对帧画面的编辑处理功能。供了对帧画面的编辑处理功能。 Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效实现动画效果果 第12页/共49页 返回返回 动画的实现过程动画的实现过程 （1414）选中第一帧，执行）选

10、中第一帧，执行“视频视频/3D/Gate-3D”/3D/Gate-3D”命令，在弹命令，在弹出的出的“添加效果添加效果”对话框中设置切换效果对话框中设置切换效果Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效实现动画效果果 第13页/共49页 返回返回 动画的实现过程动画的实现过程 （1515）设置完成后保存动画文件为）设置完成后保存动画文件为GifGif文件格式文件格式 Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif A

11、nimator实现动画效实现动画效果果 第14页/共49页 返回返回 其它效果的添加介绍其它效果的添加介绍 “Power Off-F/X” “Power Off-F/X”效果效果 Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效实现动画效果果 第15页/共49页 返回返回 其它效果的添加介绍其它效果的添加介绍 “Bar-Slide” “Bar-Slide”效果效果 Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Anima

12、tor实现动画效实现动画效果果 第16页/共49页 返回返回 其它效果的添加介绍其它效果的添加介绍 “Cross Zoom-Stretch” “Cross Zoom-Stretch” 效果效果Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效实现动画效果果 第17页/共49页 返回返回 其它效果的添加介绍其它效果的添加介绍 “Run and Stop-Push” “Run and Stop-Push”效果效果 Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif

13、 Animator5.1 Gif Animator实现动画效实现动画效果果 第18页/共49页Flash MXFlash MX实现动画效果实现动画效果 第19页/共49页 返回返回 Flash MXFlash MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画创意的解析动画创意的解析 动画中一帧的效果图动画中一帧的效果图 第20页/共49页 返回返回 Flash MXFlash MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画创意的解析动画创意的解析 创意效果创意效果 当启动软件开

14、始学习时，标题名称会从屏幕外直接当启动软件开始学习时，标题名称会从屏幕外直接“飞飞入入”到屏幕中间显示，同时，文字周围会伴随到屏幕中间显示，同时，文字周围会伴随“幻影幻影”特效特效以增强视觉效果。然后，文字在屏幕中央停留一段时间后慢以增强视觉效果。然后，文字在屏幕中央停留一段时间后慢慢淡出。慢淡出。 项目分析项目分析 为了便于文字的调整，确保三个阶段的连贯，所有的文字创为了便于文字的调整，确保三个阶段的连贯，所有的文字创作、编辑以及修改都可以在作、编辑以及修改都可以在Flash MXFlash MX动画制作软件中完成。动画制作软件中完成。 第21页/共49页 返回返回 Flash MXFlas

15、h MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （1 1）启动）启动Flash MXFlash MX程序，新建文档并在弹出德程序，新建文档并在弹出德“文档属性文档属性”对话框，设置尺寸和帧频以及背景色对话框，设置尺寸和帧频以及背景色 第22页/共49页 返回返回 Flash MXFlash MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （2 2）选择）选择“插入插入”菜单中的菜单中的“新建元件新建元件”，在弹出的窗口，在弹

16、出的窗口中设置各项参数中设置各项参数 第23页/共49页 返回返回 Flash MXFlash MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （3 3）选择）选择“工具工具”面板中的面板中的“文本文本”工具，在工具，在“属性属性”面面板中设置字体为板中设置字体为“黑体黑体”，字号为，字号为“120”120”，颜色为，颜色为“白色白色”，字体效果为，字体效果为“粗体粗体” （4 4）属性设置好后输入）属性设置好后输入“彩色电视机原理与维修彩色电视机原理与维修”字样并字样并将其移动至中心位置将其移动至中心位置 第

17、24页/共49页 返回返回 Flash MXFlash MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （5 5）用箭头工具选中文字后执行）用箭头工具选中文字后执行“修改修改/ /分离分离”命令，文字命令，文字变成一个个独立的字，再进行一次分离文字被打散，用放大变成一个个独立的字，再进行一次分离文字被打散，用放大镜放大文字镜放大文字（6 6）选择选择“工具工具”面板中的面板中的“墨水瓶工具墨水瓶工具” 并在并在“颜色颜色”面板中设置笔触颜色为黄色分别点击文字的边缘处为文字描面板中设置笔触颜色为黄色分别点击文字的

18、边缘处为文字描边边（7 7）选择）选择“窗口窗口”菜单下的菜单下的“库库”命令或按命令或按F11F11，打开，打开“库库”面板并复制面板并复制“文字文字”元件元件 第25页/共49页 返回返回 Flash MXFlash MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （8 8）在弹出的窗口中设置各项参数）在弹出的窗口中设置各项参数 （9 9）进入）进入“文字轮廓文字轮廓”编辑窗口分别选择文字的填充部分，按编辑窗口分别选择文字的填充部分，按“Delete”Delete”键删除键删除第26页/共49页 返回返回

19、Flash MXFlash MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （1010）点击）点击“场景场景1”1”图标，进入图标，进入“场景场景1”1”编辑窗口并建立编辑窗口并建立新的图层新的图层（1111）选中）选中“图层图层1”1”的第一帧，然后从的第一帧，然后从“库库”窗口中把窗口中把“文字文字”元件拖拽到元件拖拽到“场景场景1”1”编辑窗口中并使文字的中心点位于显示编辑窗口中并使文字的中心点位于显示界面的中心界面的中心 第27页/共49页 返回返回 Flash MXFlash MX实现动画效果实现动画

20、效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （1212）选中）选中“图层图层2”2”，然后从，然后从“库库”窗口中将窗口中将“文字轮廓文字轮廓”元件拖拽到当前编辑窗口中元件拖拽到当前编辑窗口中 （1313）调整）调整“文字轮廓文字轮廓”元件的位置，使其与元件的位置，使其与“图层图层1”1”中中的显示文字重合的显示文字重合 第28页/共49页 返回返回 Flash MXFlash MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （1414）在）在“时

21、间轴时间轴”窗口中，窗口中，“图层图层1”1”的第的第1010帧处帧处 插入关插入关键帧键帧 （1515）确认处于图层确认处于图层1的第十帧时，缩放文字的第十帧时，缩放文字（1616）在图层）在图层1 1上创建补间动画上创建补间动画 第29页/共49页 返回返回 Flash MXFlash MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （1717）继续在）继续在“图层图层1”1”的第的第5050帧和第帧和第6565帧处插入两个关键帧帧处插入两个关键帧 （1818）将鼠标移到第）将鼠标移到第6565帧处，然后选

22、中帧处，然后选中“文字文字”对象，在属性面对象，在属性面板中设置板中设置AlphaAlpha为为0% 0% （1919）将鼠标移到第）将鼠标移到第5050帧处创建补间动画帧处创建补间动画 （2020）接下来在）接下来在“图层图层2”2”的第的第5 5帧和第帧和第1515帧处分别插入关键帧并帧处分别插入关键帧并在第在第1515帧处对帧处对“文字轮廓文字轮廓”对象进行调整，使其仍与对象进行调整，使其仍与“文字文字”对对象吻合象吻合 （2121）将鼠标移到图层）将鼠标移到图层2 2第第5 5帧处创建补间动画帧处创建补间动画 第30页/共49页 返回返回 Flash MXFlash MX实现动画效果实

23、现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （2222）选中图层）选中图层2 2的第的第5 5帧至第帧至第1515帧并拷贝帧帧并拷贝帧（2323）在）在“图层图层2”2”的上面添加的上面添加“图层图层3”“3”“图层图层4”4”和和“图层图层5”5”三个图层，分别粘贴图层三个图层，分别粘贴图层2 2上面的帧动画上面的帧动画 第31页/共49页 返回返回 Flash MXFlash MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （2424）分

24、别在图层）分别在图层3 3、图层、图层4 4和图层和图层5 5上设置最后一帧的透明上设置最后一帧的透明度度第32页/共49页 返回返回 Flash MXFlash MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （2525）分别为新添加的图层拷贝帧分别为新添加的图层拷贝帧第33页/共49页 返回返回 Flash MXFlash MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 （2626）影片的导出）影片的导出 选择选择“文件文件

25、”菜单下的菜单下的“导出影片导出影片”命令命令 在弹出的对话框中输入影片名称在弹出的对话框中输入影片名称 选择影片保存的路径，点击保存即可选择影片保存的路径，点击保存即可第34页/共49页COOL 3DCOOL 3D实现动画效果实现动画效果 第35页/共49页 返回返回 COOL 3DCOOL 3D实现动画效果实现动画效果 5.3 COOL 3D5.3 COOL 3D完成动画效果完成动画效果动画创意的解析动画创意的解析 动画中三个效果图动画中三个效果图 第36页/共49页 返回返回 动画创意的解析动画创意的解析 创意效果创意效果 在一个特定的时空背景中，在一个特定的时空背景中，“天津市涛涛多媒

26、体公司天津市涛涛多媒体公司”这这1010个文字分别从背景深出旋转的飞入，由远及近、有小变个文字分别从背景深出旋转的飞入，由远及近、有小变大。待文字全部显示在屏幕中央后，光效从文字的左侧扫描大。待文字全部显示在屏幕中央后，光效从文字的左侧扫描到文字的右侧。最终在文字右上方产生光芒的照射效果。到文字的右侧。最终在文字右上方产生光芒的照射效果。 项目分析项目分析 由由PhotoshopPhotoshop完成动画背景的编辑绘制。由于完成动画背景的编辑绘制。由于COOL 3DCOOL 3D本本身就善于制作三维文字的动画效果，同时，该软件还提供了身就善于制作三维文字的动画效果，同时，该软件还提供了大量的动

27、画效果编辑模块以及字体动画特效。最终选定大量的动画效果编辑模块以及字体动画特效。最终选定COOL COOL 3D3D来完成最终的动画制作。来完成最终的动画制作。COOL 3DCOOL 3D实现动画效果实现动画效果 5.3 COOL 3D5.3 COOL 3D完成动画效果完成动画效果第37页/共49页 返回返回 动画的实现过程动画的实现过程 （1 1）启动）启动“Ulead Cool 3D”Ulead Cool 3D”程序后执行程序后执行“图像图像/ /尺寸尺寸”命命令修改尺寸，考虑该动画可能会用于广播电视传播或多媒体令修改尺寸，考虑该动画可能会用于广播电视传播或多媒体作品宣传，在这里我们设定作

28、品宣传，在这里我们设定“标准标准”尺寸：尺寸：720 x576720 x576像素（像素（DV PALDV PAL全帧视频标准）全帧视频标准） COOL 3DCOOL 3D实现动画效果实现动画效果 5.3 COOL 3D5.3 COOL 3D完成动画效果完成动画效果第38页/共49页 返回返回 动画的实现过程动画的实现过程 （2 2）点击点击“对象插入编辑对象插入编辑”面板上的插入文字图标并面板上的插入文字图标并在弹在弹出的出的“Ulead Cool 3DUlead Cool 3D文字文字”对话框中设置字体、字号效果对话框中设置字体、字号效果等，然后输入文字等，然后输入文字COOL 3DCOO

29、L 3D实现动画效果实现动画效果 5.3 COOL 3D5.3 COOL 3D完成动画效果完成动画效果第39页/共49页 返回返回 动画的实现过程动画的实现过程 （3 3）将鼠标移至）将鼠标移至“工具栏工具栏”下方的下方的“帧设置帧设置”面板处设置面板处设置帧频为和帧数目帧频为和帧数目 COOL 3DCOOL 3D实现动画效果实现动画效果 5.3 COOL 3D5.3 COOL 3D完成动画效果完成动画效果（4 4）在）在“特效设置特效设置”窗口，在左侧列表中选择窗口，在左侧列表中选择“工作室工作室” ” “背景背景”选项导入背景文件选项导入背景文件第40页/共49页 返回返回 动画的实现过程

30、动画的实现过程 （5 5）选择选择“对象样式对象样式”中的中的“斜角斜角”选项选项COOL 3DCOOL 3D实现动画效果实现动画效果 5.3 COOL 3D5.3 COOL 3D完成动画效果完成动画效果 在编辑窗口上方的在编辑窗口上方的“帧设置帧设置”面板中编辑斜角效果面板中编辑斜角效果 双击所需效果图即可为文字添加斜角效果双击所需效果图即可为文字添加斜角效果 第41页/共49页 返回返回 动画的实现过程动画的实现过程 （6 6）选择选择“对象样式对象样式”中的中的“光线和色彩光线和色彩”选项选项COOL 3DCOOL 3D实现动画效果实现动画效果 5.3 COOL 3D5.3 COOL 3D完成动画效果完成动画效果 在在 “ “帧设置帧设置”面板和下面的属性面板中编辑光线和色彩效果面板和下面的属性面板中编辑光线和色彩效果 双击所需效果图即可为文字添加斜角效果双击所需效果图即可为文字添加斜角效果 第42页/共49页 返回返回 动画的实现过程动画的实现过程 （7 7）选择选择“对象样式对象样式”中的中的“纹理纹理”选项选项COOL 3DCOOL 3D实现动画效果实现动画效果 5.3 C