《制作文字动画效果.ppt》由会员分享,可在线阅读,更多相关《制作文字动画效果.ppt(50页珍藏版)》请在三一办公上搜索。
1、第五章 制作文字动画效果,Gif Animator实现动画效果,Flash MX实现动画效果,COOL 3D实现动画效果,Gif Animator实现动画效果,返回,第1页,Gif Animator实现动画效果,动画创意的解析,5.1 Gif Animator实现动画效果,动画中的一个帧动画,返回,第2页,动画创意的解析,创意效果 制作一个“故障检修”字样的二维文字动态效果,学习者在进入学习时,文字不停的进行变换以提示学习者当前所在的章节。,项目分析 首先采用Photoshop图像编辑软件制作不同的文字图像效果,然后采用Gif Animator软件来实现动画效果。,Gif Animator实现
2、动画效果,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 A
3、nimator实现动画效果,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 Animato
4、r”应用程序 动画向导:程序会提示用户完成动画的创建 空白动画:需要用户自定义完成动画的创建,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第9页,动画的实现过程,(9)选择“动画向导”按钮图标在弹出“动画向导-设置画布尺寸,(10)点击“下一步”进入“动画向导-选择文件”对话框,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第10页,动画的实现过程,(11)通过“添加图像”和“添加视频”将相应的文件加到动画序列中,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第
5、11页,动画的实现过程,(12)点击“下一步”,在弹出“动画向导-画面帧持续时间”对话框,设置帧频即一秒钟播放的帧数。,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第12页,动画的实现过程,(13)向导完成后在程序界面的右侧出现8个文字素材。界面下方为播放控制面板,它提供了对动画的播放控制,以及“添加帧”、“删除帧”等帧设置功能。左侧工具面板则提供了对帧画面的编辑处理功能。,Gif Animator实现动画效果,5.1 Gif Animator实现动画效果,返回,第13页,动画的实现过程,(14)选中第一帧,执行“视频/3D/Gate-3D”命令,
6、在弹出的“添加效果”对话框中设置切换效果,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实现动画效果,返回,
7、第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完成动画效果,动画创意的解析,创意效果 当启动软件开始学
8、习时,标题名称会从屏幕外直接“飞入”到屏幕中间显示,同时,文字周围会伴随“幻影”特效以增强视觉效果。然后,文字在屏幕中央停留一段时间后慢慢淡出。,项目分析 为了便于文字的调整,确保三个阶段的连贯,所有的文字创作、编辑以及修改都可以在Flash MX动画制作软件中完成。,返回,第21页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,(1)启动Flash MX程序,新建文档并在弹出德“文档属性”对话框,设置尺寸和帧频以及背景色,返回,第22页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,(2)选择“插入”菜单中的“新建元
9、件”,在弹出的窗口中设置各项参数,返回,第23页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,(3)选择“工具”面板中的“文本”工具,在“属性”面板中设置字体为“黑体”,字号为“120”,颜色为“白色”,字体效果为“粗体”,(4)属性设置好后输入“彩色电视机原理与维修”字样并将其移动至中心位置,返回,第24页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,(5)用箭头工具选中文字后执行“修改/分离”命令,文字变成一个个独立的字,再进行一次分离文字被打散,用放大镜放大文字,(6)选择“工具”面板中的“墨水瓶工具”并在“
10、颜色”面板中设置笔触颜色为黄色分别点击文字的边缘处为文字描边,(7)选择“窗口”菜单下的“库”命令或按F11,打开“库”面板并复制“文字”元件,返回,第25页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,(8)在弹出的窗口中设置各项参数,(9)进入“文字轮廓”编辑窗口分别选择文字的填充部分,按“Delete”键删除,返回,第26页,Flash MX实现动画效果,5.2 Flash MX完成动画效果,动画的实现过程,(10)点击“场景1”图标,进入“场景1”编辑窗口并建立新的图层,(11)选中“图层1”的第一帧,然后从“库”窗口中把“文字”元件拖拽到“场景
11、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 Fl
12、ash 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
13、”和“图层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实现动画效果,返回
14、,第34页,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,动画创意的解析,动画中三个效果图,返回,第35页,动画创意的解析,创意效果 在一个特定的时空背景中,“天津市涛涛多媒体公司”这10个文字分别从背景深出旋转的飞入,由远及近、有小变大。待文字全部显示在屏幕中央后,光效从文字的左侧扫描到文字的右侧。最终在文字右上方产生光芒的照射效果。,项目分析 由Photoshop完成动画背景的编辑绘制。由于COOL 3D本身就善于制作三维文字的动画效果,同时,该软件还提供了大量的动画效果编辑模块以及字体动画特效。最终选定COOL 3D来完成最终的动画制作。,COOL 3D实现动画效果,5
15、.3 COOL 3D完成动画效果,返回,第36页,动画的实现过程,(1)启动“Ulead Cool 3D”程序后执行“图像/尺寸”命令修改尺寸,考虑该动画可能会用于广播电视传播或多媒体作品宣传,在这里我们设定“标准”尺寸:720 x576像素(DV PAL全帧视频标准),COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,返回,第37页,动画的实现过程,(2)点击“对象插入编辑”面板上的插入文字图标并在弹出的“Ulead Cool 3D文字”对话框中设置字体、字号效果等,然后输入文字,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,返回,第38页,动画的实现过程,(
16、3)将鼠标移至“工具栏”下方的“帧设置”面板处设置帧频为和帧数目,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,(4)在“特效设置”窗口,在左侧列表中选择“工作室”“背景”选项导入背景文件,返回,第39页,动画的实现过程,(5)选择“对象样式”中的“斜角”选项,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,在编辑窗口上方的“帧设置”面板中编辑斜角效果,双击所需效果图即可为文字添加斜角效果,返回,第40页,动画的实现过程,(6)选择“对象样式”中的“光线和色彩”选项,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,在“帧设置”面板和下面的属性面
17、板中编辑光线和色彩效果,双击所需效果图即可为文字添加斜角效果,返回,第41页,动画的实现过程,(7)选择“对象样式”中的“纹理”选项,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,在“帧设置”面板和下面的属性面板中编辑纹理效果,双击所需效果图即可为文字添加斜角效果,返回,第42页,动画的实现过程,(8)选择“对象样式”中的“部件移动(G)”选项,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,在“帧设置”面板和下面的属性面板中编辑移动效果,双击所需效果图即可为文字添加移动效果,返回,第43页,动画的实现过程,(9)选择“对象样式”中的“灯泡”选项,COOL 3
18、D实现动画效果,5.3 COOL 3D完成动画效果,在“帧设置”面板和下面的属性面板中分别编辑灯光的位置,双击所需效果图即可为文字添加光照效果,返回,第44页,动画的实现过程,(10)保存视频文件,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,弹出“另存为视频文件”对话框,键入动画的文件名称,并选择文件输出的路径,执行“文件/创建动画文件/视频文件”命令,选择动画文件类型后点击“选项”按钮,返回,第45页,动画的实现过程,(10)保存视频文件,COOL 3D实现动画效果,5.3 COOL 3D完成动画效果,在弹出的设置窗口中切换到“压缩”选项卡根据需要选择适当的压缩类型后保存即可,本章结束 谢谢使用,