Flash动画及代码教程.doc

Flash 动画设计 第一讲 一、Flash概述 Flash是美国Macromedia公司出品的矢量图形编辑和动画制作专业软件，主要应用于网页设计和多媒体制作等领域，如：制作网络动画、网页广告、动态网页、在线游戏、多媒体教学课件、试题等 用Flash编辑的文件名为 *.fla，导出的影片动画文件名为 *.swf，还可以将Flash文件转换为 *.exe应用程序文件，使其在Windows环境中直接播放 二、Flash的安装 进入资源管理器 示操作 三、进入Flash MX ‘开始 →‘程序 四、Flash MX主界面组成 1、标题栏 2 7、帧动作面板 五、复位面板 ‘窗口（菜单） 六、关闭调色板等（组件面板、颜色样本面板、问题解等面板） 面板标题栏 ：放大 九、平移场景窗口（ └─┘（空格键） 十、动画场景区域大小，背景设置 在属性面板中‘ 十一、时间轴状态栏 1、（帧居中） 2、：显示当前帧 3、 → 找到光盘中的Flash安装文件→‘Macromedia Flash MX →‘ 3、动画层 4、时间轴、属性面板 9、调色板 10 →‘面板设置 →‘默认规划 ） → 回车 +”：放大 Ctrl+“-”：缩小 ALT+ ：缩小 ） 拖动鼠标 （尺寸设置按钮）和 ：将当前帧显示在时间轴的中部 → 双击其文件图标 → 看提、场景 6、工具栏 11、组件面板 （背景色按钮） setup.exe Flash MX 、菜单栏 5 8、颜色样本面板“+ ：显示帧频，双击此处则可更改帧频 4、：显示动画总计时间 十二、获取Flash素材的途径 Flash素材包括文字，图像，声音，动画，它们可以自己绘制或从光盘中复制，互联网上下载以及扫描等方式获取 十三、Flash MX中的基本术语 1、位图 即由点（像素）组成的图像，层次，色彩较丰富，显示比例放到很大时，图像会出现不清晰的现象 2、矢量图 即由线条（直线、曲线）和填充的颜色组成，与屏幕分辨率无关，显示比例放大很大时，图形清晰度不变化 3、帧 帧是构成动画的基本单位，在时间轴中，每一帧用一个小格表示，每帧都可以对应一个具体的动作（如：图形，声音，移动等） 4、场景 即一段相对独立的动画 5、层 即动画层，每层可存放不同的动画，图形 6、动画 ① 逐帧动画 即动画时间轴中每一帧都有具体的图形、动作 ② 渐变动画 即动画时间轴中第一个关键帧有具体的图形、动作，而中间各帧由计算机自动处理，此类动画占磁盘空间小 7、交互 Flash 动画可以由用户控制其播放，称为交互 十四、Flash 动画制作的基本步骤 1、策划构思动画 2、收集素材 3、制作动画 4、调试动画 5、测试动画 6、发布动画 十五、制作一个简单的FLASH动画 动画效果为：一个红底蓝边的圆向右匀速移动一段距离，动画共20帧 1、制作步骤： A、‘文件（菜单）→‘新建 B、‘ （描绘颜色按钮）→ 选择蓝色（即将圆的边框线颜色设置为蓝色） C、‘ （填充颜色按钮）→ 选择红色（即将圆的填充颜色设置为红色） D、‘ （椭圆工具）→ 在场景中建立一个圆 E、‘时间轴第1帧 → 时间轴第1帧’→‘创建动画动作 F、‘时间轴第20帧 → 敲F6（插入并复制一个关键帧） G、‘ （选择工具）→ 拖框选择圆 → 将其向右拖动一段距离 2、保存场景文件 ‘文件（菜单）→‘保存 → 选择保存位置及输入文件名称（*.fla）→‘保存（按钮） 3、调试动画 敲回车键 4、测试影片（生成的Flash影片文件扩展名为：*.swf） Ctrl（控制键） + 回车 十六、帧类型 1、空白帧: 、 ：没有动画或 ：延长动画播放时间 3、空白关键帧： ：没有动画或 （平滑按钮） F6功能键 功能键,可以延长关键帧 → 目标帧’→‘粘贴帧 在选取的帧上’→‘移除帧 在选取的帧上’→‘清除帧 在选取的帧上’→‘清除关键帧 在选取的帧上’→‘翻转帧 Flash 动画设计 第二讲 、V） ：使曲线平滑趋向于圆弧 F5 → → → →D:\Flash范例文件\圆周运D:\Flash范例文件\ （直线按钮）：使曲线变直，趋向于矩形或圆 二、直线工具（ 、N） 注: Shift + 建立直线：可建立很直的直线 三、贝兹选取工具（ 、A） 作用：选取图形对象边缘节点，便于对图形对象变形 四、钢笔工具（ 、P） 作用：画任意图形，增加或减少图形对象的节点以及改变节点类型