中国水利水电出版社：《动画专业导论》教材电子教案（PPT教学课件）第五章 制作文字动画效果

天津市妥喔技市有限公司制作 第五章制作文字动画效果 ◆ Gif Animator实现动画效果 ◆F|ashM实现动画效果 曰◆00L3D实现动画效果 小Q赵利部电版杜 www.waterpub.com.cn

第五章 制作文字动画效果 uGif Animator实现动画效果 uFlash MX实现动画效果 uCOOL 3D实现动画效果

天津市妥喔技市有限公司制作 Gif Animator实现动画效果 小Q赵利部电版杜 www.waterpub.com.cn

Gif Animator实现动画效果

天津市妥技市有限公司制作 5.1 Gif Animator实现动画效果动画创意的解析 动画中的一个帧动 Gif Animator实现动画效果第页 返回 小Q赵利部电版杜 www.waterpub.com.cn

Gif Animator实现动画效果 返回 动画创意的解析 5.1 Gif Animator实现动画效果 动画中的一个帧动画

天津市妥技市有限公司制作 5.1 Gif Animator实现动画效果动画创意的解析 创意效果 制作一个“故障检修”字样的二维文字动态效果,学习 者在进入学习时,文字不停的进行变换以提示学习者当前所 在的章节。 项目分析 首先采用 Photoshop图像编辑软件制作不同的文字图像效 果,然后采用 Gif Animator软件来实现动画效果。 Gif Animator实现动画效果第2页 返回 小Q赵利部电版杜 www.waterpub.com.cn

返回 动画创意的解析 Ø 创意效果 制作一个“故障检修”字样的二维文字动态效果，学习 者在进入学习时，文字不停的进行变换以提示学习者当前所 在的章节。 Ø 项目分析 首先采用Photoshop图像编辑软件制作不同的文字图像效 果，然后采用Gif Animator软件来实现动画效果。 Gif Animator实现动画效果 5.1 Gif Animator实现动画效果

天津市妥技市有限公司制作 5.1 Gif Animator实现动画效果动画的实现过程 (1)启动 Photoshop图像编辑软件,打开多媒体软件故障检 修部分的背景图片——“故障检修界面.JPG” 故障检界面,jpg66.7%(RGB/8#) 是. 色旦视机的障糙恬 TV Gif Animator实现动画效果第页 返回 小Q赵利部电版杜 www.waterpub.com.cn

返回 动画的实现过程 （1）启动Photoshop图像编辑软件，打开多媒体软件故障检 修部分的背景图片——“故障检修界面.JPG” Gif Animator实现动画效果 5.1 Gif Animator实现动画效果

天津市妥技市有限公司制作 5.1 Gif Animator实现动画效果动画的实现过程 (2)用“放大镜”工具放大处理的图像部分并用“矩形选取” 工具绘制选取 名故障检修界面.jpg.27%(RGB/8 是. Gif Animator实现动画效果第4页 返回 小Q赵利部电版杜 www.waterpub.com.cn

返回 动画的实现过程 （2）用“放大镜”工具放大处理的图像部分并用“矩形选取” 工具绘制选取 Gif Animator实现动画效果 5.1 Gif Animator实现动画效果

天津市妥技市有限公司制作 5.1 Gif Animator实现动画效果动画的实现过程 (3)复制灰色区域并输入文字 Untitled-181.-日 故隨检修 (4)为文字层添加“描边”图层样式效果后保存为“文字素 材01.jpg” 1t1141.但网rmmn 故障检修 故障检修V Gif Animator实现动画效果第页 返回 小Q赵利部电版杜 www.waterpub.com.cn

返回 动画的实现过程 （3）复制灰色区域并输入文字 （4）为文字层添加“描边”图层样式效果后保存为“文字素 材01.jpg” Gif Animator实现动画效果 5.1 Gif Animator实现动画效果

天津市妥技市有限公司制作 5.1 Gif Animator实现动画效果动画的实现过程 (5)回到编辑界面,设置“故障检修”文字颜色为“蓝色” 并保存为“文字素材02.jpg” Untitled-I.180%(故…[回冈 故障检修 (6)回到编辑界面,继续在“文字”面板中编辑文字的间距、 字体以及显示效果并保存为“文字素材03.jpg” 包回冈 故魔检修 Gif Animator实现动画效果第6页 返回 小Q赵利部电版杜 www.waterpub.com.cn

返回 动画的实现过程 （5）回到编辑界面，设置“故障检修”文字颜色为“蓝色” 并保存为“文字素材02.jpg” （6）回到编辑界面，继续在“文字”面板中编辑文字的间距、 字体以及显示效果并保存为“文字素材03.jpg” Gif Animator实现动画效果 5.1 Gif Animator实现动画效果

天津市妥技市有限公司制作 5.1 Gif Animator实现动画效果动画的实现过程 (7)按照上面的操作分别制作其它的素材 飞文字藏转,…厄冈区文素元…冈国文字0,网 改啸兮川感爸國圈 文字素材0,j…回属文字藏树D7,回 满移多8色电视机 Gif Animator实现动画效果第7页 返回 小Q赵利部电版杜 www.waterpub.com.cn

返回 动画的实现过程 （7）按照上面的操作分别制作其它的素材 Gif Animator实现动画效果 5.1 Gif Animator实现动画效果

天津市妥技市有限公司制作 5.1 Gif Animator实现动画效果动画的实现过程 (8)启动“ Gif Animator”应用程序 动画向导:程序会提示用户完成动画的创建 空白动画:需要用户自定义完成动画的创建 动向导 创建一个GIF动画方案 打开 动画向导 打开一个现有的图象文件 空白动画 打开一个现有的视频文件 打开一个样本文件 联机指南 厂下一次不显示这个对话框 Gif Animator实现动画效果第8页「返回 小Q赵利部电版杜 www.waterpub.com.cn

返回 动画的实现过程 （8）启动“Gif Animator”应用程序 Ø 动画向导：程序会提示用户完成动画的创建 Ø 空白动画：需要用户自定义完成动画的创建 Gif Animator实现动画效果 5.1 Gif Animator实现动画效果