《项目八 交互功能和影片输出教学课件 二维动画设计软件应用（Flash CS6） 中职 高教版.pptx》由会员分享，可在线阅读，更多相关《项目八 交互功能和影片输出教学课件 二维动画设计软件应用（Flash CS6） 中职 高教版.pptx（34页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、项 目导 读 Flash不仅让用户观看自行播放的动画，还能够根据用户的选择呈现出不同的动画内容甚至即时、动态的资料，实现此功能的就是ActionScript，本章通过Flash中ActionScript的实例讲解，使读者掌握ActionScript的初步应用，还将学习Flash动画影片的输出，方便在其他程序或网站中使用Flash动画。储备新知识学习重点任务1 按钮交互 移动的圆任务2 下载进度条思考与探索项目内容学习重点项目八 交互功能和影片输出学习重点学会什么？学会什么？1.认识动作面板及ActionScript有关术语2.向帧中添加脚本、向按钮中添加脚本3.学会Flash动画影片的输出学习
2、重点：学习重点：本项目重点了解ActionScript相关知识，学习在按钮中和在帧中添加脚本的方法，学会flash动画交互功能的实现和动画影片输出。0102储备新知识项目八 交互功能和影片输出储备新知识“动作动作”面板面板ActionScriptActionScript有关术语有关术语0102EventEvent（事件）：（事件）：在按钮(Button)中添加ActionScript脚本 在帧(Frame)中添加ActionScript脚本ActionAction（动作）：（动作）：用于控制在动画播放过程中相应的程序流程和播放状态，所有的ActionScript程序在动画中都要通过动作体现出来
3、，程序是通过动作与动画发生直接联系的。项目八 交互功能和影片输出储备新知识03影片输出影片输出导出的影片类型有：导出的影片类型有：SWF影片(*.swf)、Windows AVI(*.avi)、GIF动画(*.gif)、QuickTime（*.mov）、WAV Audio（*.wav）、JPEG文件序列(*.jpg)、GIF文件序列(*.gif)、PNG文件序列(*.png)。导出的图像类型有：导出的图像类型有：SWF影片(*.swf)、位图(*.bmp)、JPEG图像(*.jpg)、GIF图像(*.gif)、PNG(*.png)。任务1 按钮交互移动的圆项目八 交互功能和影片输出任务1任务分
4、析：任务分析：在图层1第1帧使用绘图工具在屏幕左侧绘制图形，在最后1帧插入关键帧，将绘制的图形移动到屏幕右侧然后选择“创建补间形状”命令，在第1帧添加脚本。在图层2的舞台导入3个新建的按钮元件，分别进行脚本编辑，控制图层1中图形的播放、暂停和重放。按钮交互移动的圆项目八 交互功能和影片输出任务1任务实施任务实施步骤步骤1 1 选择“文件”“新建”菜单命令，新建一个flash文档。设置宽、高为550像素400像素。任务实施任务实施步骤步骤2 2 选择“插入”“新建元件”菜单命令，新建一个按钮元件，名称设置为“开始”，利用“矩形工具”和“文本工具”创建“开始”按钮。继续新建“暂停”按钮元件和“重放
5、”按钮元件。新建文件参数设置“开始”按钮项目八 交互功能和影片输出任务1任务实施任务实施步骤步骤3 3 在第1帧利用“椭圆”绘图工具在舞台左侧绘制圆形并填充，在第50帧插入关键帧，将绘制的圆形移动到舞台右侧。在第1帧中添加以下ActionScrip脚本：stop();选择第1帧，鼠标右键单击，在弹出的菜单中选择“创建补间形状”。任务实施任务实施步骤步骤4 4 新建图层2，将新建的3个按钮元件导入到舞台。时间轴按钮元件项目八 交互功能和影片输出任务1任务实施任务实施步骤步骤5 5 添加代码，选中舞台上的“开始”按钮，在“动作”面板添加以下代码：on(release)play();任务实施任务实施
6、步骤步骤6 6 添加代码，选中舞台上的“暂停”按钮，在“动作”面板添加以下代码：on(release)stop();任务实施任务实施步骤步骤7 7 添加代码，选中舞台上的“重放”按钮，在“动作”面板添加以下代码：on(release)gotoAndplay(2);任务实施任务实施任务经验任务经验 本实例通过给按钮添加脚本，控制动画播放，可以利用F9键快速打开“动作”面板，脚本的标点符号必须为英文输入法环境之下的。项目八 交互功能和影片输出任务1任务实施任务实施步骤步骤8 8 保存文件，然后按“Ctrl+Enter”键播放动画查看效果。任务2 加载进度条任务分析：任务分析：利用“矩形”绘图工具和
7、“形状补间”制作进度条影片剪辑元件，在场景1的图层1中导入进度条影片剪辑元件，延续到第14帧，在 第15帧导入图片延续到第30帧。在图层2的第1帧、第14帧和第15帧添加代码，控制文件加载和播放。加载进度条项目八 交互功能和影片输出任务2项目八 交互功能和影片输出任务2任务实施任务实施步骤步骤1 1 选择“文件”“新建”菜单命令，新建一个flash文档。设置宽、高为550像素400像素。任务实施任务实施步骤步骤2 2 选择“插入”“新建元件”菜单命令，新建一个影片剪辑元件，名称为“进度条”，在“属性”选项板中设置实例名称为“bar”，在舞台上利用长方形工具画一个进度条。新建文件参数设置绘制影片
8、剪辑“进度条”项目八 交互功能和影片输出任务2任务实施任务实施步骤步骤3 3 在第100帧处插入关键帧，返回到第1帧，利用变形工具，改变进度条的形状。任务实施任务实施步骤步骤4 4 创建“补间形状”动画。创建“补间形状”动画 变形“进度条”项目八 交互功能和影片输出任务2任务实施任务实施步骤步骤5 5 在影片剪辑“进度条”的编辑区里新建图层2，制作进度条的外框。任务实施任务实施步骤步骤6 6 选中图层2，选择文本工具 ，在舞台合适的位置加入一个动态文本框，在属性面板上设置文本类型：动态文本，字体：Arial,变量名：loaded，单行，字体大小颜色自定义。动态文本框进度条外框项目八 交互功能和
9、影片输出任务2任务实施任务实施步骤步骤7 7 回到主场景，图层1，将创建的“进度条”影片剪辑元件拖到舞台，并延续到第14帧。在第15帧插入关键帧，导入图片，延续到第30帧。选中第15帧，在“动作”面板添加以下代码：stop();任务实施任务实施步骤步骤8 8 新建图层2，选中第1帧，在“动作”面板添加以下代码：getloaded=_root.getBytesLoaded();bytetotal=_root.getBytesTotal();loaded=int(getloaded/bytetotal*100);bar:loaded=loaded+%;bar.gotoAndStop(loaded)
10、;导入进度条影片剪辑和图片项目八 交互功能和影片输出任务2任务实施任务实施步骤步骤9 9 选中第14帧，在“动作”面板添加以下代码：if(getloaded=bytetotal)gotoAndPlay(15);else gotoAndPlay(1);任务实施任务实施步骤步骤1010 选中第15帧，在“动作”面板添加以下代码，并延续到第30帧。stop();时间轴最终效果任务实施任务实施步骤步骤1111 保存文件，然后按“Ctrl+Enter”键播放动画查看效果。任务实施任务实施任务经验任务经验 制作进度条时需要给“实例名称”命名，以便其接收代码指令；动态文本框能够实现动态接收信息的功能，需要指
11、定变量名。最终效果项目八 交互功能和影片输出任务2任务3 鱼儿游任务分析：任务分析：利用绘图工具和“颜料桶”制作fish影片剪辑元件，在场景1的图层1中导入fish影片剪辑元件,在图层2的第1帧添加ActionScript脚本代码，控制动画播放。鱼儿游 项目八 交互功能和影片输出任务3项目八 交互功能和影片输出任务3任务实施任务实施步骤步骤1 1 选择“文件”“新建”菜单命令，新建一个flash文档。设置宽、高为550像素400像素。任务实施任务实施步骤步骤2 2 选择“插入”“新建元件”菜单命令，新建一个影片剪辑元件，名称为“fish”，在舞台上利用绘图工具和颜料桶工具绘制鱼儿。新建文件参数
12、设置绘制影片剪辑“fish”项目八 交互功能和影片输出任务3任务实施任务实施步骤步骤3 3 返回到主场景，选中库中的“fish”影片剪辑元件，右键单击，选择“属性”命令，在弹出的“元件属性”对话框，单击 按钮，选择“为ActionScript导出”和“在第1帧中导出”复选框，设置“标识符”为fish，然后单击 按钮。任务实施任务实施步骤步骤4 4 将“fish”影片剪辑元件导入到主场景的舞台上。“元件属性”对话框导入元件项目八 交互功能和影片输出任务3任务实施任务实施步骤步骤5 5 新建图层2，选中该图层的第1帧，按“F9”键打开“动作”面板，在“动作”面板添加代码。任务实施任务实施步骤步骤6
13、 6 保存文件，然后按“Ctrl+Enter”键播放动画查看效果。“动作”面板代码任务实施任务实施任务经验任务经验 ActionScript脚本的功能很强大，编写脚本程序遵循严密的逻辑性，需要经常练习方可掌握精髓。任务4 动画导出任务分析：任务分析：制作完成的Flash动画，利用“文件”菜单导出“影片”，选择相应的影片格式即可导出动画影片。影片输出项目八 交互功能和影片输出任务4项目八 交互功能和影片输出任务4任务实施任务实施步骤步骤1 1 打开“加载进度条”源文件。任务实施任务实施步骤步骤2 2 选择“文件”“导出”“导出影片”菜单命令。导出影片“加载进度条”源文件项目八 交互功能和影片输出
14、任务4任务实施任务实施步骤步骤3 3 弹出“导出影片”对话框，在“文件名”文本框中输入视频的名称，在“保存类型”下拉列表中选择“Windows AVI(*.avi)”选项，然后单击“保存”按钮。任务实施任务实施步骤步骤4 4 弹出“导出Windows AVI”对话框，如图8-29所示，在对话框中设置视频的尺寸、格式及声音格式等参数，然后单击 按钮。“导出Windows AVI”对话框项目八 交互功能和影片输出任务4任务实施任务实施步骤步骤5 5 导出完成后，找到导出的视频文件可以看到动画已经变成视频格式，利用视频播放软件就能够播放该文件观看效果。任务实施任务实施任务经验任务经验 打开“导出影片”对话框的快捷键是“Ctrl+Alt+Shift+S”，如果在电视上流畅地播放动画，在制作时需要将动画设置成每秒播放25帧。影片输出效果思考与探索思考思考01探索探索011.调出ActionScript面板的快捷键是什么？2.如何给按钮添加脚本？3.怎样设置动画的输出格式？使用flash的交互功能制作动画“梦幻太空”。项目八 交互功能和影片输出 本项目是Flash软件教学中的重点内容之一，也是Flash动画的精髓,通过丰富典型的任务范例讲授了Flash动画常用的交互功能和动画影片导出的操作方法，其中涉及在按钮中添加脚本、在帧中添加脚本、动画影片导出等，需要认真掌握。项目总结