《flash cs5 动画设计实例教程》1

FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
1.1.3Flash的退出 退出Flash程序的方法有以下几种： • 左键单击菜单栏中的【文件】→【退出】命令或按 【Ctrl】＋【Q】键。 • 单击标题栏右端的【关闭】按钮。 • 单击标题栏左端的控制选单按钮，从弹出选单中选择 “关闭”命令。 • 双击标题栏左端的控制选单按钮。 • 按下快捷键【Alt】＋【F4】。
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
1.3 设置flash cs5的工作环境 • 中文 flash cs5.0 的工作界面如图所示。它包括标题栏、 菜单栏、主要工具栏、工具箱、时间轴、舞台工作区、 “属性”面板、“动作”面板、“库”面板、“颜色”面 板和其他各种面板等。
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
• 标题栏下方是菜单栏，各菜单的命令及功能如表所示。
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
2．主工具栏 • 在菜单栏下方是主工具栏。主工具栏列出了大部分最 常用的工具，从左到右依次为：新建文件、打开文件、 保存文件、打印文件、剪切、复制、粘贴、撤销、重 做、磁铁、平滑、伸直、旋转与倾斜、缩放、对齐。 这些工具集中了菜单中常用命令的快捷按钮，以方便 操作。
• 交互动画：交互动画是由用户操作键盘或鼠标参与动画的 执行，用户不再是被动的欣赏，而是参与其中并融入动画 角色里。交互动画一般通过动作脚本语言（ActionScript） 实现。
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
1.2.2 Flash动画优点 • 使用矢量技术制作动画，只用少量向量数据就可以描述一个复杂的对 象，占用的存储空间只是位图的几千分之一，非常适合在网络上使用。 同时，矢量图像可以做到真正的无级放大不会降低画面质量。 • 采用流式播放技术，可以边下载边播放，降低了对带宽的要求，缩短 了下载等待时间。 • 为用户提供了一个灵活易用的操作界面，所见即所得，无论对于Web 设计师、动画设计师，还是程序开发人员都一样顺手易用。
4．绘图纸外观 • 在时间轴下面的5个按钮是绘图纸工具按钮，它们可以使动画编辑者在编 辑区内看到多个帧的画面
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
• 帧居中按钮：用来定位当前帧的位置，单击此按钮后，当 前帧就会被定位于时间轴的正中间。 • 绘图纸外观按钮：在时间轴上设置一个连续的显示帧区域， 区域内的帧所包含的内容同时显示在编辑区中。 • 绘图纸外观轮廓按钮：该按钮作用与绘图纸外观按钮一样， 只是它只显示各帧图形的轮廓线。 • 编辑多个帧按钮：当需要同时编辑多个帧时，按下此按钮 就可以了。但要注意，它只对逐帧动画起作用，对补间动 画无效。 • 修改绘图纸标记按钮：用于改变绘图纸显示的状态和设置。 单击它会弹出一个与时间轴多帧显示相关的菜单。
Flash的工作环境。
• 本章难点：简单动画的制作流程和方法。
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
1.1 进行Flash的安装
1.1.1 Flash的安装 执行下列操作之一开始安装过程： • (Windows) 如果有 CD，请将其插入 CD 驱动器。一段影 片剪辑将指导您完成整个安装选择。
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
1.3.1 舞台的使用 1．标题栏和菜单栏 位于屏幕最上方的横条就是标题栏，标题栏的左端依次是 控制选单按钮、软件名称和当前编辑的文件名。单击最 左边的控制选单按钮可弹出控制选单，可对窗口进行操 作，如移动、改变大小等。右端的三个按钮用于调节窗 口的状态 。
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
1.3.3 图层的使用 • 图层就像透明的胶片一样，在舞台上一层层地向上叠加。 图层可以组织文档中的图形图象。可以在图层上绘制和编 辑对象，而不会影响其它图层上的对象。如果一个图层上 没有内容，那么就可以透过它看到下面的图层。层与层之 间是独立的，每个图层上都有若干帧，每个 Flash 动画又 有多个图层组成。
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
1．创建图层和图层文件夹 （1）创建新图层
时间轴底部的“插入图层”按钮。
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
1.2 flash cs5基本概念介绍
1.2.1 Flash动画类别 • 按照计算机制作动画的方式，可以将动画分为逐帧动画、 补间动画、遮罩动画、交互动画等。 • 逐帧动画：逐帧动画采用的原理实际上就是传统的动画片 制作原理，先把动画分解成很多个动作，然后将一个一个 的动作制作出来，再将它们连续播放就形成了动画。由于 这种方式要绘制许多内容不同的帧，不仅制作起来比较复 杂，而且最终的文件将十分庞大，不利于在网页上使用。
• 从 Internet 下载的 Adobe Flash Pro CS5，双击Adobe Flash Professional CS5_Setup.exe 进行安装。
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
源自文库
1.1.2 Flash的启动与注册 • 系统安装完成后在开始菜单中可以找到Flash的启动项， 点击蓝色光条覆盖下的Micromedia flash cs5 即可启动 Flash了。 • 第一次启动Adobe Flash Professional CS5时会出现提示 窗口，在窗口中可以选择试用30天或者输入序列号激活 Adobe Flash Professional CS5，激活后Adobe Flash Professional CS5将可以永久使用。 • 如果拥有一个序列号，可以选择提供序列号选项，并在窗 口中输入你获得的Adobe Flash Professional CS5的产品 序列号点击【继续】按钮即可进入Adobe Flash ，此时不 再有30天的使用限制。
（1）改变舞台（影片）尺寸 • 舞台的大小就是影片播放窗口的大小，可以通过菜单【修 改】→【文档】命令打开“文档属性”窗口，然后在尺寸 栏中输入舞台的宽度值和高度值 （2）改变舞台显示比例 用户可以根据需要，调节舞台的显示比例。当 需要精确绘图时，可以放大显示比例，使之称为一个特定 的区域；当需要看整个舞台效果时，可以缩小显示比例， 在屏幕上显示出整个舞台。
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
3．舞台 • 舞台是一块白色的区域，它是创作和动画的主要场所，同 时也是动画影片发布后的显示区域。舞台区域左右两侧的 灰色区域是工作区。
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
• 无论使用哪种方法退出flash cs5.0，如果所编辑的动画 文件还没有保存的话，都将出现一个提示对话框，询问 是否保存当前要关闭的文件，用户可以根据需要进行必 要的选择。
FLASH CS5 动画设计实例教程》
• 本章目录
• 1.1 进行Flash得安装 • 1.2 flash cs5基本概念介绍 • 1.3 设置flash cs5的工作环境 • 1.4 flash cs5的简单动画制作
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
• 本章重点：Flash的安装、动画的基本概念以及
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
3．使用帧
• • 实际上Flash动画是通过连续显示一系列静止图像形成的。这一幅幅静止 图像以时间上的出现次序从左到右依次水平排列，每一幅图像就叫一帧。 在Flash中，帧可以分为未用帧、空帧、关键帧、空白关键帧、延续帧和 过渡帧。帧在时间轴中出现的顺序决定它们在 Flash 应用程序中显示的 顺序。
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
1.2.3 场景介绍
• 一场舞台剧，分为好几幕，按照次序一幕幕的进行演出。 在Flash动画制作中也采用此种方式，不过“幕”换成了 “场景”（Scenes）。一个简单的动画只需一个场景即可， 而在创建复杂动画时，就需要使用多个场景来完成
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
放大或缩小舞台显示比例的方法有以下几种：
• 选择菜单【视图】→【放大】命令，成倍放大舞台；【视 图】→【缩小】命令，成倍缩小舞台；【视图】→【缩放 比率】命令，可以按特定百分比缩放舞台。
• 应用编辑栏右侧的显示比例下拉列表框，从列表框中选择 或输入合适的百分比。
• 应用绘图工具箱中的放大镜工具。要放大或缩小某个对象， 可以选择放大镜工具，单击该对象。
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
1.3.2 时间轴的使用 • 时间轴用于组织和控制文档内容在一定时间内播放的图 层数和帧数。与胶片一样，Flash 文档也将时长分为帧。 图层就像堆叠在一起的多张透明幻灯胶片一样，每个图 层都包含一个显示在舞台中的不同图像。时间轴的主要 组件是图层、帧和播放头 。 1．移动播放头 • 文档播放时，播放头在时间轴上移动，指示当前显示在 舞台中的帧。时间轴标题显示动画的帧编号。要在舞台 上显示帧，可以将播放头移动到时间轴中该帧的位置。
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
第一章 构建您的第一个 Flash
目标技能
掌握Flash安装方法。 掌握Flash动画制作的基本概念。
了解Flash工作环境。
掌握Flash简单动画的制作流程与方法。
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
• 兼容性好，可以与Macromedia公司的Dreamweaver、Fireworks集成使 用。
• 交互性强。Action Script是Flash的脚本语言，随着其版本的不断更 新，日趋完美。使用Action Script可以控制Flash电影中的对象、创 建导航和交互元素，制作非常具有魅力的作品。 • 为程序开发人员提供了大量的对象、事件模式和组件库。
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
• 补间动画：补间 (tween) 是补足区间 (in between) 的 简称。使用这种方法，只需设置起始帧和结束帧的内容， 就可以创建平滑的动画，中间的帧由系统根据关键帧自动 进行计算而成。由于只需定义两端的关键帧，所以补间动 画存储容量小，执行速度快。补间动画分为动作补间动画 和形状补间动画。 • 遮罩动画：遮罩动画是通过一种遮罩层技术实现画面变化 的动画。
FLASH CS5 动画设计实例教程》
机械工业出版社
中等职业教育“十一五”规划教材۰电子商务专业
2．更改时间轴中帧的显示 • 可以通过“帧视图”菜单，更改时间轴中帧的大小，以 及向帧序列添加颜色以加亮显示它们。还可以在时间轴 中包括帧内容的缩略图预览。这些缩略图是动画的概况， 因此非常有用，但是它们需要额外的屏幕空间。