AdodeFlash初级教程

1、Adode Flash 初级教程（湖南信息职业技术学院教务处，湖南长沙410200）第一章入门一、概述1、定义 :矢量二维动画2、适用范围 :1 针对与网页2. 动漫3 、特点 :a 矢量动画制作模式，文件容量小b 支持多类型文件导入（图片、视频、音频） c 支持流媒体技术d交互动画4、网页四剑客简介 adobedreamweaver ：是一个网页排版软件， 不是设计软件， 唯一体现设计软件的地方是 css 样式fw：图片处理以及网页制作软件，可以轻松制作透明背景的gif 动画，有强大的滤镜扩展功能；在图片处理上，对网络传输的图片可以轻松处理，但是对于平面处理图片要逊色。fl：矢量动画制作软件

2、 ，可以制作网站首页等内容；强大的脚本支持，适用于游戏的开发等ps:平面处理图片5 、脚本简介Action：flash 中内嵌的脚本语言 ，提供方便的语句设置， 开发互动性动画及游戏的最佳语言； ac简单易学，语法容易（有c语言基础为佳）asp ：动态网页开发程序 ，适合各种动态网页，如：产品展示系统、以及登陆系统的制作bbs、asp php jsp6 、剑客与闪客二、基本概念1 、位图：由像素点组成的图形*.jpeg(jpg)：支持颜色多，放大失真，存储容量大1650*.gif：支持 256色，不支持颜色过渡，透明背景，存储容量小*.png：将上述文件的特点融合在一起，并且没有版权的争议万可

3、以进行编辑*.bmp2 、矢量图：由带颜色的点或线组成的图形，以数学公式进行表达放大缩小不失真，支持颜色少，容量小。3 、动画：三、安装和进入四、基本操作1 、界面介绍2 、基本菜单介绍3 、快捷键工具栏： ctrl+f2属性： ctrl+f3混色器： shift+f9库： f11动作： f9对齐： ctrl+k变形： ctrl+t导入： ctrl+r打开外部库： ctrl+shift+o预览： ctrl+enter发布设置： ctrl+shift+f12发布： shift+f12导出： ctrl+shift+alt+s一、工具1、选择工具选取移动物体（精确移动物体：箭头 - （键盘上的方向键

4、）每次移动一个像素。移动十个像素： shift+ 箭头）克隆： ctrl+d原位粘贴： ctrl+shift+v拖动复制： alt+ 拖动选项：自动吸附（磁铁）自动平滑自动拉伸2、任意变形工具Qshift（等比例缩放）和alt （以中心点缩放）配合使用shift+alt中心点等比例缩放选项：缩放封套扭曲反转倾斜3、填充变形工具对于单色无法使用，只能应用于渐变颜色和位图填充（演示）4、直线工具配合 shift 画水平、垂直及 45度角直线； 选中直线后的属性设置 （包括粗细以及样式等）5、套索工具用于选中不规则物体选项：多边形套索 魔术棒工具（只能应用于打散的位图） 魔术棒属性（设置魔术棒样式以

5、及阀值）第三章工具1、文字工具2、分类：静态、动态、输入文字属性设置：文字的字体、样式、大小、字符间距、文本输入方向等文字连接：连接分类（内部、外部）及演示目标滤镜的应用2、圆形和矩形工具1配合 shift和 alt 键使用多角星形工具：绘制多边形和五角星形（注意星形顶点大小的设置）3、铅笔工具用于绘制硬线（配合 shift）选项：伸直平滑墨水4、刷子工具用于绘制软线选项：标准绘画颜料填充后面绘画颜料选择内部绘画5、墨水瓶用于给图像描绘边缘（属性设置）6、油漆桶填充颜色普通填充先选择，再进行拖动填充位图填充7、滴管工具用于吸附填充或者是边框的样式与颜色8、橡皮工具擦除物体选项：与刷子工具相似水

6、龙头工具9、手型工具临时快捷键为空格双击显示整个画布10、放大缩小工具放大：空格 +crtl 缩小：空格 +alt （shift ） +ctrl 11、边框及填充：略12、钢笔与部分选取工具创建节点删除节点节点分类：拐角点、贝兹点、平滑点、贝兹拐角点节点转换： alt+ 鼠标拖动二、实例1 、立方体2 、圆柱鱼缸里的鱼做气泡泡山木培训标志第四章编辑对象一、概述1 、定义： 编辑区内的任何物体 都叫作编辑对象。2 、分类：原型： 用基本绘制图形工具 画的对象叫原型（打散 ctrl+b）1. 选中有灰色的小点；2. 用选择工具可以直接改变形态；可以改变颜色3. 可切割；如果两个对象是同一种颜色，则

7、实现结合操作。如果两个对象不是同一种颜色，则实现切割操作。4. 没有前后叠加顺序 ;绘制对象： 绘图前选中 绘制对象工具 ，做绘制的图形叫绘制对象（选项中的绘制对象按钮 ）属性介于原型与组合对象之间1. 选中有蓝色的边框；2. 用选择工具可以直接改变形态；可以改变颜色3. 不可以切割；4. 有前后叠加顺序 ;组合对象： 群组（ ctrl+g ）之后的物体，或是文字工具创建的对象1. 选中有蓝色的边框；2. 用选择工具不可以直接改变形态；不可以改变颜色3. 不可以切割；4. 有前后叠加顺序 ;元件：存放在库中，可以重复使用的对象（ f8 ：选中对象 转换为元件； ctrl+f8 新建元件）选中以

8、后有注册点；一变全变；多次使用不占用空间。灯笼山木标志鞭炮第五章 时间轴时间轴： 图层面板和帧面板一、图层： 用于安排与控制时间播放分类：普通引导遮罩图层的基本操作（新建、删除、图层属性设置）注：此处用到的快捷键主要是 alt 键；解释为什么要让物体以轮廓显示二、帧面板1 、帧：一幅静止的图片；动画组成的基本单位2、分类：普通帧空白帧（ f5 ）关键帧（ f6 ）空白关键帧（ f7 ）3 、帧频：动画在播放时每秒钟播放的帧数。操作：新建删除（ shift+f5）转换为空白帧： shift+f6三、实例 （主要是将前面的工具以及图层的知识结合，制作大概5个实例）鱼群 15 分钟灯笼 10 分钟鞭

9、炮10 分钟汽车20 分钟第六章时间轴特效一、时间轴特效的作用：Flash 包含预建的时间轴特效，可以通过执行最少的步骤创建复杂的动画。可以对以下对象应用时间轴特效 :1、文本2、图形，包括形状、组合以及图形元件3、位图图像4、按钮原件二、使用方法：选择要操作的对象，选择插入/ 时间轴特效三、分类1、变形 / 转换（包含移动及显示的一些效果）2、帮助（分散式直接复制：可以使对象以偏移的方式进行复制；复制到网格：可以辅助把对象以网格方式进行复制排列）3、效果 ( 分离、展开、投影、模糊等特效)实例：相片爆炸立体相片相片转换第七章逐帧动画一、Flash 动画原理 ： 1就是一幅幅图片通过连续播放形

10、成动感的视觉映像。分类：逐帧动画位移动画形变动画二、逐帧动画1、定义：在连续动画的相邻两帧中，画面一般仅有微小的变化；每一帧都是关键帧；每帧画面的制作。2、特点：支持全部编辑对象3、实例(1) 、读秒(2) 、车轮(3) 、扇子 (4) 、打字效果 (5) 、写字(6) 、跑步第八章位移动画位移动画1、概述位移动画也是 Flash 中非常重要的表现手段之一。 与形状补间动画不同的是，位移动画的对象不能是矢量图对象。如果矢量对象想参与位移动画，必须进行转换操作，如转换为图形、按钮元件等。通过运用位移动画，可以实现元件实例的大小、位置、颜色、透明度、旋转等属性的变化。创建位移动画的要点在于首、尾关

