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