大学动画设计与制作-韩雪涛-PPT文稿资料课件PPT
收藏
资源目录
压缩包内文档预览：(预览前20页/共50页)
编号：21836142
类型：共享资源
大小：19.94MB
格式：ZIP
上传时间：2019-09-06
上传人：QQ24****1780
认证信息
个人认证
王**（实名认证）
浙江
IP属地：浙江
25
积分
- 关 键 词：
-
大学
动画设计
制作
韩雪涛
ppt
文稿
资料
课件
- 资源描述：
-
大学动画设计与制作-韩雪涛-PPT文稿资料课件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完成动画效果,在 “帧设置”面板和下面的属性面板中
- 温馨提示:
1: 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2: 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3.本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
人人文库网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
川公网安备: 51019002004831号