FLASH_CS4课件L5帧和图层的操作
Flash_CS4_第1章 Flash CS4动画基础
教 课 师：杜广周 时：20学时
河南思远
第1章
Flash CS4动画基础 CS4动画基础
学习目标： 学习目标：
Flash是美国Adobe公司开发的矢量图形编辑和动 画创作软件，是一种具有多种功能及简易操作的多 媒体创意工具，主要应用于网页动画和多媒体创作 等领域。
第1章
1.1.1 Flash的特点 Flash的特点
（1）用户既可直接创建简单的“帧-帧”动画 （2）在Flash中，用户还可利用“时间轴特效”制作一些特定类型的动画 （3）动画设置是以图层为单位进行的 （4）如果动画比较复杂，还可将动画划分为不同的场景
第1章
Flash CS4动画基础 CS4动画基础
Flash在目前的应用领域 1.1.2 Flash在目前的应用领域
Flash CS4动画基础 CS4动画基础
本章知识点： 本章知识点：
启动Flash CS4 Flash CS4的工作界面 Flash CS4的文件操作 处理项目
第1章 1.1
Flash CS4动画基础 CS4动画基础源自关于Flash 关于Flash
Flash是一个非常优秀的矢量动画设计软件，它以流式控制技术和矢量技 术等为核心，制作出的动画具有短小精悍的特点，被广泛应用于网页动画的 设计，成为当今网页动画制作最为流行的软件。
网页广告 网络动画 动态网页 在线游戏 多媒体教学
第1章
Flash CS4动画基础 CS4动画基础
Flash的常用术语 1.1.3 Flash的常用术语
1．流技术 2．矢量图与位图 3．逐帧动画 4．补间动画 5．舞台 6．场景 7．时间轴
第1章
Flash CS4动画基础 CS4动画基础
Flash cs4基本操作与位移动画案例介绍
1-1、软件界面介绍
• 打开flash软件，进入欢迎界面，然后单 击flash文件，进入编辑动画界面，可以看 到最上面一行是标题栏，左上方是舞台， 也就是我们编辑动画的场景，左下方是时 间轴和动画编辑器，右边是属性面板和库 面板，还有需要用的工具箱。
1-2、椭圆工具的使用
• 选择“椭圆”工具，在舞台上单击鼠标，按住鼠标不放，向需要 的位置拖曳鼠标，绘制出椭圆图形。按住shift键拖动鼠标可以绘制出 一个正圆，按住键盘的alt键表示由中心向四周绘制椭圆，按住键盘的 alt键和shift键表示由中心向四周绘制正圆。另外可以在椭圆工具“属 性”面板中设置不同的边框颜色、边框粗细、边框线型和填充颜色。
④导师解答（采用留言形式） ⑤学友交流（留言板或者借助QQ及YY等与同时学习的人交流） ⑥对教学的过程进行实时的监控，对下一阶段的学 习给予激励、提示和导向 ⑦建议留言（给我们提意见
改进、完善教学过程）
教学评价及反馈
①学习完本节课程后的自我评价 我学会了吗？ 我会做了吗？ （要求：做出一个与教学示范相同 的作品以及一个不同的作品。） 我在制作过程中遇见了什么问题？ 我是否自己通过查资料解决问题？ 我准备提交作业了吗？是（上传我的作品） 否 （下次再上传）
1-9、设置文档、散件和元件的属性
给学生一边演示一边讲解文档、散件和元件的 属性设置
1-10、动画实例——球体渐隐渐显
给学生演示球体渐隐渐显效果的制作，然后再让 同学们课后自己动手操作，将作品提交。如有不 懂的地方，可以给老师留言，老师在查看作品时 同时解答同学们的问题
1-11、帧属性
通过远程展示一个动画，然后用动画给同学讲解 帧属性有哪些，分别是什么。
Flash cs4基本操作 与位移动画案例介绍
Flash CS4的使用与实例
图2-13 补间形状动画属性面板
一、形状渐变效果——变形的球
4）渐变变形工具
“渐变变形工具”主要用于调整渐变色填充和位 图填充的效果。它可以调整渐变色的方向、范围和角 度等，从而使图形的填充效果更加符合要求。
渐变方式包括线性渐变和放射状渐变。
图2-14 线性渐变控制柄
图2-15 放射状渐变控制柄
一、形状渐变效果——变形的球
三、文字载入效果—— 多媒体技术与动画
4、小结 通过文字载入效果案例，学习逐帧动画 的制作方法、文字的输入及属性设置、 图层的操作和帧的操作。
2.2渐变动画的特殊效果
形状渐变效果——变形的球 形状提示渐变效果——运动的盒子 运动渐变效果——林丹电子相册
一、形状渐变效果——变形的球
3、方法步骤
1）新建文档，舞台大小设为550×300，将文件保存为 “变形的球.fla”。 2）绘制一个黄色（#FFFF00）的小球，大小45×45， 在第50帧按<F6>键插入一个关键帧。 3）单击第1帧，选中刚绘制好的小球，按住<Ctrl>键拖 动小球，再复制四个大小相同的小球。 4）单击“绘图制外观”，选择第50帧，将50帧的球放 大到93×93。选择“颜色”面板，设置：填充色的 类型为放射状，颜色由内到外从黄色（#FFFF00） 到绿色（#00FF00），如图2-16所示。
二、形状提示渐变效果——运动的盒子
4）在“图层1”第30帧处插入关键帧，在1-29帧之间任 意帧上右击，并在弹出的快捷菜单中选择“创建补间 形状”，创建成功后，如图2-18所示。
1、效果图
(a)第1帧图像
(b)第40帧图像
(c)第50帧图像
图2-12 “变形的球”效果图
FlashCS4动画制作基础
将位图转换为图形对象: 选中舞台上的位图，单击菜 单“修改”/“分离”或者快捷键Ctrl+B，将位图分离 为图形对象，此时的属性面板中显示的是“形状”的 属性。
将位图转换为矢量图: 选中舞台上的位图，单击菜单 “修改”/“位图”/“转换位图为矢量图”命令。
5.3 Flash对象的编辑
5.1 Flash CS4简介
4. Flash CS4的文件基本操作 新建文档 设置文档属性 保存Flash文档
5.2 工具面板中的常用工具
菜单“窗口”/“工具”命令或快捷键Ctrl+F2将打开 工具面板
5.2 工具面板中的常用工具
一．选取工具组 选取工具中包含了“选取工具”、“部分选取工具”、
5.2 工具面板中的常用工具
2. 创建不同类型的文本 单击工具栏上的“文本”工具 ，打开其属性面板。在“文
本类型”下拉列表中选择“静态文本”、“动态文本”或 “输入文本”。 3. 为文本添加滤镜效果 选中文本，在属性面板的“滤镜”选项卡的底端单击“添 加滤镜”按钮，如图5.2.39所示。在弹出菜单中选择要添加 的滤镜效果。 4. 将文本对象转换为图形对象 单击菜单“修改”/“分离”命令或按快捷键Ctrl+B，将一 个组合的文本分离为单个字符的状态。 在文本处于选中状态下，再次单击菜单“修改”/“分离” 命令或按快捷键Ctrl+B，将文本对象转换成了图形对象， 可以用工具面板中的工具为其设置更加复杂的文字效果。
音和文本等。
排列元素：在舞台上和时间轴中排列这些媒体元素，以定 义它们在应用程序中的显示时间和方式。
应用特殊效果：根据需要应用图形滤镜（如模糊、发光和 斜角）、混合和其它特殊效果。
使用ActionScript控制行为。 测试并发布应用程序：进行测试以验证应用程序是否按预
图层的基本操作
7.2.9 设置图层属性
使用“图层属性”对话框可以设置图层的一些属性，如名称、类型、轮廓颜色、图层 高度等。设置图层属性的具体操作步骤如下： （1）双击时间轴面板上图层名称前面的 标志，打开“图层属性”对话框。 （2）在“名称”框中设置图层的名称。 （3）在“类型”中选择图层的类型。 （4）单击“轮廓颜色”左边的色块，打开颜色列表，从中设置该层线框显示模式下 的轮廓颜色。 （5）“图层高度”用来设置时间轴面板上图层的高度。 （6）设置完成后单击“确定”按钮。
图层的基本操作
7.2.7 锁定图层
锁定图层后，该图层就不能再进行任何编辑。锁定与解锁图层的方法有以下几种： 在图层后面的列的标志上单击，单击完成后再次单击则解锁图层。 单击时间面板上的锁定或解锁所有图层按钮。 按住Alt键的同时单击某层列的标志，将锁定除单击层之外的所有图层。
7.2.8 以线框模式显示层
7.2.6 显示或隐藏图层
图层被隐藏之后，该图层中的内容将统统被隐藏起来，这样有利于分清各个图层中的 内容。显示或隐藏图层的操作方法有下面几种： 在图层后面的列的标志上单击， 单击完成后再单击一次即可显示图层。 单击时间轴面板上的显示或隐藏所有图层按钮。 按住Alt键的同时单击某层列的标志，将隐藏除单击层之外的所有图层。
将层上的对象以线框模式显示出来，可将该层与其他层中的对象区分开。以线框模式 显示层的操作方法有下面几种： 在图层后面的标志上单击，对象将只显示边框。 单击时间轴面板上的按钮，所有的对象将只显示边框，再单击，即显示填充颜色。 按住Alt键的同时单击某层列的标志，将其他所有层显示为线框模式。
图层的基本操作
7.2.2 选择图层
如果要选定其他的图层，可以通过下面3种方法来完成： 在时间轴面板上单击需要选取的图层的名称。 在时间轴上单击某一帧可以选取相应的图层。 在场景中选择某一对象时可以激活该对象所在的图层。
《FlashCS4动画设计》
项目二 绘制Flash动画对象
任务一 钢笔工具的使用
3. 钢笔工具的几种状态 （1）初始锚点指针 （2）连续锚点指针 （3）添加锚点指针
（4）删除锚点指针
（5）连续路径指针 （6）闭合路径指针 （7）回缩贝塞尔手柄指针 （8）转换锚点指针
项目二 绘制Flash动画对象
任务一 钢笔工具的使用
4.添加或删除锚点 （1）选择要修改的路径。 （2）在钢笔工具上单击并按住鼠标左键，然后选择添加锚
项目一 Flash CS4基础知识
任务二 保存和关闭文档
2.关闭文档 执行“文件”→“关闭”命令或单击工作界面右上角的“关闭”
按钮即可关闭文档。当用户打开了多个文档时，可以执行“文
件”→“全部关闭”命令，同时关闭多个文档。
项目一 Flash CS4基础知识
任务三 打开文档和设置文档属性
1.打开文档
执行“编辑”→“撤销”命令，然后再次单击。
（3）在想要该线段结束的位置处再次单击。 （4）继续单击创建其他线段。
（5）以开放或闭合形状完成此路径。
项目二 绘制Flash动画对象
任务一 钢笔工具的使用
2.使用钢笔工具绘制曲线 （1）选择钢笔工具。 （2）在舞台上曲线开始的位置单击，然后按住鼠标左键，此 时出现第一个定位点，鼠标指针也由钢笔形状变成了箭头形状。 （3）按需要的曲线方向拖动鼠标。按住Shift键将限制线条
打开文档的操作有以下几种方法：
（1）在起始页中单击“打开最近的项目”区域中需要打开的 文档名称。
（2）执行“文件”→“打开”命令，弹出“打开”对话框。
在“打开”对话框中选择需要打开的源文件，单击“打开”按钮 即可。
（3）执行“文件”→“打开最近的文件”命令，在其子菜单
FLASH_CS4课件L5声音与视频
控制关键帧的音频
要将声音与动画同步，请在关键帧处开始播 放和停止播放声音。
1. 2.
3.
4.
向库中添加声音。 若要使此声音和场景中的事件同步，请选择一个与 场景中事件的关键帧相对应的开始关键帧。将声音 添加到该帧上。可以选择任何同步选项。 在声音所在层时间轴中要停止播放声音的帧上创建 一个关键帧（终止关键帧）。 时间轴中将显示该 声音文件的音频线。 在终止关键帧的属性面板中，选择同一声音，选中 “同步”列表框中的“停止”选项。 在播放 SWF 文件时，声音会在结束关键帧处停止播放。
上机练习2
打开一个flash文档 从[公共库]|[声音]中选择一个声音文件，导入 到库中。 查看声音波形，如果有两条波形，则表示当前 的声音文件为双声道，反之为单声道。 选中声音文件，拖动到舞台上，打开【属性】 面板，设置【效果】为【淡入】，设置播放方 式为【重复】，重复次数为3次。 按Ctrl+Enter键，测试动画效果。
清晰的FLV视频1分钟在1MB左右，一部电影在100MB左右，是普通 视频文件体积的1/3，而且具有CPU占有率低、视频质量良好等特点。 目前各在线视频网站均采用此视频格式。如新浪播客、优酷、土豆、 酷6等，无一例外。FLV是目前增长最快、最为广泛的视频传播格式， 已经成为当前视频文件的主流格式。 FLV格式不仅可以轻松的导入Flash 中，速度极快，并且能起到保护 版权的作用，并且可以不通过本地的微软或者REAL播放器播放视频。
■
图形图像的导入方式
导入到舞台
将图形图像导入到当前 场景中
导入到库便于进行编辑 方便用户多次调用，且可以节省文件大小， 可调用外部已有库（如其他.fla文档中的）素材。
fireworks教案课件第2章FlashCS4基础
2.1.4 绘图工具箱
使用Flash CS4进行动画创作，必须绘制各种图形和对象，这就必须 使用到各种绘图工具。绘图工具箱中包含了10多种绘图工具，用户可 以使用这些工具对图像或选定区进行操作。单击工作区右侧的工具箱 缩略图标，即可展开工具箱面板，如图所示。
2.2.2 工具栏、工具面板的设置
通过“窗口”菜单及其子菜单下的各项命令，可以方便地显示工具栏和工具 面板。工具面板有很多种，同时显示出来的话会使工作界面凌乱不堪，可以 根据实际工作需要选择其中几种，或修改面板的显示方式。单击Flash CS4面 板右上角的 按钮可以将面板缩为标题栏半透明的精美图标。单击 按钮 即可展开面板。
2.1.5 时间轴
Flash CS4的时间轴窗口默认情况下位于工作区的下方，它是处理帧 和层的地方，而帧和层则是动画的主要组成部分。当选择某一层，然 后在舞台上绘制内容或者将内容导入到舞台中时，该内容将成为这个 层的一部分，因为它是当前所选的内容。时间线上的帧可根据时间改 变内容。舞台中所出现的每一帧的内容表示该时间点上出现在各层上 的所有内容的反映。可以移动、添加、改变和删除不同帧的各层上的 内容以创建运动和动画。在时间线上使用多层层叠技术可将不同内容 放置在不同层，从而创建一种有层次感的动画效果。
时间轴窗口分为两大部分：图层面板和时间轴控制区。
2.1.6 动画舞台
舞台是一个矩形区域，相当于实际表演中的舞台。可以在其中绘制和 放置电影内容。任何时间看到的舞台中显示当前帧的内容。
舞台的默认颜色为白色，可用作电影的背景。在最终电影中的任何区 域都可看见该背景，可以将位图导入Flash，然后将它放置在舞台的 最底层，这样它可覆盖舞台，成为一个背景。
FlashCS4案例教程全解
Flash CS5教程第一章：基本操作与位移动画制作1-2、软件界面介绍1-3、椭圆工具的使用按住shift键画正圆，按住alt键表示由中心向四周绘制椭圆，按住alt+shift由中心向四周绘制正圆，边框色和填充色的设置。
1-4、更改椭圆的颜色对于已经绘制好的图形，它的颜色利用颜料桶工具更改填充色，墨水瓶工具用来更改边框色如果不想要填充色或者边框色，用选择工具选中然后删除即可，双击可选中两部分。
1-5、散件如何转变成元件散件（图形），元件，F8.1-6、帧的概念帧（指的就是图片或画面，一帧指的就是一张图片或者一个画面）关键帧：1、有图像的关键帧（关键帧）.2、无图像的关键帧（空白关键帧）。
帧速率（帧频率）：所谓帧频率指的是单位时间内播放多少画面或图片，以前版本默认12帧/秒，cs4以后默认为24帧/秒。
网页中仍然用12帧/秒，否则文件量增大。
帧速率大小关系：帧速率越大单位时间内播放的图片越多，速度越快未开发的帧做动画最主要的做关键帧，做一个圆从左边慢慢移动到右边，只做两帧，一帧关键帧，一帧空白关键帧，就是闪烁效果。
1-7、帧速率帧速率的调整1-8、动画实例--球体移动动画的分类：1、位移动画2、形变动画3、逐帧动画4、路径动画5、蒙版动画6、脚本动画Ctrl+2：满画布显示散件不适合做位移动画，用F8键将散件转化为元件，F6插入关键帧，并且复制上一帧的画面。
创建传统补间，Ctrl+enter利用flash播放器播放影片。
1-9、矩形和多边形工具的使用画法同椭圆，画圆角矩形，选择矩形工具在属性面板中设置，多角星形工具属性中选项的使用。
1-10、设置文档、散件和元件属性属性设置1、文档：舞台颜色设置，大小，帧速率等。
2、散件：宽度、高度等3、元件：色彩效果等1-11、动画实例--球体渐隐渐显1帧处画个小球，转成元件，15帧处F6插入关键帧，按住shift键，移动小球保持水平移动，29帧处按键盘F6键，再次移动小球；15帧处用任意变形工具，结合放大镜工具，将小球变到最小，属性中alpha，调成透明，关键帧中间创建传统补间。
FlashCS4课件制作案例教程FlashCS4框架的后期处理
第8章 Flash CS4框架的后期处理 179图8.4 添加滤镜效果（4）在“内容”图层中添加关键帧，如图8.5所示，新建图层并命名为“内容声音”。
图8.5 新建图层（5）选择“内容”图层第65帧的圆角矩形，将其移动到舞台的左边，使矩形的右边界与舞台的左边界对齐，如图8.6所示。
（6）选择矩形，在“属性”面板中为其设置“滤镜”中的“模糊”效果，参数设置如图8.7所示。
（7）右击第65帧，在快捷菜单中选择“传统补间动画”，并在“属性”面板中为此帧设置缓动为−100，如图8.8所示。
180Flash CS4课件制作案例教程图8.6 移动矩形位置图8.7 “属性”面板参数设置图8.8 设置“缓动”参数（8）右击第65帧，在出现的快捷菜单中选择“复制帧”命令，选择右键快捷菜单中的“粘贴帧”命令将其分别粘贴到第76帧、第87帧、第98帧、第109帧处，并且创建“传统补间动画”，如图8.9所示。
第8章 Flash CS4框架的后期处理 181图8.9 粘贴帧（9）分别在第75帧、第86帧、第97帧、第108帧、第120帧处添加“stop()”命令。
在图层“内容声音”的第65帧、第76帧、第87帧、第98帧、第109帧处插入空白关键帧，如图8.10所示。
图8.10 添加关键帧（10）接下来，将“库”中的声音素材“F1”拖动到第65帧、第76帧、第87帧、第98帧、第109帧，如图8.11所示。
图8.11 添加声音效果（11）选择“背景”图层的第65帧，删除“stop()”命令。
8.2 框架中的代码交互设计（1）选择“库”中的“bgsound.mp3”，右击，在快捷菜单中选择“属性”命令，在“属性”对话框中单击“高级”按钮，并设置参数如图8.12所示，此参数是为了使用Action代码加载背景音乐而设定的。