Flash实例教学教材教案教材资料.doc

《Flash实例教学教材教案教材资料.doc》由会员分享，可在线阅读，更多相关《Flash实例教学教材教案教材资料.doc（23页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、-_FlashFlash 实例教程实例教程实例实例 制作邮票（鸟语花香）制作邮票（鸟语花香）（1）新建文档（）新建文档（600*450） ；将素材导入到舞台中央。；将素材导入到舞台中央。（2）在图层）在图层 1 下方新建图层下方新建图层 2，然后选择，然后选择“矩形工具矩形工具”绘制比图像四周略大的矩绘制比图像四周略大的矩形（形（586*430，红色边框，填充颜色为白色），红色边框，填充颜色为白色） ；然后在；然后在“属性属性”面板中单击面板中单击“自定自定义义”按钮，并设置参数（粗细：按钮，并设置参数（粗细：18，类型：点状线，点距：，类型：点状线，点距：9） 。（3）对绘制的矩形执行分离操

2、作。）对绘制的矩形执行分离操作。（4）在矩形边框处于被选中状态时，执行）在矩形边框处于被选中状态时，执行“修改修改”/“形状形状”/“将线条转换为填将线条转换为填充充”命令；使用命令；使用“选择工具选择工具”选择选择 场景中的白色矩形，将其剪切；选择图层场景中的白色矩形，将其剪切；选择图层 2，将第将第 1 帧删除，并插入关键帧，将剪切的图像粘贴至原位。帧删除，并插入关键帧，将剪切的图像粘贴至原位。形状补间实例形状补间实例实例实例 飘扬的旗帜飘扬的旗帜-_（1）新建文档，在图层 1 绘制一个细长的圆角矩形作为旗杆；并在第 20 帧插入帧（F5） ；（2）新建图层 2，绘制一个笔触颜色无，填充色

3、为红色的矩形作为旗帜；分别在第 5、10、15、20 帧插入关键帧，创建形状补间动画；并使用任意变形工具的封套功能，制作出旗帜飘扬时的状态。实例实例 旋转的三棱锥旋转的三棱锥新建文档，使用线条工具绘制立体图形，填充橘色到黄色的线性渐变，并删除边框；-_（2）在第 20 帧插入关键帧，绘制立体图形；并创建形状补间动画；（3）在第 21 帧插入关键帧，绘制三角形；（4）选择第 1 帧，插入 6 个形状提示点；并在第 20 帧中将提示点移动到相应的舞台位置。逐帧动画实例逐帧动画实例实例实例 倒计时动画倒计时动画（1）新建文档，在图层 1 上使用椭圆工具和线条工具绘制背景图形；（2）新建图层，输入数字

4、，并插入关键帧，更改数字。实例实例 电子表电子表-_（1）新建文档，在图层 1 上绘制电子表图形；（2）新建图层，输入数字，并插入关键帧，更改数字。遮罩层实例应用遮罩层实例应用实例实例 遮罩文字遮罩文字（1）新建文档，在图层 1 使用文字工具输入文字信息；并在第 30 帧插入帧；（2）新建图层 2，并位于图层的下方，导入素材，并对素材的大小、位置进行调整；在第 30 帧插入关键帧，调整位置，创建补间动画。（3）将图层 1 设置为遮罩层。实例实例 闪耀的五角星闪耀的五角星（1）新建文档；绘制一个笔触颜色为橘红色，填充颜色为黄色到红色渐变的五角星；-_（2）在第 20 帧、40 帧插入关键帧，创建

5、补间动画；并选中 20 帧，修改五角星的颜色（51，168，51） ；（3）新建图层，绘制直线，复制直线绕五角星旋转一周；并将这些线条转换为填充；（4）新建图层，绘制一个无填充颜色，笔触高度为 10，颜色为白色完全透明到白色再到白色完全透明的圆；并将其转换为填充；复制 2 个圆，并将 3 个圆形成同心圆，进行尺寸缩小；（5）在第 40 帧插入关键帧，将同心圆放大；创建补间动画；实例实例 万花筒万花筒（1）新建文档（400*400） ，新建一个影片剪辑元件(Ctrl+F8)，导入素材到场景中央。（2）在图层 1 上新建图层 2，绘制一个无边框的圆，位于场景中央，并将其打散。（3）单击线条工具，在

6、圆的中央画一条直线，使用任意变形工具，移动旋转中心点，在变形面板的旋转文本框中输入 45 度，单击复制并应用变形按钮；删除多余的图形得到扇形，并进行组合。（4）选择图层 1，在第 60 帧，插入关键帧，创建补间动画；并在属性面板设置-_沿顺时针旋转 1 次。（5）选择图层 2，在第 60 帧插入普通帧， ，并将其转换为遮罩层。（6）回到场景 1，将图形元件删除，将扇形元件拖入到场景，在变形面板的旋转文本框中输入 45 度，单击复制并应用变形按钮，拼合成一个圆形。（7）将场景中的元件，进行组合。实例实例 卷轴效果卷轴效果（1）新建文档（白色背景，200*400） ，绘制矩形（180*400，内部

7、填充为橙色，边框线为 6） ；再绘制一个矩形（150*360，填充为白色，边框线为 2） ；（2）新建一个图形元件（卷轴） ，用矩形工具绘制一个无边框的渐变矩形（200*20） ；用椭圆工具绘制一个渐变圆（30） ；（3）新建 2 个图形元件（文字） ；输入文字，并进行滤镜效果处理；（4）返回到场景，新建图层（卷轴 1、卷轴 2） ，并放入相应的图形元件；将文字元件导入到图层 1 中；（5）在 3 个图层的第 30 帧插入关键帧，并修改卷轴 2 图层图形的位置（第 1 帧在上方，第 30 帧在下方） ，并创建补间动画；（6）在图层 1 上方新建遮罩图层，绘制一个与画卷一样大小的矩形，创建补间动

8、-_画。动作脚本实例动作脚本实例实例实例 比例控制杆比例控制杆（1）新建文档，从场景（）新建文档，从场景（175，25）点向右绘制一条）点向右绘制一条 200 点的水平线，并分别在头和尾添点的水平线，并分别在头和尾添加静态文本加静态文本 50%、200%；（2）新建一个影片剪辑，实例名为）新建一个影片剪辑，实例名为 bili；（3）新建一个影片剪辑，实例名为）新建一个影片剪辑，实例名为 tupian;（4）在场景第）在场景第 1 帧添加代码：帧添加代码：bili.onPress=function()startDrag(“bili“,true,175,25,375,25);bili.onRele

9、ase=function()stopDrag();_root.onEnterFrame=function()tupian._xscale=bili._x-125;-_tupian._yscale=bili._x-125;实例实例 制作光影效果制作光影效果（1）新建文件；新建图形元件“光” ，在图形元件的编辑窗口，绘制一个无边圆形，将其组合，移动到场景中心；（2）新建一个影片剪辑元件“光 1” ，将光图形元件拖入到场景中，将其对齐到舞台中心；选择第 10 帧，插入关键帧，并将透明度更改为 0，创建补间动画；在第 10 帧上添加停止语句；（3）返回场景，新建图层，将光 1 拖动到场景中的灰色区域，

10、使其在动画播放时不可见；并在属性面板中输入 a 作为实例名称；（4）新建一个影片剪辑元件 em，不做任何操作；回到场景，选择图层 2，将 em影片剪辑元件拖到场景中的灰色区域；添加脚本代码：onClipEvent (load) _root.i=1;-_onClipEvent (mouseMove) duplicateMovieClip(_root.a,“a“+_root.i,_root.i);_root“a“+_root.i._x=_root._xmouse;_root“a“+_root.i._y=_root._ymouse;_root.i+;if(_root.i=50)_root.i=1;实

11、例实例 随机飘动的气球随机飘动的气球（1）新建一个影片剪辑元件）新建一个影片剪辑元件 bolloon1（绘制一个气球）（绘制一个气球） ，并拖曳到舞台图层，并拖曳到舞台图层 1 的的第一帧，取实例名为第一帧，取实例名为 qiq_mc,并输入代码：并输入代码：onClipEvent(load)speed=random(5)-random(2)-random(2)+4;onClipEvent(enterFrame)this._y-=speed;this._x+=math.cos(speed-4)-_if(this._y3) _root.y=i*i-9; else if(i“)a1=a;b1=b;c