11、键帧的制作和位移动画属性面板的使用。2、创建(1) 、先创建两个关键帧，右击任意一帧，选择 创建补间动画 命令（或者是在属性中的补间选择动作）(2) 、先创建第一个关键帧，右击选择创建补间动画，再创建第二个关键帧（这样以后每次插入一个关键帧都会自动建立补间动画）(3) 、其他设置简易 : 可通过拖动滑块设置参数值，也可以直接在输入框中输入数值。数据范围为 1-10 表示动画运动的速度从慢到快； 数据范围为 1100，表示动画运动的速度从快到慢。旋转 : 旋转共有无、自动、顺时针、逆时针4个选项。调整到路径 : 将补间对象的基线调整到运动路径，此项功能主要用于引导线运动。同步复选框 : 使元件实

12、例的动画和主时间轴同步。对齐 : 将补间对象附加到运动路径，此项功能主要也用于引导线运动。旋转：无自动顺时针逆时针位移动画复杂实例飞镖文字动画图片互变第九章形变动画（形状动画）1、基本概述(1) 、定义：通过 两个关键帧 实现物体 本质的变化(2) 、支持对象： 原形；可同时创建 多个对象 的变形(3) 、形状提示符（ ctrl+shift+h ）前提是做好了 形变动画！2、实例1、弹球2、文字渐变 3 、风吹草原打开窗子的效果第九章 遮罩层一、图层1、定义： 10分钟2、分类：5分钟3、特点： 5分钟二、遮罩层15分钟1、原理：遮罩处可见，未遮罩处显示下一个图层内容。2、创建：建立至少两个图

13、层，右击上面图层选择遮罩层命令3、动态遮罩层：制作动画注： 1、遮罩层上的对象颜色没有要求； 2、笔触不可以做遮罩层； 3、将笔触转换为填充，三、简单实例地球转动25分钟画布10分钟图片的互换25分钟第十章遮罩层动画实例一、复杂实例1、探照灯文字15分钟新建两个图层，下面为文字，上面为遮罩层；令遮罩层上的物体运动。2、动态文字（遮罩层和被遮罩层都动）15分钟新建两个图层，文字在上方，在下面一层绘制菱形背景；将背景移动到文字外面，制作背景移动的动画； 然后在文字层上制作文字大小的渐变过程；最后将背景移动到文字外面，将文字层做成遮罩层。3、春联10 分钟方法同文字探照灯。4、电影文字20分钟将文字

14、打散，添加边框，将边框剪切到新的图层上；在填充层的下方，导入连续的图片，制作移动的效果，将填充作为遮罩层。5、地球10分钟同电影文字相同6、倒影制作25 分钟注意：倒影要制作两个图层，要将上面的图层位置进行稍微的移动，然后制作水纹的效果，将其设置为遮罩层7、图片交换15 分钟三个层完成两幅图片的交换， 制作下面一组三个层， 实现两幅图片的循环播放第十一章引导层一、基本操作1、定义：制作引导动画使用的图层2、创建制作补间动画，然后单击图层面板上的添加引导层按钮，创建引导层；在引导层上绘制引导线 ；被引导层作动画。 选中补间动画的第一帧， 将其放置在引导线的一端，选中补间动画的最后一帧， 将对象放

