flash怎么设计一段Windows屏保动画?

时间:2017-05-30 10:11:40 魔新豆网

  利用flash制作 电脑屏保动画效果,主要利用的影片剪辑元件和代码书写,现在就把操作步骤和截图分享出来,供大家参考使用,希望对你有所帮助。

  

  

软件名称:
adobe flash cc 2015 中文版
软件大小:
855MB
更新时间:
2015-06-19立即下载

flash怎么设计一段Windows屏保动画?

  1、首先启动flash8,新建一个大小为800*600,帧频为12fps,背景颜色为白色的文档。

flash怎么设计一段Windows屏保动画?

  2、执行插入-新建元件命令,新建一个名称“线条”类型为图形的元件,点击确定进入编辑区域。

flash怎么设计一段Windows屏保动画?

  3、选择工具箱里的钢笔工具,在舞台上绘制一个“s”形状,在20帧、40帧处按f6键插入关键帧,并分别改变其颜色,在60帧处插入帧。

flash怎么设计一段Windows屏保动画?

  4、执行插入-新建元件命令,新建一个名称为“旋转”的影片剪辑元件,点击确定进入编辑区域,在第一帧处拖入库中的“线条”元件。

flash怎么设计一段Windows屏保动画?

  5、在60帧处插入关键帧,将“线条”缩小至50%,alpha设置为50%,1-60帧之间建立传统补间动画,设置顺时针旋转1次,

flash怎么设计一段Windows屏保动画?

  6、接着在120帧处插入关键帧,旋转任意变形工具将其翻转,调整大小,并在60-120之间创建传统补间动画。

flash怎么设计一段Windows屏保动画?

  7、按f8键,新建一个名称为“光”的影片剪辑元件,进入编辑区域,将影片剪辑文件“旋转”拖拽到舞台上,设置全居中。

flash怎么设计一段Windows屏保动画?

  8、在第二帧处插入关键帧,设置亮度为60%,第三帧插入关键帧,亮度设置为0,选择第一帧,输入实例名称为“gy”并输入相应代码。

  第一帧代码为:

  i=1;

  max=100;

  setProperty("gy",_visible,false);

  setProperty("gy",_alpha,0);

flash怎么设计一段Windows屏保动画?

  9、接着在第二帧上书写代码为:

  duplicateMovieClip("xt"+(i-1),"xt"+i,i);

  setProperty("xt"+i,_y,getProperty("xt"+(i-1),_y)+i/10);

  setProperty("xt"+i,_alpha,getProperty("xt"+(i-1),_alpha)+5);

  setProperty("xt"+i,_xscale,getProperty("xt"+(i-1),_xscale)+7);

  i++;

  在第三帧输入代码:

  if (i<max) {

  gotoAndPlay(2);

  } else {

  stop();

  }

flash怎么设计一段Windows屏保动画?

  10、修改背景颜色为你喜欢的颜色,接着从库中拖拽“光”元件到场景上,设置全居中,按ctrl+enter组合键进行动画测试。

flash怎么设计一段Windows屏保动画?

  11、执行文件-导出-导出影片命令,在弹出的对话框中输入名称,导出为gif动画格式,查看效果。

flash怎么设计一段Windows屏保动画?

本文标签: