Flash动画制作基础与案例教学.ppt

第1章 Flash动画制作基础与案例教学,Flash动画制作基础与案例教学教程,浙江经济职业技术学院 信息与控制学院,教 学 要 求 与 内 容,应知目标,应会目标,了解flash的基本特点 了解FlashCS3的工作界面、菜单和工具 了解flash动画的新增功能,熟悉FlashCS3的工作环境 掌握FlashCS3的基本操作 掌握Flash动画的制作流程,1.1 FlashCS3简介,Flash的应用领域,网络广告、电视广告、公益广告,手机彩信、手机游戏,多媒体课件、Flash网站，网络游戏等,1.1 FlashCS3简介,加入了新的动态和透明度支持,加入了MP3流媒体支持和动画动态支持,加了代码语言: ActionScript 1. 0,入了按钮,库,声音文件和色彩动态变化支持.,视频, 共享库和组件,ActionScript 升级为2.0,并且加大了对声音和视频的支持.,加入了滤镜效果, GIF和PNG的图片支持, bitmap支持,引入ActionScript 3,更加正规的编程方式,对XML 的全新支持等,一、Flash及其发展史,1.1.1 Flash的特点,网络资源约束比较小，矢量动画,播放采用流媒体技术,制作成本低，节省人力物力,知识产权的保护,Flash动态网站的开发,交互性比较好,1.2 Flash CS3的工作环境,Flash CS3是Micromedia公司被Adobe公司收购之后发布的最新版本的软件，其操作界面和环境都发生了比较大的变化，下面介绍该软件的操作界面和基本操作。,1.2.1 Flash CS3的操作界面,1.2.1 Flash CS3的操作界面,该界面主要被划分成7个区域： 标题栏：标题栏位于软件界面的最顶部，在标题栏的左边用于显示该软件和当前编辑的文件名。双击标题栏可以最大化软件窗口，右边有3个按钮，分别是“最小化”、“最大化”和“关闭”按钮。 菜单栏：菜单栏是Flash界面的控制中心，可控制Flash文件和自定义工作环境。主要包括11个主菜单，每个主菜单的下拉菜单中还包含了各种相应的操作命令和选项。为了方面用户操作，各个主菜单下的很多子菜单都附有相应的快捷键，通过使用这些快捷键，用户可以直接执行相应的操作命令，从而提高效率。常用菜单栏的命令及简要说明见附录一。,1.2.1 Flash CS3的操作界面,菜单栏：菜单栏是Flash界面的控制中心，可控制Flash文件和自定义工作环境。主要包括11个主菜单，每个主菜单的下拉菜单中还包含了各种相应的操作命令和选项。为了方面用户操作，各个主菜单下的很多子菜单都附有相应的快捷键，通过使用这些快捷键，用户可以直接执行相应的操作命令，从而提高效率。常用菜单栏的命令及简要说明见附录一。 舞台：舞台是播放Flash电影时用户可看得到的区域。它包含所有可视的文档元素以及某些情况下不可视的文档元素，如文本、如下、视频和声音。,1.2.1 Flash CS3的操作界面,工具栏：使用“工具”面板中的工具可以绘图、上色、选择和修改插图，并可以更改舞台的视图。 属性面板：是一个可用来修改文档和对象的面板。它是区分上下文的，属性会根据选中的对象发生变化。 时间轴：控制不同层中动画的帧数与帧的效果，包括新层的增加、引导层的建立、层的删除及相关帧的操作。 浮动面板：可快速激活各常用面板，其中包括属性面板、动作面板、颜色面板、样本面板和库面板等。,1.2.2Flash CS3的基本操作,启动Flash CS3，新建一个Flash文档 选择“新建”“Flash文件（ActionScript 3.0）”进入界面 设置影片属性 使用快捷键Ctrl+F3打开属性面板 设置首选参数 执行“编辑”“首选参数”，打开“首选参数”窗口 使用控制面板,1.2.2Flash CS3的基本操作,使用控制面板 使用扩展剪贴板 使用工具面板 发布Flash文档,1.3 Flash动画的制作流程,设定舞台尺寸和安排场景 执行“文件”“新建”，出现如图1-8所示窗口，然后点击“Flash文件（ActionScript3.0）”，进入编辑界面。,1.3 Flash动画的制作流程,点击 “属性”面板上“大小”处的位置，在弹出的窗口中设置参数,1.3 Flash动画的制作流程,1.设定舞台尺寸和安排场景,2.创建和插入动画成员：图形、影片、按钮元件,3.设定动画效果：逐帧、运动和形状渐变动画,4.预览测试和发布动画,1.3 Flash动画的制作流程,下面创建这个元件的内容，单击工具箱中的“T”按钮 在属性面板中设定字体,1.3 Flash动画的制作流程,点击“场景1”进入到舞台编辑区，执行“窗口”“库”或直接点击右上方的“库”或快捷键CrtlL 然后从元件库中将“元件1”拖动到舞台上，这时元件已经成为动画中的实例了。 至此，新建、插入动画内容的工作全部完成。,1.3 Flash动画的制作流程,具体操作步骤如下： 单击时间轴“图层1”的第15帧，按下F6快捷键，插入另外一个关键帧，这个关键帧的内容与第一帧完全相同 在第1帧处，使用工具箱里面的按钮，选中元件1，在“属性”面板的“颜色”中，选中“alpha”，并设置其值为0,1.3 Flash动画的制作流程,同第1步，在第30帧和第45帧处按下F6快捷键，创建两个关键帧。同第2步，将第45帧处的元件1的“alpha”值设置为0。 下面是添加动画的重要步骤，右键单击时间轴中第1帧第15帧之间的任意一帧，从弹出的快捷菜单中选择“创建补间动画”，同样在第30帧第45帧之间的任意一帧中点击右键，选择“创建补间动画”。,1.3 Flash动画的制作流程,预览测试动画 预览动画的方法是直接在工作区按Enter键。 动画的保存、输出与发布 动画做好之后就要保存文件，方法是执行菜单中的“文件”“保存”或者“另存为”，就可以将文件保存为FLA的标准格式。 动画的输出与发布过程也非常简单，执行“文件”“发布设置”，设定好要输出的文件类型（一般只要选中Flash即可），然后直接单击“发布”按钮即可输出动画。,1.4 Flash的应用领域,网络广播 制作游戏 MTV制作 教学课件制作 Flash电子贺卡 产品宣传 站点建设 制作视频文件 制作Flash Lite手机动画,1.5 Flash CS3的新增功能,Adobe Photoshop 和 Illustrator 导入 将动画转换为 ActionScript Adobe 界面 ActionScript 3.0 开发 高级调试器 Adobe Device Central 丰富的绘图功能 用户界面组件 高级 QuickTime 导出,课堂总结,本次课主要介绍了Flash CS3的基础知识，从Flash的发展史到Flash动画的基本特点，还通过实例讲解了使用Flash CS3版本的软件制作Flash动画的相关操作和界面功能的讲解，同时针对新增功能也做了详细的介绍和图例说明。同时引用通俗易懂且比较实用项目实例详细的讲解了Flash动画的制作流程。另外对Flash CS3的新增功能也做了简要的介绍，尤其是了解动画的输出和发布，能根据动画内容生成除FLA之外的其他格式的文件