信息发布与网页的设计FLASH.ppt

FLASH 应用基础 信息学院 《信息发布与网页设计》课题组 * 目录 第1章 概述 1.1 FLASH的三种类型文件 1.2 几个重要术语续 1.2 几个重要术语 1.3 三个重要命令 1.4 FLASH的三种动画类型 第2章 绘图工具 2.1 黑箭头-选取工具 “黑箭头”选择工具，在图形周围移动，可出现3种状态，功能如下： 箭头+方框 整体选取 箭头+弧线 局部抻拉 箭头+十字 移动 单击：选择边线或填充物 双击：选择边线和填充物 按住鼠标拖动选择：部分选择。 2.1 局部选取工具 “白箭头”局部选择工具，在用于钢笔绘制的线段和图形的锚点调整 ，功能如下： 箭头+方框 整体选取 箭头+弧线 局部抻拉 箭头+十字 移动 2.2 万能变形工具6种状态 选择“万能变形工具”后， 点击图形，可出现6种不同状态，代表6种不同的功能。 垂直、水平反转 纵向、横向抻拉 旋转、移动 2.3 选择工具 用“选择工具”点击导入的图片，图片被选中后被一个框包围起来； 画图工具画的图形被选中后，以一层网点“盖”在被选中的部分上。 导入的图片只能整个被选中；画的图片可以选中一部分；按住左键用箭头画一个矩形框，被框住的部分就被选中了。 第3章 元件、实例、库 3.1 元件（Symbol） 反复使用的图形可通过创建“元件”来实现。 创建“元件”的方法： 新建“元件”； 已有的图形转换成“元件”（只适用于“图形”） 3.2 “元件”的种类 图形 按纽 电影剪辑 3.3 “实例” 元件的一个应用称作为实例； 改变1个元件，会改变所有应用这个元件的实例； 改变1个实例，不会改变库中的元件及其它实例。 3.4 “元件”的应用 元件应用练习： 利用画椭圆工具，画1个正圆； 利用画线工具，画一条大于圆直径的直线； 选中直线，在“窗口”、“变形”；旋转“45°”；按3次；Ctrl+G构成群组； 由菜单栏“窗口”、“对齐” ，将两图框在一起，使两图水平、垂直对齐； 3.1 “元件”图形的应用-碰撞的球 Ctrl + B打散；圆被线段分割；间隔填充不同颜色；删除圆外多余线条；变成一个彩色的球； Ctrl + G构成群组，将小球转换为元件；命名为“球”，类型为“图形”； 插入一个新的图层并命名“球1”； 从库中复制名为“球”的元件到新的图层中； Ctrl + B打散，改变新的图层中的彩色球的颜色； 确定球1的起始、中间、结束位置； 插入一个新的图层并命名“球2” ； 从库中复制 “球”元件到新的图层中； Ctrl + B打散，改变球的颜色；确定球2的起始、中间、结束位置； 通过“运动”补间，制作两个彩色球滚动碰撞的动画。 3.2 “元件” 按钮 通过新建“元件”，选择类型为“按纽”，可快速制作通用按钮 按纽有四帧，通过改变4桢中按纽的颜色， 设置按钮的四种形态。 3.3 “元件”电影剪辑 MovieClip（电影剪辑）元件有自己独立的时间轴, 与主时间轴无直接关系。 电影剪辑是Flash中最重要的一个方面。它既可包含影片也可以被放置在另一影片中，还可被无限次的嵌套使用。 3.3 元件（电影剪辑）的创建 影片剪辑的创建： 菜单的“插入” → “新建元件” → 类型：电影剪辑； 3.3 “电影剪辑”练习-1 创建一群跟随鼠标飞舞的蝴蝶基本步骤。 创建元件“蝴蝶”，行为：图形。 利用“蝴蝶”创建元件“butterfly”,行为：电影剪辑,插入4个关键桢，通过动作补间，使其展翅。 利用“butterfly”创建元件“fly”,行为：电影剪辑, 在30桢插入1个关键桢，添加引导层画飞行线路。 将“fly”拖入场景, 添加动作代码。 3.3 “电影剪辑”练习-2 步骤： 第1步，新建一个Flash文件。右击舞台的空白处，选择快捷菜单中的“文档属性”，设置尺寸大小为：500PX、250PX，背景颜色为“黑色”； 第2步，新建一个新元件，名称为“蝴蝶”，“行为”选择“图形” ,绘制一个蝴蝶 ； 3.3 “电影剪辑”练习-3 第3步，创建一个“电影剪辑”，名称为“butterfly”; 进入其编辑区。单击“窗口”→“库”，将 “蝴蝶”拖到“butterfly”编辑区； 在第7、13、19帧分别插入三个关键帧，选中工具箱中的“任意变形工具”将第7、13、19帧的蝴蝶依次变窄。在第1、7、13帧创建补间“动作”。 3.3 “电影剪辑”练习-4 第4步，再创建一个名称为“fly”，行为选择“电影剪辑” 的新元件；从库中将刚做的“butterfly”元件拖到舞台上，在此层的30帧插入一个关键帧。单击时间轴下面的“运动引导层”按钮，新建一个引导层。单击此层的第1帧，选择工具箱中的“铅笔”工具，画一条曲线，颜色任意，也就是蝴蝶运动的路径。 3.3