《Flash动画入门教程 (2).ppt》由会员分享，可在线阅读，更多相关《Flash动画入门教程 (2).ppt（86页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、9.6 Flash 8.01 1、初初 识识FLASH2、对象编辑工具对象编辑工具3、帧操作帧操作4、图层的作用图层的作用5 5、元件与图库的编辑元件与图库的编辑6 6、动画的基本类型动画的基本类型7 7、动画的控制命令动画的控制命令 8 8、声效控制方法声效控制方法9 9、作品展示作品展示初初 识识FLASH（1）FLASH 8.0 的新增功能的新增功能（2）FLASH 8.0操作工作界面的剖析操作工作界面的剖析FLASH 8.0 的新增功能的新增功能 自定义缓动控制自定义缓动控制 视频视频 Alpha 通道支持通道支持 图形效果滤镜图形效果滤镜 位图平滑位图平滑 混合模式混合模式 改进的文
2、本消除锯齿功能改进的文本消除锯齿功能 新的视频编码器新的视频编码器 FLASH 8.0操作工作界面的剖析操作工作界面的剖析操作工作界面操作工作界面“文件文件”菜单菜单“编辑编辑”菜单菜单 “视图视图”菜单菜单“插入插入” 菜菜单单“修改修改”菜单菜单“文本文本”菜单菜单“命令命令”菜单菜单“控制控制”菜单菜单“窗口窗口”菜单菜单“帮助帮助”菜单菜单Flash 8.0的操作工作界面的操作工作界面 “文件文件”菜单菜单 单击 “文件”菜单会出现如左图所示的下拉菜单，其中包括的是有关文件的各项操作。 【新建 (N)】 可以创建一个新的Flash文件。 【打开 (O)】 用来打开Flash文件以及某些
3、相关文件。 【打开最近的文件 (T)】 可打开最近所使用的文件。 【关闭 (C)】 用来关闭当前文件，但不是退出Flash 8.0的。 【全部关闭】 用来关闭打开的多个窗口。 【保存 (S)】 把文件保存为FLASH自己的fla格式文件，方便以后可以用Flash重新打开编辑并修改。 【另存为模板 (T)】 另存为电影模板格式，保存为电影模板后即可再次利用该模式制作其他的Flash影片。 【全部保存】 用来保存打开的多个窗口。 【导入 (I)】 可以用来导入其它格式的文件,如jpg或gif等，可以导入到舞台也可以导入到库。 【导出 (E) 】 可以导出影片和图象.用来导出你所创作最终影片，还可以
4、导出各种格式的图像文件,如jpg，gif，bmp等。 【发布设置 (G)】 用来设置发布选项。单击红色框体，了解详细情况。“编辑编辑”菜单菜单 “编辑”菜单如左图所示，功能是对帧的复制与粘贴，编辑时的参数设置，自定义快捷键以及字体映射等。 菜单中的剪切帧、拷贝帧、清除帧、粘贴帧是相对一个或者多个帧而操作的。 “视图视图”菜单菜单 “视图”菜单用于取舍在屏幕上显示的内容，如：在影片预览时可以关闭浮动面板和时间轴的显示。 【转到 (G)】：用来控制当前舞台显示哪一个场景。 【放大 ( I )】：可以放大舞台。 【缩小 (O )】：可以缩小舞台。 【缩放比率(M )】：控制窗口和舞台的比率。“插入插
5、入” 菜单菜单 “插入” 的命令使用率很高。 元件是Flash中动画的基本个体. 通过插入 “图层”，来实现基本动画。 主要包括层、帧和对象的插入删除等操作。“修改修改”菜单菜单 Flash 8.0 中的 “修改”菜单如左图所示： 【文档 (D)】：用来修改文档的属性 【变形 (T)】：调整比例和旋转角度 【排列 (A)】：调整图层的上下位置 【对齐 (N)】：改变物体在舞台上的位置 【分离 (K)】：打散“文本文本”菜单菜单 文字在动画中占有很重要的位置。 “ 文本 ” 菜单界面 文字属性面板 “命令命令”菜单菜单“命令” 菜单界面 “控制控制”菜单菜单 在设计的过程中，我们要不停的测试影片
6、,以符合自己的设计，所以说“控制”菜单是Flash当中重要的一环。“窗口窗口”菜单菜单 “窗口”菜单用于控制各个窗口及面板的打开与关闭。“帮助帮助”菜单菜单 “ 帮助 ”菜单是为初学的用户提供教程和示例，是初学者学习的最佳途径。 用户不但可以通过“帮助”菜单找到问题的答案，而且可以在菜单中的相关命令中连接到互联网上，可以获得更多的帮助。对象编辑工具对象编辑工具 常规工具栏常规工具栏 绘图工具条绘图工具条 常规工具栏常规工具栏绘图工具条绘图工具条 随着Flash软件版本不断升级，其工具越来越贴近用户，在使用时更加得心应手。【箭头】工具 箭头工具专门用来选取各个元件，在Flash里面轮廓线和里面的
7、填充色是分开的，所以想要选中的话就要先框住对象，然后进行移动。 选取元件与改变线段的形状及长度 【部分选取【部分选取】工具】工具 部分选取工具可显示图形的所有顶点，拖动节点就能对图形任意编辑。 对图形进行编辑 【任意变形【任意变形】工具】工具 任意变形工具可以轻松实现图形自由的变形。 注意：把图形打散后还可以对图形进行变形。 任意变形效果 【填充变形【填充变形】工具】工具 填充变形工具是对图形可以进行自由填充，而不拘泥于其他属性。可以根据中心点、角度及范围来调整对象颜色的变化。填充变形工具 【线条【线条】工具】工具 线条工具可以绘制线条，线条的粗细、颜色及造型均在下边的属性栏里调整。在绘制的过
8、程当中，按住 Shift 不放，可以绘制出45度或水平的直线。 线条工具 【套索【套索】工具】工具 套索工具被选取时,其附属选项按钮会出现在选项条中（如下图所示）。 套索工具用于不规则的形状任意圈选对象，它可以配合箭头工具，按住 Shift 键不放，可同时选择多个对象。 【钢笔【钢笔】工具】工具 钢笔工具可绘制直线、曲线，而且可调整路径上的节点。它可以自由创建和编辑矢量图形。单击鼠标左键确定点的位置，连续单击形成直线组成的折线图。点左键不松手可以调整线的造型。 【文本【文本】工具】工具 文本工具还是用下边的属性框来对文本进行输入和编辑等操作。 【椭圆【椭圆】工具】工具 椭圆工具可绘制各种椭圆图
9、案，在绘制时按住 Shift 键不放，可绘制正圆形。在拖动的时候有个 小圆标志，也是正圆。而且绘制时可通过下边的属性栏调整圆的边框与填充颜色。 【矩形【矩形】工具】工具 矩形工具在绘制的过程中和椭圆工具差不多。按住 Shift 键可绘制正方形。还可点击 更改边角半径设置。 【铅笔【铅笔】工具】工具 铅笔工具在导引线中使用最多。调整铅笔工具同样在下边的属性栏里进行调整。当铅笔工具被选取时,其附属选项按钮会出现在选项条中，也可以通过这个来更改铅笔工具的设置。 【刷子【刷子】工具】工具 刷子工具用于绘制密闭的填充色构成的图形，该工具提供了5种模式。标准绘画颜料填充后面绘画颜料选择内部绘画【墨水瓶【墨
10、水瓶】工具】工具 墨水瓶工具可以对图形的边线进行填充。如果说在画一个图形的时候没有画外框线，这时就不能用箭头工具直接选择来更改外框线，必须要用到墨水瓶工具来对图形的边线填充。 【颜料桶【颜料桶】工具】工具 颜料桶工具能够填充未填色的轮廓（但是不包括外框线）或是改变现有图形的颜色，其附属选项如下图所示，可根据图形封闭的空隙大小进行选择。 【吸管【吸管】工具】工具 用于从别处获取色块和线段的颜色，还可以对位图进行采样。【橡皮擦【橡皮擦】工具】工具 用于擦除整个图象或者是图形的一部分。橡皮模式：标准擦除（可以擦除矢量色块和矢量线条）、擦除填色（只擦除填充的矢量色）、擦除线条（只擦除矢量线条）、擦除所
11、填色（擦除选种区域中的某部分或全部，未选区域不受影响）、内部擦除（擦除封闭图形的内部区域）水龙头工具：用于快速擦除矢量色块和线段。 【手形【手形】工具】工具 手形工具用于舞台上的内容超出工作区的时候，使用它可以随意查看所需内容。是个非常方便实用的工具。 【缩放【缩放】工具】工具 缩放工具是用于编辑图形的放大和缩小，配合该工具的选项内容，在所需要放大或缩小的区域画矩形，则矩形内的对象就能按最大可容纳的比例显示，而直接选择点击，则可以放大当前编辑视图；如果在点击时按下 Alt 键，则会缩小当前编辑视图。 【颜色【颜色】工具】工具 颜色工具是Flash绘图当中相当重要的一个工具。里面分为笔触颜色和填
12、充色，你可以根据自己的需要对图形进行编辑。更改时只需要点击它们的下拉菜单即可。 【选项【选项】工具】工具 工具箱中的选项主要是针对工具的调节而设置的，它随着所选工具的不同而显示不同的工具选项设置。但是其中有一些工具是没有调节选项的。请顺序单击工具条中的工具，了解详细情况。帧操作帧操作 Flash 是一套用来设计动画的软件，可以在关键帧之间补间或填充帧，从而生成流畅的动画。帧和关键帧在时间轴中出现的顺序决定它们在 Flash 应用程序中显示的顺序。 时间轴帧时间轴帧 分帧的应用分帧的应用时间轴帧时间轴帧 （1）时间轴与帧时间轴与帧 （2）在时间轴中处理帧在时间轴中处理帧 （3）不同帧的符号不同帧
13、的符号 （4）帧标记与帧注释帧标记与帧注释 （5）帧的操作帧的操作 （6）帧的速度帧的速度时间轴与帧时间轴与帧 时间轴是以时间为基础的线性表，让使用者以时间的进行为基础，一步步地安排每个动作。在时间轴中可处理帧和关键帧，将它们按照对象在帧中出现的顺序进行排列。在时间轴中处理帧在时间轴中处理帧 可以对帧或关键帧进行如下修改： 插入、选择、删除和移动帧或关键帧。 将帧和关键帧拖到同一层中的不同位置，或是拖到不同的层中。 拷贝和粘贴帧和关键帧。 将关键帧转换为帧。 从“库”面板中将一个项目拖动到舞台上，从而将该项目添加到当前的关键帧中。不同帧的符号不同帧的符号代表移动渐变动画，用箭头来显示动画的过程
14、。代表形状渐变动画，也用箭头来显示，以移动渐变动画不同表现在颜色上。虚线表示在动画的过程中出了问题，这时需要查看开头与结尾的关键帧的属性。当小写字母 “a”出现时，代表这个帧已经被指定某个动作，当播放到这里时，会执行该动作。帧标记与帧注释帧标记与帧注释 给帧加入注释不会对程序产生任何作用，其目的是为了用来记录注意事项，或是为了给其他人员看的参考信息。 操作步骤： 单击需要要加入的关键帧 单击属性面板中的 “Frame Label” 键，将变成空白框 若要加入帧标记，单击此处后在文本框中加入标记名 若要插入注解，在文本框中输入以 “/”开头的字符给帧加入注释 帧的操作帧的操作a. 插入关键帧插入
15、关键帧b. 拷贝和粘贴帧拷贝和粘贴帧c. 过渡帧过渡帧d. 空白关键帧空白关键帧e. 选取所有帧选取所有帧f.帧帧g. 翻转帧翻转帧插入关键帧插入关键帧 操作步骤： 在时间轴上选取要插入的关键帧的位置 然后点击鼠标右键在快捷菜单中选择 “插入关键帧”，或者按快捷键 F6 。 提示：若要删除关键帧，只要选定关键帧，然后单击提示：若要删除关键帧，只要选定关键帧，然后单击鼠标右键，在快捷菜单中选择鼠标右键，在快捷菜单中选择 “清除关键帧清除关键帧”即可。即可。拷贝和粘贴帧拷贝和粘贴帧 操作步骤： 先选择要拷贝的一个帧或多个帧 在被选定的帧上单击鼠标右键，从快捷菜单中选择 “复制帧”命令 在需要进行粘
16、贴的位置单击鼠标右键，从快捷菜单中选择 “粘贴帧”过渡帧过渡帧 过渡帧用来连接两个相邻的关键帧。 过渡帧可以有不同的形态。空白关键帧之间的过渡、移动渐变动画产生的过渡帧、无移动渐变动画之间的过渡帧。 过渡帧是不可进行编辑的。空白关键帧空白关键帧 空白关键帧指在一个关键帧里没有添加任何对象。 注意：使用 “插入”菜单中的 “插入关键帧”命令定义的影格，即使里面不添加对象，也不能叫空白关键帧。选取所有帧选取所有帧 操作方法： 在图层栏的空白处单击，即可选中所有有效帧。 在影格编辑区单击鼠标右键，从快捷菜单中选择 “选择所有帧”，也可选中所有有效帧。选取所有帧后的效果帧帧 操作方法： 执行 “插入”
17、/“时间轴”/ “帧”命令，可在选定的帧后插入和选定帧相同的过渡帧。如果选择的是个空白帧，就可在此帧后添加相同的过渡帧。插入前插入后翻转帧翻转帧 翻转帧可以使所选定的一组帧的顺序反转过来，使最后一帧变成第一帧，第一帧变成最后一帧。 翻转帧实例翻转帧实例帧的速度帧的速度 “视觉暂留”现象。所以一般的影片帧频都是24帧/秒以上，才能产生连续动作的效果。 帧数越多动画文件越大，在网络上播放时，就有可能出现问题。一般情况下，建议每秒钟播放12帧左右。 修改 Flash 动画的帧的速度改变帧频 分帧的应用分帧的应用为了能够观察动画的细节，此时就需要用到分帧显示。a. 如何显示分帧图如何显示分帧图b. 改
18、变分帧显示的方式改变分帧显示的方式如何显示分帧图如何显示分帧图 按下时间轴下方的 ，分帧途中的所有关键帧上的图案都可随时编辑 按下时间轴下方的 ，可将动作对象分帧显示 按下时间轴下方的 ，分帧图以轮廓线形式显现改变分帧显示的方式改变分帧显示的方式 显示分帧时，除了可以指定只显示轮廓边框外，也可以指定显示分帧图的张数，只要按下时间轴下方的 ，就可以从下拉菜单中选择不同的帧数。图层的作用图层的作用 图层的概念图层的概念 创建图层创建图层 修改层修改层 选取图层选取图层 删除图层删除图层 锁定锁定/解锁图层解锁图层 图层的重命名图层的重命名 图层的属性设置图层的属性设置 改变图层的次序改变图层的次序
19、 查看层查看层 引导图层引导图层 遮罩层遮罩层图层的概念图层的概念 图层就像透明的纸一样，在舞台上一层层地向上叠加。图层可以帮助用户组织文档中的插图。 作用： 可以在不影响其他图层上的对象的情况下，在一个图层上绘制并编辑对象 可以利用引导层使绘画和编辑更加容易 可以利用遮罩层帮助动画创建丰富多彩的效果创建图层创建图层 当打开Flash 的时候，在默认的情况下只有一个图层，若要新增图层，操作： 执行 “插入”菜单下的 “图层”命令 单击时间轴上的单击红色框体部分图层。修改层修改层 操作过程： 要绘制、上色或者对图层或文件夹进行修改，需要在时间轴中激活该图层。 当图层名字旁边出现一个铅笔图标时，表
20、示该图层是当前工作图层。 在工作图层中可进行相应修改操作。选取图层选取图层 方法： 单击时间轴上的图层名称 单击属于该层时间轴上的任意一帧 在编辑区选择该层中舞台的对象 若要同时选择多个图层，可先按住 Shift 键或者是 Ctrl 键，再单击所要选择的图层名称删除图层删除图层 方法 单击右键要删除的图层，再快捷菜单中选择 “删除图层”选项 单击时间轴上的 按钮 将要删除的图层用鼠标拖动到 上锁定锁定/解锁图层解锁图层 单击图层名字右边的锁定栏，就可以锁定图层，再次单击锁定栏可解除堆图层的锁定。 可单击按钮 ，可将所有的图层锁定，再次单击就可解除对所有的图层的锁定 在按住 Alt 键后，单击任
21、意一个图层上的锁定栏，可锁定或解除此图层外的所有图层 在按住 Ctrl 键后单击任意一个图层可锁定或解除所有图层图层的重命名图层的重命名 在无命名情况下，新图层会按创建顺序自动命名。对图层重命名可更好管理图层。 方法： 用鼠标双击该图层名称，当高亮显示文字时可直接输入新名称，最后再按回车键即可。 用鼠标点击某图层，从快捷菜单中选择 “属性”选项，这时会弹出 “图层属性”对话框，可利用对话框中的各种参数设定新图层。图层的属性设置图层的属性设置 在任意的图层上单击鼠标右键都会弹出快捷菜单，选择其中的 “属性”项，可以在打开的图层属性对话框中设置各种参数。改变图层的次序改变图层的次序 由于图层就像透
22、明的纸一样，在舞台上一层层地向上叠加。因此图层顺序将会影响对象的显示效果。 操作步骤： 将鼠标移动到要改变图层顺序的层上，并按住鼠标左键不放向上或向下移动； 在拖动过程中，会看到一条虚线随着鼠标移动，将该虚线移动到想要的位置，放开鼠标即可。查看层查看层 时间轴中图层或文件夹名称旁边的 表示它处于隐藏状态。若要显示只需用鼠标再次单击。被隐藏的图层可输出但不能进行编辑。显示或隐藏图层 引导图层引导图层 使用引导图层可制作出沿自定义路径进行运动的动画。 引导层是用层名称左侧的辅助线图标表示的。用户必须在对象所属的图层中增加一个参照层，而且引导图层不会出现在发布后的电影中。 添加引导层的操作步骤添加引
23、导层的操作步骤 添加引导层的操作步骤添加引导层的操作步骤 步骤1：新建一个文件，然后执行 “插入”菜单下的 “新建元件”选项。“新建元件”对话框 步骤2：在名称中输入新建元件名称，并将其属性指定为图形，单击 “确定” 。 步骤3：使用绘图工具，在新增元件中绘制个太阳，如图所示。 步骤4：单击 回到舞台上。 步骤5：单击库中刚刚绘制好的太阳，按住鼠标右键拖住不放，把它拖到舞台上。如图所示。 步骤6：在时间轴第40帧的地方单击右键，从快捷菜单中选择 “插入关键帧”选项。插入关键帧并设置 步骤7：分别在两个关键帧处单击鼠标右键,在快捷菜单中选择 “创建补间动画” 。 步骤8：单击时间轴上的 按钮，在
24、图层的上方创建一个引导层。创建引导层 步骤9：在引导层上用铅笔工具绘制一条路径，如图所示。绘制运动路径 步骤10：单击图层1中的第一个关键帧，然后选择 “太阳”，将其拖动到线条的一个端点，在拖动过程中会有个小圆圈出现在图像对象的中央，当这个小圆圈接近线条的时候，对象 “太阳”会自动贴到该引导线端点。 步骤11：同样点击第2个关键帧，使 “太阳”贴到引导线的另一个端点。 步骤12：单击 Enter 键就会看到 “太阳”沿着引导线来运动了。为了更清楚的观察，可以用显示分帧来看。如图所示。遮罩层遮罩层 Flash 的遮罩层与 Photoshop 里的蒙板概念很相似。使用遮罩功能可以产生类似聚光灯扫射
25、的效果，也可以把多个图层聚合在一个遮罩层下边，因此产生丰富多彩的效果。 遮罩层操作实例遮罩层操作实例遮罩层操作实例遮罩层操作实例 步骤1：新建一个文件，然后在元件库里新增一个元件，用文本工具输入 “Welcome”。如图所示。 输入文字 步骤2：再在元件库里新增一个元件，来画一个圆作为遮罩透通区 (什么颜色就可以，因为透通区是看不到颜色的) 。如图所示。画圆 步骤3：回到场景中，先把文字 “Welcome”拖到舞台。 步骤4：再新建一个图层，把元件库里的 “圆”拖进舞台。 步骤5：因为文字是不动的，所以在第40帧的位置上点鼠标右键，从快捷菜单中选择 “插入帧”；在圆的图层40帧位置上插入关键帧
26、，在中间创建补间动画，在第20帧的位置再次插入一个关键帧，如图所示。创建动画 步骤6：在场景中把圆移动到右边，如图(2)所示。移动圆形 步骤7：点击右键圆所在的图层，从快捷菜单中选择遮罩层。如图所示。使用遮罩层 步骤8：按 Enter 键测试影片效果。影片效果 提示：提示： Flash中可以绘制各种各样的遮罩层，因为中可以绘制各种各样的遮罩层，因为遮罩层可以使用不规则的填色区域，或导入点阵图遮罩层可以使用不规则的填色区域，或导入点阵图作为遮罩层。作为遮罩层。元件与图库的编辑元件与图库的编辑 （1）元元 件件 （2）库的应用库的应用 （3）编辑元件编辑元件元元 件件元件是可反复取出使用的图形、按
27、钮或一段小动画，元件中的小动画可独立于主动画进行播放。它是由多个独立的元素合并而成的，因此缩小了文件的存储空间。a. 元件的类型元件的类型 b.b. 创建元件的方法创建元件的方法 元件的类型元件的类型 影片剪辑元件是一段flash动画，它是主动画的一个组成部分，它可独立于主动画进行播放。 按钮元件用于创建动画的交互控制按钮，以响应鼠标事件（如单击、滑过等）。 图形元件是可反复使用的图形，可以是只含一帧的静止图片，也可以制作成由多个帧组成的动画。 创建元件的方法创建元件的方法 a) 利用菜单命令新建元件b) 将对象转换为元件c) 将动画转换为影片元件d) 创建按钮 库的应用库的应用库存放了编辑动
28、画需要的各种元件，这些元件可以随时调出使用。若将元件调出放到场景中，就生成了该元件的一个实例。 a. 库面板库面板b. 在文档之间拷贝库资源在文档之间拷贝库资源 c.c. 使用库资源使用库资源库面板库面板 打开库面板：打开库面板： 单击“窗口”/“库”命令或按“F11”键。 库面板中各按钮的功能：库面板中各按钮的功能： 宽库视图按钮：宽库视图按钮：用于展开图库显示各元件的名称、类型、使用次数和最后依次改动的时间等内容。 窄库视图按钮：窄库视图按钮：使库面板变窄。 切换排序顺序按钮：切换排序顺序按钮：改变各元件的排列顺序 新建元件按钮：新建元件按钮：单击它可新建元件。 新建文件夹按钮：新建文件夹
29、按钮：可新建文件夹。 属性按钮：属性按钮：调整库中元件属性。 删除按钮：删除按钮：删除库中的元件或文件夹。在文档之间拷贝库资源在文档之间拷贝库资源 通过拷贝和粘贴来拷贝库资源 通过拖动来复制库资源 通过在目标文档中打开源文档的库来复制库资源 使用库资源使用库资源 共享库资源可以在多个目标文档中使用源文档资源。可使用两种方法共享库资源： a)对于运行时共享资源，源文档的资源是以外部文件的形式链接到目标文档中的。 b)对于创作期间的共享资源，可以用本地网络上任何其他可用元件来更新或替换正在创作的文档中的任何元件。 编辑元件编辑元件 图形元件属性面板图形元件属性面板 按钮元件属性面板按钮元件属性面板
30、 动画的基本类型动画的基本类型 （1）逐帧动画 （2）运动渐变动画 逐帧动画 逐帧动画是由许多单个的关键帧组合而成的，适合制作一个动画在每个帧上都有关键性变化的情况。 要创建逐帧动画，需要将每个帧都定义为关键帧，然后给每个帧创建不同的图像。 创建逐帧动画实例创建逐帧动画实例 创建逐帧动画实例创建逐帧动画实例 步骤1：新建一个文件，利用属性面板可以设置场景为合适的大小和背景色。 步骤2：选择第1帧作为逐帧动画的起始帧，单击右键，在弹出的下拉菜单中选择“插入关键帧”。 步骤3：在第1帧上创建插图。可以使用绘画工具、从剪贴板中粘贴图形，或导入一个文件，这里我们导入一张图片。 步骤4：拷贝第1帧的内容
31、，单击第2帧，将第1帧中的内容粘贴到第2帧上，单击“编辑多个帧”按钮，并用“选择工具”将图形调整一下位置。 步骤5：重复步骤4，完成第3-10帧的动作。 步骤6：单击“编辑多个帧”按钮，取消显示，按“Enter”键测试动画，保存。 运动渐变动画运动渐变动画 运动渐变动画的创建运动渐变动画的创建 运动渐变实际上是一个对象移动的两点关键帧间的变化。在两个关键帧上可分别定义不同的属性，如尺寸、颜色、角度等。 运动渐变动画创建运动渐变动画创建实例实例 形状渐变动画的创建形状渐变动画的创建 形状渐变动画与运动渐变一样，但更主要的是外形的改变。 形状渐变动画创建形状渐变动画创建实例实例运动渐变动画的创建实
32、例运动渐变动画的创建实例 步骤1：新建一个文件，利用属性面板设置场景为合适的大小和背景色。 步骤2：从电脑中导入图片作为动画的主体。 步骤3：选中图片单击“修改”/“转换为元件”命令，打开“转换为元件”对话框，将元件命名为“moon”。 步骤4：在第30帧处插入关键帧，并把鼠标放在1-30帧中任意一帧，点右键，在弹出的下拉菜单中选“创建补间动画”。然后单击第30帧，把图片拖到右下角。 步骤5：将图片移到左上角，单击右键，从弹出菜单中单击“时间轴特效”/“变形/转换”/“变形”命令，打开“变形”对话框。 步骤6：在“变形”对话框中，选取“旋转”单选项，输入“360”。 步骤7：按“Enter”键
33、测试效果。 形状渐变动画创建实例形状渐变动画创建实例 步骤1：新建一个文件，在属性面板中设置文档的大小为550px400px,背景色为浅蓝。 步骤2：绘制字母外旋转的圆环。从工具箱选取椭圆工具，然后在属性面板中设置“笔触颜色”为嫩绿色，“填充颜色”为无色。单击“自定义”，在弹出的对话框中将线型设置为虚线，在工作区中拖动一个圆形。 属性面板 “笔触样式”对话框 步骤3：选中圆形执行“修改”/“形状”/“将线条转换为填充”命令，再执行“修改”/“形状”/“柔化填充边缘”命令，在其中设置“距离”为10px，“方向”为“扩展”，这时出现柔化的边框。 “柔化填充边缘”对话框 柔化后的效果 步骤4：选中柔
34、化后的圆圈，执行“修改”/“转换为元件”命令，在其中元件的“名称”为“环”，单击“确定”。 步骤5：单击图层1的第40帧，按F6键插入关键帧，在单击选中环实例，在“属性”面板的“补间”下拉列表中选择“动作”选项，“旋转”下拉列表框选择“顺时针”。 步骤6：制作字母变形的动画。单击“时间轴”对话框左边的“插入图层”按钮，添加图层2，并单击第一帧。 步骤7：从工具箱选择“文本工具”，在属性面板中设置字体为“Arial Black”，字体大小为150，文本颜色为红色，在工作区中输入文本“A”，并调整其位置到圆的中央。 步骤8：按Ctrl+B组合键，将文字打散，在图层2的第10帧处按下F6键插入关键帧
35、，并把字母A删除。 步骤9：从工具箱中选取文本工具，在“属性“面板”中将“文本颜色”设置成黄色，其他参数与字母A相同，然后在工作区中输入字母B。 步骤10：用同样方法处理字母B。在图层2的第20、30帧加入蓝色字母C和紫色字母D，将它们与“环”实例的圆心对齐，并将其打散。在图层40帧加入红色字母A，与第1帧相同。 步骤11：单击图层2，选中所有帧，然后在工作区下方的“属性”面板的“补间”下拉列表框中选择“形状”选项。 步骤12：按“Enter”键测试效果，保存。 动画的控制命令动画的控制命令 （1）Actions 入门 Actions命令可以控制动画的播放顺序、显示质量、声音效果或实现帧的跳转
36、、接收和发送信息。 “动作动作-帧帧”面板面板 常用动画控制语句常用动画控制语句 （2）动作设定命令 If和和Else条件语句条件语句 loop 循环语句循环语句 “动作动作- -帧帧”面板面板 Actions语句位于窗口底部“动作-帧”面板中。常用动画控制语句常用动画控制语句 Actions语句中动画控制语句是动画编辑中较常用的，主要有goto、Stop、play、stopAllSounds语句。 goto：转到指定帧并播放。(应用应用) play：开始播放影片。 stop：停止播放影片。 stopAllSounds：停止播放所有声音。Goto Goto 语句的应用语句的应用 不同类型的帧其
37、goto语句不同。在动作面板中双击goto即可展开右边的编辑框。帧动作的goto语句可以直接使用，按钮动作的goto选项，会生成两行语句。(gotogoto语句的选项语句的选项)帧动作goto语句 按钮动作goto语句 gotogoto语句的选项语句的选项 场景：指定跳转的场景，即执行goto语句后跳转到指定的场景中插放。如左图所示。 类型：表示跳转到的目标场景类型。如右图所示。 场景下拉列表框 类型下拉列表框 IfIf条件语句条件语句 If语句格式：If（条件）在此添加要执行的语句 条件语句的作用：对条件进行计算以确定 SWF 文件中的下一个动作。 注意：如果条件为 true，则 Flash
38、 将运行条件后面花括号 () 内的语句。如果条件为 false，则 Flash 将跳过花括号内的语句，而运行花括号后面的语句。将 if 语句与 else 和 else if 语句一起使用，以在脚本中创建分支逻辑。ElseElse条件语句条件语句 作用：Else语句用来配合if语句。加上Else语句之后，当if的条件不满足时，可以继续进行Else语句中设置的动作。 If和Else配合的格式：If(条件)满足条件后的动作ElseIf语句条件不满足进行另外的动作loop loop 循环语句循环语句类型：a) while 语句语句b)b) do.whiledo.while 语句语句c)c) break
39、 break 语句语句d)d) continue continue 语句语句while 语句语句 格式：while(条件) 在此添加要循环的语句 作用：计算条件，若条件计算结果为 true，则在循环返回以再次计算条件之前执行一条语句或一系列语句。若结果为 false ，跳过该语句或语句系列并结束循环。 do.while do.while 语句语句 格式：do 在此添加要循环的语句 while (条件) 作用：与 while 循环类似，不同之处是在对条件进行初始计算前执行一次语句。随后，仅当条件计算结果是 true 时执行语句。 注意：如果条件计算结果始终为 true，do.while 就会无限
40、循环。break break 语句语句 使用：出现在循环内或与 switch 语句中的特定情况相关的语句块内。在循环中使用时，break 语句指示 Flash 跳过循环体的其余部分，并执行循环后面的语句。在 switch 中使用时，break 语句指示 Flash 跳过此块中的其余语句，并跳到包含它的 switch 语句后面的第一个语句。在嵌套循环中，break 语句只跳过当前循环的其余部分，而不是跳出整个系列的嵌套循环。continue continue 语句语句 跳过最里层循环中所有其余的语句并开始循环的下一个迭代，就像控制正常传递到了循环结尾一样。 注意：在循环外无效。 声效控制方法声效
41、控制方法 在Flash中有两类声音：事件声音和音频流。 事件声音必须完全下载后才能开始播放，除非明确停止，它将一直连续播放。 音频流在前几帧下载了足够的数据后就开始播放，可通过和时间轴同步以在 Web 站点上播放。 1)1) 导入声音导入声音2)2) 向文档中添加声音向文档中添加声音3)3) 给按钮添加声音给按钮添加声音导入声音导入声音 操作：选择“文件”/“导入”/“导入到库”。 可导入到Flash的声音文件格式：WAV、AIFF（仅限 Macintosh）、MP3 如果安装了QuickTime4或更高版本，可导入附加的声音文件格式：AIFF、Sound Designer II（仅限 Mac
42、intosh）、只有声音的QuickTime影片、Sun AU、System7声音（仅限 Macintosh）、WAV。向文档中添加声音向文档中添加声音 使用：要将声音从库中添加到文档，可以把声音分配到一个层，然后在“属性”检查器的“声音”控件中设置选项。 测试添加到文档中的声音：可以使用与预览帧或测试SWF文件相同的方法。 操作步骤操作步骤 向文档中添加声音向文档中添加声音 步骤1：如果还没有将声音导入库中，请将其导入库中。 步骤2：选择“插入”/“时间轴”/“图层”，为声音创建一个层。 步骤3：选定新建的声音层，从属性面板添加声音。如图所示，可以把多个声音放在同一层上，或放在包含其他对象的
43、层上。 步骤4：从“效果”弹出菜单中选择效果选项。 “无”不对声音文件应用效果。 “左声道”/“右声道”只在左或右声道中播放声音。 “从左到右淡出”/“从右到左淡出”会将声音从一个声道切换到另一个声道。 “淡入”会在声音的持续时间内逐渐增加其幅度。 “淡出”会在声音的持续时间内逐渐减小其幅度。 “自定义” 可以通过使用“编辑封套”创建自已的声音淡入和淡出点。 步骤5：从“同步”弹出菜单中选择“同步”选项。 “事件”选项会将声音和一个事件的发生过程同步起来。 “开始”与“事件”选项的功能相近，但如果声音正在播放，使用“开始”选项则不会播放新的声音实例。 “停止”选项将使指定的声音静音。 “数据流
44、”选项将同步声音，以便在 Web 站点上播放。Flash 强制动画和音频流同步。 给按钮添加声音给按钮添加声音 给按钮添加声音时，可给按钮的每一种状态添加声音，也可为按钮的每一种状态添加同一种声音，但每帧对应的是一种声音。 给按钮添加的声音和按钮元件一起保存。 操作步骤操作步骤 给按钮添加声音给按钮添加声音 步骤1：新建一个文件，用文字工具和椭圆工具在场景中绘制一个如图所示的按钮。 步骤2：用“选择工具”将椭圆选中，选择“修改”/“转换为元件”命令，打开“转换为元件”对话框，在“名称”中输入相应的名称，在“类型”中选择“按钮”单选项，单击确定。如图所示。 步骤3：在场景中双击椭圆进入按钮元件编辑区，如图所示。 步骤4：在“指针经过” 帧上插入关键帧。 步骤5：单击“文件”/“导入”/“导入到库”命令，导入声音文件。 步骤6：在属性面板的“声音”列表中选择导入的声音文件即可给该关键帧加入音频文件，如图所示。 步骤7：用“选择工具”选取椭圆，将其颜色填充为“黄色”，用“文本工具”将“弹起”改为“按下”，如图所示。 步骤8：单击“场景1”按钮，从编辑去切换到场景中，添加声音完成，按“Ctrl+Enter”键测试效果。 作品展示作品展示当你孤单你会想起谁当你孤单你会想起谁小镇姑娘小镇姑娘Flash 8.0Flash 8.0的学习到此结束的学习到此结束谢谢大家！谢谢大家！