12、1=c;determinant=(b*b)-(4*a*c);if(Number(determinant)0)incorrect.gotoAndStop(2);elsen=Math.sqrt(Number(determinant);topx=(Number(-b1)+Number(n)/(2*Number(a1);bottomx=(Number(-b1)-Number(n)/(2*Number(a1);incorrect.gotoAndStop(1);-_清除按钮代码：清除按钮代码：on(press)a=“;b=“;c=“;a1=“;b1=“;c1=“;topx=“;bottomx=“;inco

13、rrect.gotoAndStop(1);实例实例 下雨（下雪、星空）效果下雨（下雪、星空）效果（1）新建文档，导入素材；）新建文档，导入素材；-_（2）新建影片剪辑，并取实例名；）新建影片剪辑，并取实例名；（3）新建动作图层，在第）新建动作图层，在第 1 帧输入代码：帧输入代码：xiayu.duplicateMovieClip(“yu“+i, i);mc = _root“yu“+i;mc._x = Math.random()*600+40;mc._y = Math.random()*300;mc._alpha = Math.random()*60+40;i+;在第在第 2 帧插入空白关键帧，

14、输入代码：帧插入空白关键帧，输入代码：if (i40) gotoAndPlay(1); else i = 1;实例实例 烟花烟花-_（1）新建文档；新建影片剪辑元件）新建文档；新建影片剪辑元件 1，有，有 3 帧，不同颜色帧，不同颜色,并新建一个图层，分别并新建一个图层，分别在三帧上添加停止语句；在三帧上添加停止语句；（2）新建影片剪辑元件）新建影片剪辑元件 2，实例化影片剪辑元件，实例化影片剪辑元件 1 为为 yuan，创建向右移动动画，创建向右移动动画（1-25-30） ，并在第，并在第 31 帧插入空白关键帧，添加语句：帧插入空白关键帧，添加语句：this.removeMovieClip

15、();stop();（3）新建影片剪辑元件）新建影片剪辑元件 3，将影片剪辑元件，将影片剪辑元件 2 拖动到场景图层拖动到场景图层 1，实例化为，实例化为myyuan，并延长到第，并延长到第 10 帧；新建图层帧；新建图层 2，输入代码：，输入代码：在第在第 1 帧添加代码：帧添加代码：j=0;k=Math.floor(Math.random()*3)+1;myyuan._visible=false;在第在第 3 帧插入空白关键帧，添加代码：帧插入空白关键帧，添加代码：for(i=j;i60;i+)mline.duplicateMovieClip(“yuan“+i,i);mc=eval(“yu

16、an“+i)mc.yuan.gotoAndStop(k);mc._rotation=i*6;n=20+random(80);mc._xscale=n;mc._yscale=n;-_在第在第 7 帧插入空白关键帧，添加代码：帧插入空白关键帧，添加代码：for (i=j+60; ij+120; i+) myyuan.duplicateMovieClip(“yuan“+i, i);mc=eval(“yuan“+i)mc.yuan.gotoAndStop(k);mc._rotation = i*6;n = 20+random(80);mc._xscale = n;mc._yscale = n;在第在第

17、 10 帧插入空白关键帧，添加代码：帧插入空白关键帧，添加代码：for (i=j+120; ij+180; i+) myyuan.duplicateMovieClip(“yuan“+i, i);mc=eval(“yuan“+i)mc.yuan.gotoAndStop(k);mc._rotation = i*6;n = 20+random(80);mc._xscale = n;mc._yscale = n;stop();（4）在库面板中右击影片剪辑元件）在库面板中右击影片剪辑元件 3，选择链接，在对话框中取标识符为，选择链接，在对话框中取标识符为“dup” ，并选中并选中“为动作脚本导出为动作脚

18、本导出”和和“在第一帧导出在第一帧导出” ；-_（5）返回主场景，输入提示信息，并在第一帧上输入代码：）返回主场景，输入提示信息，并在第一帧上输入代码：i = 0;onMouseDown = function () attachMovie(“dup“, “dyuan“+i, i);_root“dyuan“+i._x = _xmouse;_root“dyuan“+i._y = _ymouse;i+; 组件实例解析组件实例解析实例 读者调查表（1）新建文档，将图层）新建文档，将图层 1 更名为更名为“背景背景” ，并导入素材；，并导入素材；（2）新建图层，名为）新建图层，名为“文字文字” ，创建，

19、创建 6 个静态文本和一个输入文本（个静态文本和一个输入文本（name） ；（3）新建图层，名为）新建图层，名为“组件组件” ，创建，创建 3 组单选组件（组单选组件（xingbie、zhidao、pingjia） 、一个下拉列表组件（一个下拉列表组件（zhiye）和一个按钮组件（提交）和一个按钮组件（提交） 。-_（4）新建图层，名为）新建图层，名为“结果结果” ，第一帧为空白关键帧，添加停止语句；第二帧，第一帧为空白关键帧，添加停止语句；第二帧，创建动态文本，变量名为创建动态文本，变量名为 result；并创建一个按钮组件（返回）；并创建一个按钮组件（返回） 。（5）对提交按钮添加代码：）对提交按钮添加代码：on(press)_root.result=“姓名：姓名：“+_root.name.text+“r 职业：职业：“+_root.zhiye.getValue()+“r 性别：性别：“+_root.xingbie.getValue()+“r 你是怎样知道这本书的？：你是怎样知道这本书的？：“+_root.zhidao.getValue()+“r 评价：评价：“+_root.pingjia.getValue()_root.gotoAndStop(2);（6）对返回按钮添加代码：）对返回按钮添加代码：on(click)_root.gotoAndStop(1);