15、置在引导线的另一端。3、注意事项：引导层只能放置引导线引导线必须是原形一个引导层可以绘制多条引导线引导线必须有起始和终端点。在实现引导线效果的时候， 一定要注意元件与引导线的粘合问题 。如果没有粘合，则元件就会按照开始帧和结束帧的位置直线运动。我们可以单击工具栏里面的放大镜工具来放大场景， 这样我们就更清楚地看到元件中的空圆心，对我们实现这个效果有极大的帮助。运动引导线在动画发布的时候是看不到的， 所以引导线的颜色大家可以随意设置，只要与场景中的主体颜色区分开就可以了。如果没有吸附感，可以单击工具栏中的【选项】 |【对齐对象】命令。当元件粘合在引导线上的时候，我们拖动元件就会有一些吸附的感觉，

16、这就证明我们制作正确。属性面板中的 “调整到路径 ”选项二、实例aiyi = 1;while (aiyi=250) duplicateMovieClip(snow, snow+aiyi, aiyi);setProperty(snow+aiyi, _x, random(450);setProperty(snow+aiyi, _y, random(350);setProperty(snow+aiyi, _xscale, Math.random()*60+40);setProperty(snow+aiyi, _yscale, eval(snow+aiyi)._xscale);setProperty(

17、snow+aiyi, _alpha, eval(snow+aiyi)._xscale+random(30);aiyi+;第十二章影片剪辑和按钮一、按钮作用：制作网页中的特效按钮。创建：ctrl+f8 ，选择按钮选项；在编辑状态下，有四个帧位分别为弹起、指针经过、按下、点击。在四个帧位插入关键帧，设置不同的变化效果。注：点击是创建按钮的有效感应区域。公共库中的按钮二、影片剪辑作用：一个小的动画，是组成大型动画的最基本元素。创建：同按钮注：1、图形元件制作的动画在场景中无法正常显示2、影片剪辑中有多少个帧，在场景中有一个帧就可以播放3、场景中有多个图层的话，要想正常播放，起始关键帧必须在同一个位置

18、4、如果要想实现不同时间段的动画的播放，场景中的帧必须和影片剪辑中的帧数量相同三、实例1、百叶窗2 、星空第十三章声音和视频一、声音20分钟支持的格式： *.mp3 *.wav导入： ctrl+r注：导入的声音直接到库中如果不能导入，只能更换音频文件（flash 本身不具备修复功能）属性设置：效果同步（事件和数据流）重复或者是循环实例：背景音乐为歌曲添加歌词二、视频导入文件 / 导入 / 导入视频25 分钟支持的视频格式： MPEG（运动图像专家组）、DV(数字视频 ) 、MOV(QuickTime电影 ) 和 AVI 等。如果你的系统安装了 QuickTime 4 或更高版本，在 Windo

19、ws和 Macintosh 平台就可以导入这些格式的视频。 如果你的 Windows系统只安装了 DirectX 7（或更高版本），没有安装 QuickTime，则只能导入 MPEG、AVI和 Windows媒体文件（ .wmv 和.asf ）文件。注：系统中必须安装 directX9.0 和解码器制作过程 ： 25 分钟选择视频（加载本地视频文件） 部署（选择从 web服务器渐进下载） 编码（修剪影片剪辑的长短；显示高级设置：设置 flash 编码编辑文件，选择视频解码器，调整帧频以及品质）外观（选择播放器的外观）完成视频导入拖动视频文件到舞台第十四章 action以及发布设置一、 acti

20、on30 分钟1、可以认为控制 flash动画播放的脚本语言2、使动画更具有交互性3、分类：帧动作对象动作4、操作：手动添加利用面板自动输入删除5、action具体应用帧语句Play(); stop(); gotoAndPlay(); gotoAndStop();对象 On语句结构On（命令） 程序段 常用命令： relese 点击 ， rollOver鼠标滑过，rollOut6、利用行为添加 action添加声音（加载库中的声音）10 分钟添加跳转菜单20 分钟二、发布10 分钟1、文件 / 导出 / 导出影片鼠标离开2、发布预览发布的格式密码设置其他设置实例：按钮控制动画25分钟流星划过3

21、0 分钟不同格式的特点介绍按钮特效隐藏图片图片浏览器第十五章综合实例实例：网上留言板25 分钟场景的应用1、基本操作5 分钟插入重命名场景编辑的转换2、action控制10 分钟使用 gotoAndPlay （”场景名称”，帧数）3、实例：播放器30 分钟综合实例生日贺卡一节课制作动画flash 动画学习教程一、启动 flash mx .开始所有程序（或程序） macromediamacromedia flash mx.二、界面的设置：窗口进行设置。（工具栏主要栏、工具、属性、时间轴）三、工具的应用：、作图工具：可以用作图工具作出圆、四边形、直线、铅笔、画刷、文字等。、调整对象的边线与填充颜色

22、。（在 flash 动画中作出的图形分为两部分：1 边线 2 填充部分）墨水瓶（作边线颜色）与颜料桶（作填充颜色）。3 点工具栏中的黑箭头符号，表示选中对象，再点工具栏中的自由转换工具，点击对象，当鼠标变圆形时表示可以拖动成顺时针和逆时针方向旋转，当鼠标变双斜箭头时拖动可以左右扭曲， 当鼠标在中间成单箭头时拖动可以翻转。四 动画的基本步骤：、新建一个文档或打开一个已有文档。、设置文档的属性（大小、背景颜色、帧频 ,，和过渡效果）3 回车或测试影片查看。注意：在制作动画时只有在关键帧上才能录入图形或文字， 在时间轴上只有第一帧才是关键帧，而其它的帧都是普通帧，所以在录入文字或图形时，要将其他位置

23、上的普通帧转换成关键帧。（方法 1 菜单上的插入/插入关键帧或空白关键帧。2 在需要转换处点击右键 /插入关键帧或空白关键帧。其中插入关键帧是对前一图形或文字的复制，而插入空白关键帧是插入的空版面，然后根据自己的需要创作新的内容。）* 一变形动画举例（） （图形的变形动画 -圆变为四边形）、选中时间轴上的第层的第帧， 用圆形工具做出个圆形（注意设置上自己需要的边线颜色与中心颜色）。、选中时间轴上的第层的第帧（设置动画为秒，每秒 12 帧，所以这里选 36 帧，可以设置为其他的时间），菜单上的插入空白关键帧，将第帧转为一个关键帧，在第帧里作一四边形。、选中第帧，在属性面板中将中间过程设置为形状。

24、、回车键查看效果。、保存文件 (fla 格式）。6 要看全部的效果也可以用菜单上控制/ 测试影片。（2）(文字的变形动画 ).注意：在 flash 上制作变形动画的前提必须保证所录入的对象是矢量图，这样才能变形成功。在软件中利用工具栏中的绘图工具绘出图形本身就是矢量图，所以不用转换。而其它的都需要进行不同的处理之后转换成矢量图。第一种：（录入的文字）：要进行两次分解，第一次分解操作只是将文字打散成独立的单个字，第二次分解是将其转换为矢量图。第二种：（导入的图片或图形）通过分解转换成矢量图。1、选中时间轴上的第层的第帧，用文字录入工具在第1 帧处录入文字，选中时间轴上的第层的第帧， 将其转换为关

25、键帧，再录入不同的文字。2、将第 1 帧的文字与第 36 帧的文字分别进行打散（分解组件操作：修改菜单/分解组件，如果文字串是多个文字，进行两次打散，方法同前）。3、定位于第 1 帧，在属性面板中设置过渡效果（中间或补间 /形状）4、将鼠标点到起点关键帧处，敲回车键查看效果。5、保存文档。（文件 /保存或另存为）（保存文档也可以放在最前面进行，最好是放在最前面，边做边保存）。（3）（文字与图形之间的变形动画）。注意：有文字参与的变形动画，必须将文字进行分解组件操作。（4）图片的变形动画 A 同一张图片的变形动画：、定位于第一关键帧处，将图片导入做图区的第一关键帧处。 （文件菜单导入 /选好对象

26、/打开）。、将导入的图片进行矢量化转换（修改描绘位图或转换为矢量图）。3 在后一结束帧处插入关键帧，对图片进行设置，如大小，及变化的方向等。4 鼠标回到第一关键帧处，选属性里的中间（或补间），选形状，形成过渡效果。5 回车查看效果。B 图片到另一图片的变形动画：、在第帧与第帧分别导入一张不同的的图片。（图片应小一点，太大可能会造成死机）、将个关键帧中的图片分别转换为矢量图 （选中图片，修改菜单描绘位图）。同时对两张图片进行大小，位置，旋转等进行设置。3 定位于前一关键帧，设置属性面板中的中间过程为形状过渡。、回车键查看效果。（5）任意对象组合变形动画（自做图，文字，图片）。制作的方法就是将以上

27、的不同方法结合起来。只是要注意各自在变形时应该具备的条件。* 保存图片：打开网页，对准要保留下来的图片点鼠标右键，选择快捷菜单中的图片另存为。二移动（或动作）动画注意 1：变形（或形状）动画前后关键帧所针对的对象可以相同，也可以不同，移动动画却与之不同，所针对的对象必须是一个整体型的（群组或元件），而且前后关键帧必须是同一对象。所以，制作移动动画时，在插入第 2 个关键帧处，我们选插入关键帧，而不选插入空白关键帧，这样就可以把前 1 关键帧的对象复制到当前关键帧。然后对前后关键帧的对象的位置，大小，角度，扭曲等进行一定的变化。点过渡效果里的“移动”或“动作”就可以生成移动动画效果。注意 2：在

28、制作移动动画时，如果动画对象是一个矢量图（如我们自己用做图工具做出的图形）就必须对动画对象进行一个群组操作： 选中对象/修改菜单/群组或组合。注意 3：在拖动前后关键帧中间的移动路线时，为了形成直线变化，防止拖动时的线路的扭曲，可以点中对象 后按移动键。 如* 举例-小球的下落过程。1、在第 1 帧作一个小球，设置好小球的填充效果（可选球体的专用填充效果）。2、将小球选中，群组（修改菜单 /群组）。3、在第 36 帧插入 1 关键帧。4、分别设置第 1 帧与第 36 帧的小球的位置与大小。5、定位于第 1 帧，设置过渡过程为移动或动作。6、回车键查看效果。* 扩展练习： 1 字幕的制作：文字的

29、制作方法同前，要注意的是字幕的时间，根据每个字幕片段所停留的不同时间， 在时间轴上设定不同的帧数。当字幕以动画效果出现后，还想让它继续停留到某个时间而不产生动画效果，可以在时间轴上需要停留处，单击右键选插入帧。2 图片的移动动画： A 先导入；文件 /导入/选中图片 /打开。B 制作普通的动画效果。三在 flash 中加入声音：1 文件菜单/导入/选中相应的声音。在属性里的声音选项里就会有你所导入的声音。2 定位于要开始加声音的关键帧，在属性面板中的声音选项中选中导入的声音即可。四场景的应用：一个较长的动画，制作过程较复杂，需要制作的帧和层较多，为了便于制作和修改，所以要设置不同的场景，就好像电影中的一集、二集、甚至更多集。1 场景的作用就是将长的动画分成一个一个的片段来制作。2 插入一个场景：插入菜单 /场景。五引导线的动画引导线动画是通过在普通的移动动画上加一个引导线层，而制作出来的，可以让一个物体沿着某条给定的路径移动的动画。引导线动画举例 :1、在第 1 层制作一个普通的移动动画。2、在第 1 层上插入一个引导图层。（点击引导图层的图标即可加上）3、用铅笔工具在引导图层的第 1 关键帧处作一路径线。4、将第 1 层的移动动画的前后帧的运动对象拖动到引导线上。（注意：对象的中心点必须在线上）。5、回车键查看