Flash教程.doc

Flash 第一讲 Flash 第二讲Flash 第三讲 Flash 第四讲Flash 第五讲 Flash 第六讲Flash 第七讲 Flash 第八讲Flash 第九讲 Flash 第十讲Flash 动画设计 第一讲一、Flash概述Flash是美国Macromedia公司出品的矢量图形编辑和动画制作专业软件，主要应用于网页设计和多媒体制作等领域，如：制作网络动画、网页广告、动态网页、在线游戏、多媒体教学课件、试题等用Flash编辑的文件名为 *.fla，导出的影片动画文件名为 *.swf，还可以将Flash文件转换为 *.exe应用程序文件，使其在Windows环境中直接播放二、Flash的安装进入资源管理器 找到光盘中的Flash安装文件setup.exe 双击其文件图标 看提示操作三、进入Flash MX开始 程序 Macromedia Flash MX Flash MX四、Flash MX主界面组成1、标题栏 2、菜单栏 3、动画层 4、时间轴 5、场景 6、工具栏 7、帧动作面板 8、属性面板 9、调色板 10、颜色样本面板 11、组件面板五、复位面板窗口（菜单） 面板设置 默认规划六、关闭调色板等（组件面板、颜色样本面板、问题解等面板） 面板标题栏内关闭面板七、显示调色板等面板窗口（菜单）调色板等八、场景显示比例设置（ ）方法1：场景比例框中直接输入比例值 回车方法2：Ctrl+“+”：放大 Ctrl+“-”：缩小方法3： ：放大 ALT+ ：缩小九、平移场景窗口（ ）（空格键）+ 拖动鼠标十、动画场景区域大小，背景设置在属性面板中（尺寸设置按钮）和 （背景色按钮）十一、时间轴状态栏1、（帧居中）：将当前帧显示在时间轴的中部2、：显示当前帧3、：显示帧频，双击此处则可更改帧频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、空白帧: 、 ：没有动画或内容2、普通帧： ：延长动画播放时间 3、空白关键帧： ：没有动画或内容4、关键帧： ：呈现关键性动画动作或内容十七、帧基本操作1、插入并复制关键帧：敲F6功能键2、插入普通帧: 敲F5功能键,可以延长关键帧内容显示时间3、选取帧： 选取单帧：某帧 选取连续的多个帧：按下鼠标左键不放拖过需要选中的帧即可 选取不连续的多个帧：Ctrl + 选取帧 选取所有帧：动画图层名称4、复制帧选取帧 在选取的帧上拷贝帧 目标帧粘贴帧5、移动帧 选取帧 拖动6、删除帧 移除帧：彻底删除帧，将动画帧转为空白帧，动画帧内容丢失，动画时间缩短方法：选取帧 在选取的帧上移除帧 清除帧：将关键帧转空白关键帧，动画帧内容丢失，动画时间不缩短方法：选取帧 在选取的帧上清除帧 清除关键帧：只清除关键帧符号标志，动画帧内容不丢失方法：选取帧 在选取的帧上清除关键帧7、翻转帧：使动画播放顺序颠倒方法：选取帧 在选取的帧上翻转帧十八、作业 1、制作一个圆沿一个圆圈做圆周运动的动画，见范例文件：D:Flash范例文件圆周运动1.fla2、制作一个圆球体从上往下落，落地后再弹起来回到原地的动画：D:Flash范例文件自由落体.flaFlash 动画设计 第二讲一、箭头（移动）工具（ 、V）作用：移动图形等对象，改变图形的形状（注：对象被选择后，若以散点形式显示，则说明对象是被打散的；若出现蓝色实线框，则说明对象是元件或组合物体；若以花边框显示，则说明是被导入的对象）选项： （平滑按钮）：使曲线平滑趋向于圆弧（直线按钮）：使曲线变直，趋向于矩形或圆二、直线工具（ 、N） 注: Shift + 建立直线：可建立很直的直线三、贝兹选取工具（ 、A）作用：选取图形对象边缘节点，便于对图形对象变形四、钢笔工具（ 、P） 作用：画任意图形，增加或减少图形对象的节点以及改变节点类型（注：当起点与终点汇合时，则建立有填充颜色的封闭图形）五、文本工具（ 、T） 1、静态文本：建立后，在动画播放过程中不能更改文字2、动态文本：建立后，在动画播放过程中不能直接更改文字，但可以通过程序设置使其变化内容3、输入文本：建立后，在动画播放过程中可以输入或更改文字 选项： ：可以设置密码输入文本，输入字符时以“*”号显示 ：可以设置文本框中最多输入的字符个数六、椭圆工具（ 、O） 作用：绘制空心或实心的圆或椭圆七、矩形工具（ 、R） 1、作用：绘制空心或实心的正方形或长方形（注：Shift + 建立圆或矩形，可画出正圆形，正方形） 2、矩形选项:将矩形变为圆角矩形八、铅笔工具（ 、Y）1、作用：画任意形状的线条2、铅笔选项设置 A、直线化（ ）：使绘制的矢量图形自动生成与其接近的规则图形，如圆，矩形等 B、平滑（ ）：使绘制的图形或线条平滑 C、墨水瓶（ ）：使绘制的图形与绘制的笔迹更接近九、对象格式设置 （选择工具） 选中某对象 在属性面板中设置线条粗细，线型，颜色及填充色以及文本的类型、字体、字号、颜色、对齐方式及缩进格式等十、复制图形对象 方法1：某帧或框选某图形对象 Ctrl + C 另一帧 Ctrl + V 方法2：Ctrl + 拖动图形对象十一、举例1、制作打字机文字出现效果，见范例文件：D:Flash范例文件打字机效果.fla2、制作两个圆相撞后再弹出的效果,见范例文件：D:Flash范例文件两圆相撞.fla十二、作业 1、制作运动的小球动画，见范例文件：D:Flash范例文件运动的小球.flaFlash 动画设计 第三讲一、画笔工具（ 、B）1、选项设置： （标准绘画）：所画图形完全覆盖经过之处有颜色的区域 （颜料填充）：所画图形完全覆盖经过之处的矢量色块区域 （后面绘画）：所画图形不覆盖经过之处有颜色的区域 （颜料选择）：只能在被选中的矢量色块之内绘画 （内部绘画）：只能在有颜色的矢量色块之内绘画，但起点必须在矢量色块之内2、其它选项 ：设置画笔直径大小 ：设置画笔笔尖样式二、墨水瓶工具（ 、S） 作用：更改矢量边线颜色三、颜料桶工具（ 、K） 作用：更改图形的填充色选项设置： 1、选项 （不封闭空隙）：只填充封闭图形的填充色（封闭小空隙）：允许填充有小空隙的未封闭的图形（封闭中空隙）：允许填充有中空隙的未封闭的图形（封闭大空隙）：允许填充有大空隙的未封闭的图形 2、渐变色或位图填充 方法：A、在场景中建立一个圆或矩形B、 （填充色按钮） 选择某一渐变样式 Shift + F9 显示出调色板 选择线性（或径向渐变、位图），更改渐变颜色 （调色板选项按钮）添加样本 C、（颜料桶工具） 将光标移到圆或矩形内 单击左键（或按下左键不放再拖动） 3、渐变色填充调整（ ） 作用：调整渐变色或位图填充的范围、方向、中心点A、方形手柄：可以调整渐变色填充的宽度 B、方形手柄下的圆形手柄：可以调整渐变色沿中心位置扩大或缩小的范围 C、旋转手柄：可以调整渐变色填充的方向 D、中心手柄：可以移动填充色的中心位置四、导入图像或声音等素材文件并查看文件（菜单）导入库 选择一个或多个图像（*.jpg、*.gif）或声音文件（*.mp3）打开（按钮） 敲F11功能键，打开元件库，可以查看已导入的素材五、点滴器工具（ 、I）作用：从已建立好的图形中吸取颜色（注：吸取位图图像时，需打散位图，命令为Ctrl+B）例：场景中打开一幅位图图像 敲 Ctrl + B（打散图像） 场景中画一个图形或 图形内，则将位图平铺于图形中六、橡皮擦工具（、E）作用：擦除已被打散的图形的部分颜色。选项： 1、橡皮擦式按钮（） （标准擦除）：可擦除图形内的填充色和外边框线 （擦除填色）：只擦除图形内的填充色 （擦除线段）：只擦除外边框线 （擦除所填色）：擦除被选中的填充色 （内部擦除）：可擦除图形内的填充色，条件是：擦除时，起点须在填充色内 2、水龙头工具（ ） 作用：快速擦除图形内的填充色或外边框线。 方法： （水龙头工具）图形对象 3、橡皮大小，形状选项（ ） 可选择橡皮大小和形状七、旋转动画设置方法：某帧创建动画动作 打开属性面板，在“旋转”下拉列表框中选择“顺时针”（或“逆时针”） 再在右边的方框中设置旋转次数八、举例1、制作一个矩形向右移动的同时按顺时针旋转的动画效果，见范例文件：D:Flash范例文件矩形旋转.fla九、作业1、制作交通红绿灯动画效果，见范例文件：D:Flash范例文件红绿灯.flaFlash 动画设计 第四讲一、套索工具（ 、L）作用：选取不规则的图像选项：1、 （多边形套索）：对不规则物体进行精确选取2、 （魔术棒）：选取相同或相近颜色的连续区域参数：（1）限度：相当于颜色识别灵敏度，值越大，灵敏度越低，则选取的范围越大（2）平滑：指定选取范围边缘的平滑度。有像素、粗略、标准、平滑4种二、自由转换工具（ 、Q）作用：对图形进行缩入，旋转等变形操作方法： （自由转换工具）某对象，则对象四周会出现八个控制点，此时可以对对象直接进行变形 变形操作如下：1、缩放：将光标放在控制点处，当光标变为 或 或 或 时，拖动鼠标 Alt + 缩放对象，使对象的其中心点为基点进行缩放2、翻转：按住Alt 键使对象沿中心点翻转 按住Shift键使对象沿对称点翻转3、倾斜：光标放在控制边线上，当光标变为 或 时，拖动鼠标，则对对象进行水平扭曲或垂直扭曲 4、旋转：光标放在控制点四角上，当光标变为 时，拖动鼠标 5、比例缩放： （比例工具）：按比例缩放对象。（快捷键为：Shift + 缩放对象） 6、扭曲： （扭曲工具）：随意扭曲变形对象。 7、封套变形： （封套工具）：对对象进行细微地、精确地变形三、数字转换（Ctrl+T）作用：可以输入长、宽比例值，旋转角度值，水平、垂直扭曲值，对图形、图像等对象进行精确的变形或旋转，还可复制对象 参数及按钮:（1）强制：打上对勾则锁定长宽比例进行缩放 （2） ：复制并转换对象 （3） ：重置对象，将对象恢复到原始大小四、翻转图像 修改（菜单）转换 垂直翻转 或水平翻转五、动画图层使用（作用是实现多个对象的动画同时播放）1、动画图层按钮介绍 （1）：普通层标志 （2）：引导层标志 （3）：遮蔽层标志 （4）：显示/隐藏层 （5）：锁定层，层被锁定后，层内的图形不能被选中或编辑。 （6）：线框模形显示层内图形 （7）：禁止/不禁止编辑层 （8）：建立新普通层 （9）：建立新引导层 （10）：建立图层文件夹，便于管理层 （11）：删除所选中的层2、建立图层 或 选中某层插入图层3、选取图层 （1）选取单层：某图层名称（2）选取多个连续层：某图层 Shift +另一图层 （3）选取多个不连续层：Ctrl+某图层4、图层命名 “某图层名称 输入新图层名5、移动图层选中某图层 上、下拖动，可以调整动画图层顺序6、删除图层 选中某图层 七、举例1、制作FLASH文字缩放变化（大 小 大变化；小、透明 大、不透明 小、透明变化），见范例文件：D:Flash范例文件文字缩放变化.fla2、制作文字三维回旋动画效果，见范例文件：D:Flash范例文件文字三维回旋.fla八、作业1、制作图片缩放及旋转变幻动画效果，见范例文件：D:Flash范例文件图片变幻.flaFlash 动画设计 第五讲一、元件元件是动画中可以重复取出使用的一个小部件，可以是图形、图像、影片剪辑或按钮包括：1、图形元件：用于创建反复使用的图形，可以是一幅静止的图形或图像2、影片剪辑元件：是一段动画，可独立播放3、按钮元件：用于创建交互控制按钮，以响应鼠标事件二、创建元件（Ctrl+F8） 敲F11功能键（打开元件库面板）（添加按钮） 影片剪辑 按钮 图形确定 具体设计元件 场景空白处，则退出元件编辑（此处举例：建立一个图形元件）三、进入、退出元件场景进入：在元件库面板中，“某元件名称 或 在动画场景中“某图形对象 退出：式 （场景标签）或 （返回按钮）四、将图形转为元件（F8） 场景中制作好的图形可以转换为图形元件保存起来选中场景中的图形 在场景中的图形上转换成元件 选择元件类型（图形）及输入元件名称 确定五、建立影片剪辑元件1、直接创建 敲F11功能键（打开元件库面板）（添加按钮） 影片剪辑 确定 在元件的场景中，具体制作动画 场景名称，退出元件场景并返回到动画场景 2、将场景中的动画转为影片剪辑元件在场景中选中已制作好的部分或所有动画帧 在选定的动画帧上拷贝帧 敲Ctrl + F8 影片剪辑 输入剪辑名称 确定 第一帧 在第一帧上 粘贴帧六、创建按钮元件 在元件库面板中（添加）按钮 确定 建立UP帧的图形及设置颜色 敲F6功能键3次(即将UP帧的图形分别复制到鼠标经过帧、Down帧、反应区帧)的颜色 再分别更改鼠标经过帧、Down帧、反应区帧的颜色1、UP帧：设置在动画播放时，鼠标没在经过按钮图形之前的起始颜色2、鼠标经过帧：设置动画播放时,鼠标经过按钮图形时的颜色3、Down帧：设置动画播放时,鼠标左键按下按钮图形时的颜色4、反应区帧：设置按钮生效作用区域大小，有颜色的区域在动画播放时将会产生反应七、元件库管理：最小化图库面板：最大化图库面板：更改图库面板中元件顺序：创建新元件：创建元件文件夹，可以将一般图形元件放入或拖出文件夹：打开属性对话框：删除元件（Delete）八、使用元件在库面板中选中某元件，拖入场景中即可进行动画编辑九、举例1、制作交互水波涟漪动画效果，见范例文件：D:Flash范例文件水波涟漪1.fla2、制作弹性球动画效果，见范例文件：D:Flash范例文件弹性球效果.fla十、作业1、制作下雨动画效果，见范例文件：D:Flash范例文件下雨.flaFlash 动画设计 第六讲一、变形动画设置选取动画帧 打开属性面板，在“中间”下拉列表框中选择“变形”二、引导线动画可以使某对象沿一个路径运动例：制作一个圆沿一个弧线动画步骤：文件 新建第1帧 建立一个圆 第20帧 敲F6（添加引导图层按钮）引导层第一帧 建立一条直线 用箭头工具将直线向下拉弯图层1名称 在图层1动画帧中创建动画动作，则圆自动被吸附到弧线的左端图层1的第20帧 用箭头工具将圆拖至弧线的右端，敲Ctrl+Enter测试动画三、举例1、 制作简单几何图形变形动画（圆 方 三角形）, 见范例文件：D:Flash范例文件简单变形.fla2、 制作F L A S H FLASH 文字变形动画, 见范例文件：D:Flash范例文件文字变形.fla3、 制作五星红旗随风飘扬的动画, 见范例文件：D:Flash范例文件红旗飘动1.fla4、 制作圆球体作圆周运动2效果, 见范例文件：D:Flash范例文件圆周运动2.fla四、作业1、 制作走钢丝动画效果，见范例文件：D:Flash范例文件走钢丝.fla2、 制作地球绕太阳运动动画效果，见范例文件：D:Flash范例文件地球绕太阳.flaFlash 动画设计 第七讲一、遮蔽层动画（）在动画播放过程中，可以遮蔽部分不需要的动画区域而显示另一部分需要的动画区域，遮蔽层中的图形，有颜色的部分代表透明，播放动画时，将显现其下层对应位置的图形；无颜色的部分代表不透明，播放动画时，将遮蔽其下层对应位置的的图形1、遮蔽层的设置和取消选中某层遮蔽二、举例1、制用陶瓷展动画效果，见范例文件：D:Flash范例文件陶瓷展.fla2、制作湖水流动动画效果，见范例文件：D:Flash范例文件湖水流动.fla3、制作水波荡漾动画效果，见范例文件：D:Flash范例文件水波荡漾.fla三、作业1、 制作瀑布动画效果，见范例文件：D:Flash范例文件瀑布效果.fla2、 制作五星红旗飘扬2动画效果, 见范例文件：D:Flash范例文件红旗飘动2.flaFlash 动画设计 第八讲一、导入声音文件（菜单）导入库 选择声音文件 打开（按钮） 敲F11（打开库面板） 选择声音元件 拖入场景中二、声音播放效果设置选中声音图层 打开属性面板 编辑（按钮），进行声音效果编辑效果有：1、左声道；只在左声道播放音频2、右声道：只在右声道播放音频3、从左向右淡出：声