制作文字动画效果.ppt





《制作文字动画效果.ppt》由会员分享,可在线阅读,更多相关《制作文字动画效果.ppt(50页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、第五章第五章 制作文字动画效果制作文字动画效果 uGif AnimatorGif Animator实现动画效果实现动画效果 uFlash MXFlash MX实现动画效果实现动画效果 uCOOL 3DCOOL 3D实现动画效果实现动画效果 Gif AnimatorGif AnimatorGif AnimatorGif Animator实现动画效果实现动画效果实现动画效果实现动画效果 返回返回 第第第第1 1 1 1页页页页 Gif AnimatorGif Animator实现动画效果实现动画效果 动画创意的解析动画创意的解析 5.1 Gif Animator5.1 Gif Animator实现
2、动画效果实现动画效果 动画中的一个帧动画动画中的一个帧动画 返回返回 第第第第2 2 2 2页页页页 动画创意的解析动画创意的解析 创意效果创意效果 制作一个制作一个“故障检修故障检修”字样的二维文字动态效果,学习字样的二维文字动态效果,学习者在进入学习时,文字不停的进行变换以提示学习者当前所者在进入学习时,文字不停的进行变换以提示学习者当前所在的章节。在的章节。项目分析项目分析 首先采用首先采用PhotoshopPhotoshop图像编辑软件制作不同的文字图像效图像编辑软件制作不同的文字图像效果,然后采用果,然后采用Gif AnimatorGif Animator软件来实现动画效果。软件来实
3、现动画效果。Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效果实现动画效果 返回返回 第第第第3 3 3 3页页页页 动画的实现过程动画的实现过程 (1 1)启动)启动PhotoshopPhotoshop图像编辑软件,打开多媒体软件故障检图像编辑软件,打开多媒体软件故障检修部分的背景图片修部分的背景图片“故障检修界面故障检修界面.JPG”.JPG”Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效果
4、实现动画效果 返回返回 第第第第4 4 4 4页页页页 动画的实现过程动画的实现过程 (2 2)用)用“放大镜放大镜”工具放大处理的图像部分并用工具放大处理的图像部分并用“矩形选取矩形选取”工具绘制选取工具绘制选取Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效果实现动画效果 返回返回 第第第第5 5 5 5页页页页 动画的实现过程动画的实现过程 (3 3)复制灰色区域并输入文字)复制灰色区域并输入文字(4 4)为文字层添加)为文字层添加“描边描边”图层样式效果后保存为图层样式效果后保存为“文字
5、素文字素材材01.jpg”01.jpg”Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效果实现动画效果 返回返回 第第第第6 6 6 6页页页页 动画的实现过程动画的实现过程 (5 5)回到编辑界面,设置)回到编辑界面,设置“故障检修故障检修”文字颜色为文字颜色为“蓝色蓝色”并保存为并保存为“文字素材文字素材02.jpg”02.jpg”(6 6)回到编辑界面,继续在)回到编辑界面,继续在“文字文字”面板中编辑文字的间距、面板中编辑文字的间距、字体以及显示效果并保存为字体以及显示效果并保存为“文字
6、素材文字素材03.jpg”03.jpg”Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效果实现动画效果 返回返回 第第第第7 7 7 7页页页页 动画的实现过程动画的实现过程 (7 7)按照上面的操作分别制作其它的素材)按照上面的操作分别制作其它的素材Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效果实现动画效果 返回返回 第第第第8 8 8 8页页页页 动画的实现过程动画的实现过程 (8 8)启
7、动)启动“Gif Animator”“Gif Animator”应用程序应用程序 动画向导:程序会提示用户完成动画的创建动画向导:程序会提示用户完成动画的创建 空白动画:需要用户自定义完成动画的创建空白动画:需要用户自定义完成动画的创建 Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效果实现动画效果 返回返回 第第第第9 9 9 9页页页页 动画的实现过程动画的实现过程 (9 9)选择)选择“动画向导动画向导”按钮图标在弹出按钮图标在弹出“动画向导动画向导-设置画设置画布尺寸布尺寸(1010)点
8、击)点击“下一步下一步”进入进入“动画向导动画向导-选择文件选择文件”对话框对话框 Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效果实现动画效果 返回返回 第第第第10101010页页页页 动画的实现过程动画的实现过程 (1111)通过)通过“添加图像添加图像”和和“添加视频添加视频”将相应的文件加到将相应的文件加到动画序列中动画序列中Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效果实现动画效
9、果 返回返回 第第第第11111111页页页页 动画的实现过程动画的实现过程 (1212)点击)点击“下一步下一步”,在弹出,在弹出“动画向导动画向导-画面帧持续时间画面帧持续时间”对话框,设置帧频即一秒钟播放的帧数。对话框,设置帧频即一秒钟播放的帧数。Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效果实现动画效果 返回返回 第第第第12121212页页页页 动画的实现过程动画的实现过程 (1313)向导完成后在程序界面的右侧出现)向导完成后在程序界面的右侧出现8 8个文字素材。界面个文字素材。
10、界面下方为播放控制面板,它提供了对动画的播放控制,以及下方为播放控制面板,它提供了对动画的播放控制,以及“添加帧添加帧”、“删除帧删除帧”等帧设置功能。左侧工具面板则提供等帧设置功能。左侧工具面板则提供了对帧画面的编辑处理功能。了对帧画面的编辑处理功能。Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效果实现动画效果 返回返回 第第第第13131313页页页页 动画的实现过程动画的实现过程 (1414)选中第一帧,执行)选中第一帧,执行“视频视频/3D/Gate-3D”/3D/Gate-3D”命令
11、,在弹出命令,在弹出的的“添加效果添加效果”对话框中设置切换效果对话框中设置切换效果Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效果实现动画效果 返回返回 第第第第14141414页页页页 动画的实现过程动画的实现过程 (1515)设置完成后保存动画文件为)设置完成后保存动画文件为GifGif文件格式文件格式 Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效果实现动画效果 返回返回 第第第第15
12、151515页页页页 其它效果的添加介绍其它效果的添加介绍 “Power Off-F/X”Power Off-F/X”效果效果 Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效果实现动画效果 返回返回 第第第第16161616页页页页 其它效果的添加介绍其它效果的添加介绍 “Bar-Slide”Bar-Slide”效果效果 Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效果实现动画效果 返回返回
13、第第第第17171717页页页页 其它效果的添加介绍其它效果的添加介绍 “Cross Zoom-Stretch”Cross Zoom-Stretch”效果效果Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1 Gif Animator实现动画效果实现动画效果 返回返回 第第第第18181818页页页页 其它效果的添加介绍其它效果的添加介绍 “Run and Stop-Push”Run and Stop-Push”效果效果 Gif AnimatorGif Animator实现动画效果实现动画效果 5.1 Gif Animator5.1
14、 Gif Animator实现动画效果实现动画效果 Flash MXFlash MXFlash MXFlash MX实现动画效果实现动画效果实现动画效果实现动画效果 返回返回 第第第第19191919页页页页 Flash MXFlash MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画创意的解析动画创意的解析 动画中一帧的效果图动画中一帧的效果图 返回返回 第第第第20202020页页页页 Flash MXFlash MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画创意的解析动画
15、创意的解析 创意效果创意效果 当启动软件开始学习时,标题名称会从屏幕外直接当启动软件开始学习时,标题名称会从屏幕外直接“飞入飞入”到屏幕中间显示,同时,文字周围会伴随到屏幕中间显示,同时,文字周围会伴随“幻影幻影”特效以增强特效以增强视觉效果。然后,文字在屏幕中央停留一段时间后慢慢淡出。视觉效果。然后,文字在屏幕中央停留一段时间后慢慢淡出。项目分析项目分析 为了便于文字的调整,确保三个阶段的连贯,所有的文字为了便于文字的调整,确保三个阶段的连贯,所有的文字创作、编辑以及修改都可以在创作、编辑以及修改都可以在Flash MXFlash MX动画制作软件中完成。动画制作软件中完成。返回返回 第第第
16、第21212121页页页页 Flash MXFlash MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 (1 1)启动)启动Flash MXFlash MX程序,新建文档并在弹出德程序,新建文档并在弹出德“文档属性文档属性”对话框,设置尺寸和帧频以及背景色对话框,设置尺寸和帧频以及背景色 返回返回 第第第第22222222页页页页 Flash MXFlash MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 (2 2)选择)选择“
17、插入插入”菜单中的菜单中的“新建元件新建元件”,在弹出的窗口中,在弹出的窗口中设置各项参数设置各项参数 返回返回 第第第第23232323页页页页 Flash MXFlash MX实现动画效果实现动画效果 5.2 Flash MX5.2 Flash MX完成动画效果完成动画效果动画的实现过程动画的实现过程 (3 3)选择)选择“工具工具”面板中的面板中的“文本文本”工具,在工具,在“属性属性”面板面板中设置字体为中设置字体为“黑体黑体”,字号为,字号为“120”“120”,颜色为,颜色为“白色白色”,字体效果为字体效果为“粗体粗体”(4 4)属性设置好后输入)属性设置好后输入“彩色电视机原理与
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 制作 文字 动画 效果

限制150内