Flash 简明教程.doc

Flash 动画制作实例动画原理：No.1 做个简单的例子： 由圆变成方第一步：新建一个Flash文档，在工具箱中选择图形工具，场景的工作区（舞台）中画一个圆。第二步：选中二十五帧，单击右，插入关键帧，在工具箱中选择方形工具，在工作区画一个正方形，且删除圆。第三步：选中第一帧，在 属性 里找 补间 ，选择 形状按Enter键可以观察一下效果遮罩层No.2做一个遮罩：显示美女图第一步：打开flash ，新建一个文件，在该场景的第1层的第1帧中导入图片,在50帧的位置插入帧。第二步：插入一个新的图层2，在第1帧绘制一个图形，在第50帧位置插入一个关键帧，并改变图形的位置。第三步：选中图层2第1帧，在属性中设置形状变形动画。第四步：将图层2设置为遮罩层（选中图层2 ，在它上面击右键，在弹出的快捷菜单中选“遮罩层”）。按CTRL+ENTER 测试动画。引导层No.3 小球沿着路径运动第一步：在图层1第1帧，建立一个小球，选中，F8，选择图形确定 。第二步：在场景中，点击时间轴左下角“添加引导层”，在引导层的第1 帧画一个弧线路 径，（方法：先画直线，鼠标回到黑色箭头，把鼠标放到线的中间，左键按下，拖动，形成弧线）。第三步：在两个图层的25帧，插入关键帧，在图层1 的第一帧，把小球拖到线的一个端点，在25帧，把小球拖到另外一个端点。第四步：在图层1的第一帧，点击“补间”“动作”。CTRL+ENTER 测试动画。逐帧动画No.4人物扭头 在图层1 的第1 帧，绘制一人物（或复制导入）；然后在2、3帧插入关键帧，并对2帧的人头进行变形（水平翻转），CTRL+ ENTER，看看有什么现象。注：如果动作太快，可以在帧后面按F5。No.5 同步实例：跳动的小球 在图层1 的第1 帧，绘制三个小球和三条直线，对其分别设置不同的颜色；然后在5、10、15等每隔几帧插入关键帧，对他们的颜色进行重新设置修改。案例设计：生活中的法律规则第一步：新建Flash文档，图层1命名为：“过道”，绘制过道第二步：添加图层新图层，命名为：“右门”，描出过道中的右门并着色（注意加上门的边沿），在后面插入关键帧，用“任意变形”工具改变门初步打开的形状，并用“选择工具”调整到合适状态，同理在后面继续做门的半打开，大半打开及完全打开的状态。第三步：添加图层新图层，命名为：“男主角”，在该图层中对应右门初步打开的帧的地方，插入空白关键帧，绘制（或复制）露出的手（注意位置与大小的调整），再在后面对应右门半打开的地方插入空白关键帧做半打开露出的手（注意位置与大小的调整）。同理： “右门” 图层中的右门大半，对应 “男主角” 图层中的初现；“右门” 图层中的完全打开，对应 “男主角” 图层中的完全出现；第四步：添加图层新图层，命名为：“过道1”，设计人物与过道的层次第五步：在“男主角” 图层中设计人物的扭头、仰头状态（No.4逐帧动画）第六步：设计人物的走过过道、敲门第七步：添加图层新图层，命名为：“左门”， 添加图层新图层并命名为：“邻居” 同理在“左门” 图层中设计左门打开的状态（注在该图层中关键帧的起点在男主角敲门后的地方）；在“邻居” 图层中设计邻居探头的状态。元件No.6 图形元件：绘制的风车第一步：新建一个Flash文档，在 插入 菜单里单击 新建元件 ，选择 图形。第二步：在工具箱中选择矩形工具，元件1里围绕着“+”画一个彩色矩形，选择选择工具，把矩形变形成扇叶的形状（方法：把黑色箭头放在矩形的某个角时，鼠标的右下角有个小直角，此时可以拖运它，将矩形变成三角形，把鼠标放在三角形斜边上，黑色箭头又有个小弧线，按下左键拖动，把直线变成弧线，再合并两个角）第三步：选任意变形工具，选中扇叶，将中心移到左下方，Ctrl+T ，选择旋转60度等，复制并应用变形，得风车。第四步：点击场景1，将风车拖入场景1中。按Ctrl+Enter键测试效果。No.7 影片剪辑元件：旋转的风车:一至三步与No. 6相同第四步：在 插入 菜单里单击 新建元件 ，选择 影片剪辑。第五步：将风车拖入影片剪辑的场景1中。在25帧处插入关键帧，在第1 帧处，点击“补间”“动作”“旋转”“顺时针”或“逆时针”。第六步：点击场景1，将旋转的风车拖入场景1中。按Ctrl+Enter键测试效果。No.8 按钮元件：做一个简单的按钮1、CTRL+F8 选择“行为”“按钮”，回车2、点击“弹起”，画一个小矩形块，或是小圆，颜色设置为蓝色3、点击“指针经过”，插入关键帧，把小球变为红色4、点击“按下”插入关键帧，把小球变为灰色5、回到“场景1”，按F11，将库中按钮元件，拖入场景中6、CTRL+ ENTER，测试动画，看有什么变化。思考：1、如何做文字类的按钮？2、如何某种对象做成按钮？补间动画一、形状渐变变化 由圆变成方No.1已做No.9 由圆变成字第一步：新建一个Flash文档，在工具箱中选择 图形 工具，场景的工作区（舞台）中画一个圆。第二步：选中二十五帧，单击右，插入关键帧，在工具箱中选择文字（A）工具， 在工作区中写一个字，且删除圆。第三步：选中字，按Ctrl+B键将其打碎，或在修改菜单中点击 打碎（分离）。第四步：选中第一帧，在 属性 里找 补间 ，选择 形状按Enter键可以观察一下效果。思考：1、将字母A形变成字母B，步骤如何？2、多个文字形变，步骤如何？No.10 “四个小球”变成“盐城师院”第一步：添加四个图层，在每个图层的第一帧建立一个小球，方法 是：在图层1画一个小球，复制；到图层2、3、4分别粘贴。第二步：在图层1 的第10 帧 插入关键帧，输入字“盐” 打散 （CTRL+B），并删掉图层1 第10 帧处的小球。第三步：回图层1 的到第1帧，点击“补间”里的“形状”。第四步：依次对图层2、3、4进行与第二、三步相似的操作。 按Ctrl+Enter键可以观察一下效果。思考：如何改变文字出现的先后顺序？No.11 图片的形变第一步：新建一个Flash文档，选择“文件”菜单导入导入到 舞台，在场景的工作区（舞台）中导入一张图片。第二步：选图片，按Ctrl+B键将其打碎，或在修改菜单中点击 打 碎（分离）。第三步：选中二十五帧，单击右键，插入关键帧，在工具箱中选择 任意变形工具， 在工作区中修改图片的大小及位置。第四步：选中第一帧，在 属性 里找 补间 ，选择 形状 按Ctrl+Enter键可以观察一下效果。思考：如何做图片与文字间的形变动画？总结形状渐变动画产生必须有以下条件：1、 至少有两个关键帧。2、 在这两个关键帧中包含必要的形状（直接绘画出来的图象或打散分离后所或得的）。3、 设定形状变化的动画方式。制作形变动画的关键是一定要将符号打散（Ctr+B）二、 动作动画No.12 平动渐变动画 举例：移动字幕第一步：新建一个Flash文档，设置影片属性，背景为黑色在 插入 菜单 里单击 新 建元件 ，选择 图形。第二步：在元件1里围绕着“+”写进去几个字（尽可能使字的几何中心在“+”上）,并打碎，填充色彩第三步：回到场景，选中第一帧，回到场景1，按F11键，将库里的元件1拖到场景1工作区的下方，在二十帧左右插入一个关键帧，将那几个字挪动到工作区的上方。选中第一帧，在 属性 里找 补间 ，选择 动画。按Enter键可以观察一下效果。思考：横向字幕如何做？效果如何？No.13 移动的图片第一步：新建Flash文档， 选插入菜单中新建元件 ，选图形。第二步：在元件1里，选“文件”菜单导入导入到舞台，导 入图片（注意中心是否在“+”上） 。第三步：回到场景1，选中第一帧，按F11，将库里的元件1拖到 场景1工作区的左方，选中25帧，按F6键，将场景中的元 件挪动到工作区的右方。第四步：选起始帧，在 属性 里找 补间 ，选择 动画。按Ctrl+Enter键可以观察一下效果。思考：1、多张图片连接起来作为元件使用，效果如何？ 2、在第50帧，按F6键，选择工具箱中任意变形工具， 在工作区中修改图片的大小及位置，会有什么效果？翻转图片后，效果如何？No. 14 旋转渐变动画 举例：旋转文字第一步：新建一个Flash文档，在 插入 菜单 里单击 新建元件 ，选择 图形。第二步：在元件1里围绕着“+”写进去几个字。第三步：回到场景1，按F11键，将库里的元件1拖到场景1里，在二十帧左右插入一个关键帧。第四步：选中第一帧，在 属性 里找 补间 ，选择 动作 ，可以在 旋转 里 顺时针或 逆时针，并设定旋转的次数。按Ctrl+Enter键测试效果。思考：花瓣在不停的转动，步骤如何? No.15 大小渐变动画 举例：旋转变化的文字第一步到第四步与上面的No.2相同，第五步：选中最后一帧后，单击一下字，我们可以选择 工具箱 里的 任意变形工具改变其大小与形状。按Ctrl+Enter键测试效果No. 16 颜色渐变动画 举例：旋转变色的文字第一步到第四步与上面的No.2相同，第五步：选中最后一帧后，选中字，单击右键，可以在 属性 中找 颜色，选择 高级，改变红R、绿G、蓝B三种色彩的数值。（注：还可以选择Alpha ,调整其alpha值，从而改变选择物的透明度）按Ctrl+Enter键测试效果总结移动渐变动画的产生必须有以下的条件：1、 至少有两个关键帧。2、 在这两个关键帧中包含必要的实体对象、组合字体或文字。3、 设定移动渐变的动画方式。（实体：指直接使用符号获得的对象，只要将符号拖动到舞台上即可得到实体）遮罩动画做一个遮罩No.17 举例：将“信息科学与技术学院”几个字做成遮罩效果第一步：新建一个Flash文档，在 插入 菜单 里单击 新建元件 ，选择 图形。第二步：在元件1里围绕“+”画一个长方形（长方形里面的颜色喷的好看点！）第三步：回到场景1，在第一帧写入“信息科学与技术学院”几个字，在二十帧左右插入关键帧. 第四步：添加一个图层（图层2），将图层2拖到图层1下方，在图层2第一帧将元件里的拖入到“信”字处，同时在图层2相应位置插入关键帧，选中图层2中插入关键帧的帧处，将长方形拖到“院”字处。第五步：选中图层2第一帧，在 属性 里找 补间 ，选择 动作 ；选择图层1 再单击右键选择 遮罩层.按Ctrl+Enter键测试效果。No.18 水墨卷轴画展开第一步：新建flash文档，制作卷轴：插入 “新建元件”，名称： 轴，类型： 图形。选择矩形工具，无边框色，绘制矩形条，对齐居中并进行线性填充，色标：左暗红、中亮红、右暗红。用同样方法在上下两端画出黑色的轴心。第二步：回到场景。制作卷轴展开。将元件“轴”拖入，该层命名：左轴。新建一层，命名：右轴。将元件轴拖入右轴层，调整两层中的轴为并列位于左边。在两层的第50帧处，按F6，将右轴层的右轴移到文档的右边并创建动画。第三步：制作画铺开。在最下面新建一层，命名：画。按照卷轴展开的位置画出浅黄色的纸边（注意纸与卷轴之间不要留有空隙），再在黄色纸上导入一张图片，调整位置大小适当。第四步：在画图层上新建一层，命名：遮罩。用随便的颜色画一矩形，在50帧处，按F6，使用自由变换工具将其修改与画纸大小相同，并创建补间形状动画。右键点击遮罩层选择遮罩。按Ctrl+Enter键测试效果。思考：实例中的片头、片尾如如何做？步骤如何? 沿着任意路径的No.19 举例：地球围绕太阳转第一步：新建一个Flash文档，在 插入 菜单 里单击 新建元件 ，选择 图形 。第二步：在元件1里围绕“+”画一个地球。第三步：回到场景1，在图层1里画一个太阳后添加一个图层，按F11键，将库里的元件1拖到图层2里，在二十帧左右插入一个关键帧，之后添加一层引导层，在引导层里画入地球运动的路径。第四步：在图层1（即太阳所在的那一层）相应位置插入帧，回到图层2（即地球所在的那一层）第一帧，将地球放到引导层路径的起始端，到最后一帧，将地球放置到引导层路径的结束端。第五步：选中图层2第一帧，在 属性 里找 补间 ，选择 动作 ，完毕。按Ctrl+Enter键测试效果。声音的引入与编辑导入声音文件过程n导入声音拖曳到场景n设置声音属性No.20声音的引用第一步：导入声音文件导入方法:n1、 单击常用工具栏的“新建”按钮，创建一个新的Flash文件；n2、选择文件（File）导入（Import）命令， 导入到库，打开导入（Import）对话框；n3、在打开的对话框中，在文件类型下拉列表框内选择导入声音文件的类型；n4、选择需要导入的声音文件，单击“打开”按钮即可。第二步：设置声音效果n左声道n右声道n从左到右淡出n从右到左淡出n淡入n淡出n自定 第三步：设置声音同步 n事件n开始n停止n数据流动画的交互设置将脚本代码加在时间轴流程线的关键帧上方法：选中关键帧，再打开“动作”面板（脚本助手）选“+”全局函数时间轴控制选择所要添加的语句。将脚本代码加在按钮上方法：在需要按钮控制的地