《制作文字动画效果》PPT课件.ppt

第五章 制作文字动画效果,Gif Animator实现动画效果,Flash MX实现动画效果,COOL 3D实现动画效果,Gif Animator实现动画效果,返回,第1页,Gif Animator实现动画效果,动画创意的解析,5.1 Gif Animator实现动画效果,动画中的一个帧动画,返回,第2页,动画创意的解析,创意效果 制作一个“故障检修”字样的二维文字动态效果，学习者在进入学习时，文字不停的进行变换以提示学习者当前所在的章节。,项目分析 首先采用Photoshop图像编辑软件制作不同的文字图像效果，然后采用Gif Animator软件来实现动画效果。,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第3页,动画的实现过程,（1）启动Photoshop图像编辑软件，打开多媒体软件故障检修部分的背景图片“故障检修界面.JPG”,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第4页,动画的实现过程,（2）用“放大镜”工具放大处理的图像部分并用“矩形选取”工具绘制选取,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第5页,动画的实现过程,（3）复制灰色区域并输入文字,（4）为文字层添加“描边”图层样式效果后保存为“文字素材01.jpg”,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第6页,动画的实现过程,（5）回到编辑界面，设置“故障检修”文字颜色为“蓝色”并保存为“文字素材02.jpg”,（6）回到编辑界面，继续在“文字”面板中编辑文字的间距、字体以及显示效果并保存为“文字素材03.jpg”,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第7页,动画的实现过程,（7）按照上面的操作分别制作其它的素材,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第8页,动画的实现过程,（8）启动“Gif Animator”应用程序 动画向导：程序会提示用户完成动画的创建 空白动画：需要用户自定义完成动画的创建,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第9页,动画的实现过程,（9）选择“动画向导”按钮图标在弹出“动画向导-设置画布尺寸,（10）点击“下一步”进入“动画向导-选择文件”对话框,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第10页,动画的实现过程,（11）通过“添加图像”和“添加视频”将相应的文件加到动画序列中,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第11页,动画的实现过程,（12）点击“下一步”，在弹出“动画向导-画面帧持续时间”对话框，设置帧频即一秒钟播放的帧数。,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第12页,动画的实现过程,（13）向导完成后在程序界面的右侧出现8个文字素材。界面下方为播放控制面板，它提供了对动画的播放控制，以及“添加帧”、“删除帧”等帧设置功能。左侧工具面板则提供了对帧画面的编辑处理功能。,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第13页,动画的实现过程,（14）选中第一帧，执行“视频/3D/Gate-3D”命令，在弹出的“添加效果”对话框中设置切换效果,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第14页,动画的实现过程,（15）设置完成后保存动画文件为Gif文件格式,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第15页,其它效果的添加介绍,“Power Off-F/X”效果,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第16页,其它效果的添加介绍,“Bar-Slide”效果,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第17页,其它效果的添加介绍,“Cross Zoom-Stretch” 效果,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第18页,其它效果的添加介绍,“Run and Stop-Push”效果,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,Flash MX实现动画效果,返回,第19页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画创意的解析,动画中一帧的效果图,返回,第20页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画创意的解析,创意效果 当启动软件开始学习时，标题名称会从屏幕外直接“飞入”到屏幕中间显示，同时，文字周围会伴随“幻影”特效以增强视觉效果。然后，文字在屏幕中央停留一段时间后慢慢淡出。,项目分析 为了便于文字的调整，确保三个阶段的连贯，所有的文字创作、编辑以及修改都可以在Flash MX动画制作软件中完成。,返回,第21页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,（1）启动Flash MX程序，新建文档并在弹出德“文档属性”对话框，设置尺寸和帧频以及背景色,返回,第22页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,（2）选择“插入”菜单中的“新建元件”，在弹出的窗口中设置各项参数,返回,第23页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,（3）选择“工具”面板中的“文本”工具，在“属性”面板中设置字体为“黑体”，字号为“120”，颜色为“白色”，字体效果为“粗体”,（4）属性设置好后输入“彩色电视机原理与维修”字样并将其移动至中心位置,返回,第24页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,（5）用箭头工具选中文字后执行“修改/分离”命令，文字变成一个个独立的字，再进行一次分离文字被打散，用放大镜放大文字,（6）选择“工具”面板中的“墨水瓶工具” 并在“颜色”面板中设置笔触颜色为黄色分别点击文字的边缘处为文字描边,（7）选择“窗口”菜单下的“库”命令或按F11，打开“库”面板并复制“文字”元件,返回,第25页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,（8）在弹出的窗口中设置各项参数,（9）进入“文字轮廓”编辑窗口分别选择文字的填充部分，按“Delete”键删除,返回,第26页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,（10）点击“场景1”图标，进入“场景1”编辑窗口并建立新的图层,（11）选中“图层1”的第一帧，然后从“库”窗口中把“文字”元件拖拽到“场景1”编辑窗口中并使文字的中心点位于显示界面的中心,返回,第27页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,（12）选中“图层2”，然后从“库”窗口中将“文字轮廓”元件拖拽到当前编辑窗口中,（13）调整“文字轮廓”元件的位置，使其与“图层1”中的显示文字重合,返回,第28页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,（14）在“时间轴”窗口中，“图层1”的第10帧处 插入关键帧,（15）确认处于图层1的第十帧时，缩放文字,（16）在图层1上创建补间动画,返回,第29页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,（17）继续在“图层1”的第50帧和第65帧处插入两个关键帧,（18）将鼠标移到第65帧处，然后选中“文字”对象，在属性面板中设置Alpha为0%,（19）将鼠标移到第50帧处创建补间动画,（20）接下来在“图层2”的第5帧和第15帧处分别插入关键帧并在第15帧处对“文字轮廓”对象进行调整，使其仍与“文字”对象吻合,（21）将鼠标移到图层2第5帧处创建补间动画,返回,第30页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,（22）选中图层2的第5帧至第15帧并拷贝帧,（23）在“图层2”的上面添加“图层3”“图层4”和“图层5”三个图层，分别粘贴图层2上面的帧动画,返回,第31页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,（24）分别在图层3、图层4和图层5上设置最后一帧的透明度,返回,第32页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,（25）分别为新添加的图层拷贝帧,返回,第33页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,（26）影片的导出,选择“文件”菜单下的“导出影片”命令,在弹出的对话框中输入影片名称,选择影片保存的路径，点击保存即可,COOL 3D实现动画效果,返回,第34页,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,动画创意的解析,动画中三个效果图,返回,第35页,动画创意的解析,创意效果 在一个特定的时空背景中，“天津市涛涛多媒体公司”这10个文字分别从背景深出旋转的飞入，由远及近、有小变大。待文字全部显示在屏幕中央后，光效从文字的左侧扫描到文字的右侧。最终在文字右上方产生光芒的照射效果。,项目分析 由Photoshop完成动画背景的编辑绘制。由于COOL 3D本身就善于制作三维文字的动画效果，同时，该软件还提供了大量的动画效果编辑模块以及字体动画特效。最终选定COOL 3D来完成最终的动画制作。,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,返回,第36页,动画的实现过程,（1）启动“Ulead Cool 3D”程序后执行“图像/尺寸”命令修改尺寸，考虑该动画可能会用于广播电视传播或多媒体作品宣传，在这里我们设定“标准”尺寸：720x576像素（DV PAL全帧视频标准）,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,返回,第37页,动画的实现过程,（2）点击“对象插入编辑”面板上的插入文字图标并在弹出的“Ulead Cool 3D文字”对话框中设置字体、字号效果等，然后输入文字,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,返回,第38页,动画的实现过程,（3）将鼠标移至“工具栏”下方的“帧设置”面板处设置帧频为和帧数目,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,（4）在“特效设置”窗口，在左侧列表中选择“工作室” “背景”选项导入背景文件,返回,第39页,动画的实现过程,（5）选择“对象样式”中的“斜角”选项,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,在编辑窗口上方的“帧设置”面板中编辑斜角效果,双击所需效果图即可为文字添加斜角效果,返回,第40页,动画的实现过程,（6）选择“对象样式”中的“光线和色彩”选项,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,在 “帧设置”面板和下面的属性面板中编辑光线和色彩效果,双击所需效果图即可为文字添加斜角效果,返回,第41页,动画的实现过程,（7）选择“对象样式”中的“纹理”选项,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,在 “帧设置”面板和下面的属性面板中编辑纹理效果,双击所需效果图即可为文字添加斜角效果,返回,第42页,动画的实现过程,（8）选择“对象样式”中的“部件移动（G）”选项,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,在 “帧设置”面板和下面的属性面板中编辑移动效果,双击所需效果图即可为文字添加移动效果,返回,第43页,动画的实现过程,（9）选择“对象样式”中的“灯泡”选项,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,在 “帧设置”面板和下面的属性面板中