adobeflashplayer:Flash AS3例子教程:鼠标跟随炫舞线条动画效果

  效果演示:



  本教程是Flash创作基础教程主要是工具运用、颜色运用和补间形状制作代码部分不作讲解

  打开Flash设置文档属性尺寸:宽1024 高768 背景:黑色其它默认取名存盘

  1、新建图形元件1选椭圆工具笔触禁止填充色白色个5*5圆(拖动鼠标同时按住Sht键可画出正圆)按Ctrl+K组合键打开对齐面板选水平中齐垂直中齐图1:对齐面板

Flash AS3例子教程:鼠标跟随炫舞线条动画效果

  2、新建图形元件2选椭圆工具笔触禁止填充放射渐变左ffcc00右fffae6,画个5*5水平中齐垂直中齐

  3、新建图形元件3选直线工具在属性面板中设置笔触高度为1.5 笔触线性渐变左f70000右ffffff填充色禁止长度任意用选择工具和部分选取工具把直线调整成~形左对齐上对齐

  图2:图形元件曲线

Flash AS3例子教程:鼠标跟随炫舞线条动画效果

  图3:设置颜色

Flash AS3例子教程:鼠标跟随炫舞线条动画效果

  4、新建图形元件4选直线工具在属性面板中设置笔触高度为1.5 笔触线性渐变左ffffff中0033ff右ff0000填充色禁止条长度100直线水平中齐垂直中齐图4:设置直线渐变

Flash AS3例子教程:鼠标跟随炫舞线条动画效果

  5、新建图形元件5选矩形工具笔触禁止填充色白色个3*3正方形水平中齐垂直中齐

  准备工作完成开始制作:

  6、新建影片剪辑元件名遮片选矩形工具笔触禁止颜色任意个长方形在属性面板中设置宽为1044,高为570 XY坐标为0

  7、新建影片剪辑元件名MouseEff选中图层1按Ctrl+L组合键打开库面板把图形元件1拖入舞台选中元件按Ctrl+B组合键把图形打散成麻点状按Ctrl+K组合键打开对齐面板水平中齐、垂直中齐选中时间轴34帧插入关键帧在属性面板中设置宽高为59选中圆打开颜色面板设置透明度为0返回第设置宽、高为1右键点击1—34任意帧在下拉菜单中选创建补间形状(拖动下播放头个从小到大渐隐效果已经做好了)选中35帧插入空白关键帧选55帧插入关键帧打开库面板把图形元件5拖入舞台打散图形设置宽高为3.0 x:294 y:109 选73帧插入关键帧设置宽高为1.0 x, y为0, 右键点击任意帧选创建补间形状选中73帧按F9键打开动作面板输入代码:

  this.parent.removeChild(this);

  stop;

  图层1上锁防止误操作

  8、插入图层2, 选中第打开库面板把图形元件3拖入舞台打散选中图形在属性面板中点宽高左边锁定宽高设置宽为463按Tab键自动设置高x:0 , y:0 打开颜色面板选中红色滑块设置透明度为20 图5:设置透明度

Flash AS3例子教程:鼠标跟随炫舞线条动画效果

  选中13帧插入关键帧在属性面板中锁定宽高设置宽为100 设置红色为100在21帧插入关键帧选任意变形工具把中心点拖到注册点位置向左旋转110度左右图6:旋转角度

Flash AS3例子教程:鼠标跟随炫舞线条动画效果

  22帧插入关键帧打开库面板拖入图形元件2打散, 设置宽高为23 x:-80, y:0.5 24帧插入关键帧设置宽高为2025帧插入关键帧打开库面板拖入图形元件4打散水平中齐、垂直中齐26帧插入关键帧向下作10度左右旋转54帧插入关键帧做垂直旋转设置宽为0 高为5 x:295.5 , y:112.5选1—13、13—21、21—24、24—26、26—54, 创建补间形状图层上锁打开库面板右键点击MouseEff影片剪辑下拉菜单中选链接在链接属性面板中选中为ActionScript导出图 7:属性链接

Flash AS3例子教程:鼠标跟随炫舞线条动画效果

  图8:影片剪辑时间轴

Flash AS3例子教程:鼠标跟随炫舞线条动画效果

  9、返回场景1打开库面板把影片剪辑遮片拖入舞台设置宽1024 高768 水平中齐垂直中齐在颜色下拉菜单中选色调设置成黑色在文档类:输入框中输入 Test图9:

Flash AS3例子教程:鼠标跟随炫舞线条动画效果



  至此动画部分已全部完成保存附件包括fla文件和Test类文件解压后把Test文件复制到保存动画文件目录下进行测试



  本文举例源代码或素材下载

Tags:  flash播放器 flashplayer flash插件 adobeflashplayer

延伸阅读

最新评论

发表评论