萌萌妈妈 发表于 2015-1-15 23:11:21

FLASH教程之Flash兴趣鼠标殊效高文战

AdobeFlashCS5.5中的动画制作更简单,借助基于对象的动画快速创建动画、轻松修改运动路径并全面控制个别动画属性。
  从很早的版本入手下手,使用就能够制造良多风趣的鼠标殊效,上面我们来重温一下,制造几个风趣的鼠标殊效。

  1、完成道理

  实在鼠标殊效的道理都是迥然不同的,让Clip先停在某一帧下面,当鼠标滑过的时分,播放响应的殊效。一个Clip看起来不怎样悦目,但几十个Clip放在场景中,靠范围制胜,鼠标触发播放响应的效果,看起来就很是壮不雅了。
  

  上面我们就来完成三个分歧的实例,每个实例都代表着一品种型的鼠标殊效。

  2、实例1

  这个实例完成的是有关线变更的鼠标殊效,与线的变更有关的鼠标殊效都与这个实例差未几。效果预览

  实例1源文件下载请点击这里。

  1、新建一个场景,用“Ctrl+F8”新建一个MovieClip,定名为“lineelem”,在此Clip的场景顶用绘线工具画一条直线。

  2、用“Ctrl+F8”新建一个MovieClip,定名为“lineelem2”,在此Clip的场景顶用矩形工具拉一个小的矩形,得当调剂矩形的色彩。

  3、用“Ctrl+F8”新建一个MovieClip,定名为“line”,在此Clip的工夫轴的第二帧上单击鼠标右键,选择拔出空缺关头帧,将第一步中制造的Clip“lineelem”拖到第二帧的场景中,并在第二帧的Action面板下面增添以下语句:stop();

  4、在“line”Clip的工夫轴的第三帧上单击鼠标右键,选择拔出空缺关头帧,将第二步中制造的Clip“lineelem2”拖到第三帧的场景中,拔取场景中的“lineelem2”,在其属性面板中设置alpha为“48%”。在“line”Clip的工夫轴的第五十帧上单击鼠标右键,选择拔出关头帧。点击工夫轴的第三帧,在其属性面板下面设置一个扭转的动画,如所示。在工夫轴的第三帧的Action面板下面增添以下语句:


  



  this.swapDepths(2);//正文1

  正文1:设置此Clip的实例的深度,以避免在播放的时分遮挡了的实例。

  在工夫轴的第五十帧的Action面板下面增添以下语句:gotoAndStop(2);//正文1_level0=0;//正文2this.swapDepths(1);//正文3

  正文1:殊效播放完,从头回到本来的形态。

  正文2:设置主场景中的变量。

  正文3:从头设置此Clip的实例的深度,从头呼应鼠标举措。

  5、回到影片的主场景中,从图库中拖二十个“line”Clip的实例加入景中,得当调剂好它们的地位。将“line”Clip的第一个实例定名为“t1”,并在此Clip的Action面板下面增添以下语句:onClipEvent(load)temp=t1flag;//正文1on(rollOver)if(_root.t1flag==0)_root.t1.gotoAndPlay(2);//正文2_root.t1flag=1;//正文3

  正文1:设置在Clip内里要用到的变量值。

  正文2:播放鼠标触发的动画效果。

  正文3:设置变量,播放的时分就不再呼应鼠标举措。

  将“line”Clip的第二个实例定名为“t2”,并在此Clip的Action面板下面增添以下语句:onClipEvent(load)temp=t2flag;on(rollOver)if(_root.t2flag==0)_root.t2.gotoAndPlay(2);_root.t2flag=1;将“line”Clip的第三个实例定名为“t3”,并在此Clip的Action面板下面增添以下语句:onClipEvent(load)temp=t3flag;on(rollOver)if(_root.t3flag==0)_root.t3.gotoAndPlay(2);_root.t3flag=1;……

  顺次类推,对其他的Clip也做不异的操纵,注重变动定名和变量中触及的实例编号。

  6、鼠标拔取主场景工夫轴中的第一帧,在其Action面板下面增添以下的语句:stop();t1flag=0;t2flag=0;t3flag=0;t3flag=0;t4flag=0;t5flag=0;t6flag=0;t7flag=0;t8flag=0;t9flag=0;t10flag=0;t11flag=0;t12flag=0;t13flag=0;t14flag=0;t15flag=0;t16flag=0;t17flag=0;t18flag=0;t19flag=0;t20flag=0;

  正文:设置播放的标记位,并初始化。

  至此,一个鼠标殊效的实例就制造完成了。按Ctrl+F8能够看到动画的效果,增添第六步中的Clip实例,能够看到更好的效果。

  3、实例2

  这个实例完成的是有关Clip的地位挪动的鼠标殊效。鼠标举措使Clip挪动的殊效,与这个实例的制造都不同不年夜。效果预览

  实例2源文件下载请点击这里。

  1、新建一个场景,用“Ctrl+F8”新建一个MovieClip,定名为“arc1”,在此Clip的场景顶用椭圆工具绘制一个椭圆,并向个中添补色彩。

  2、用“Ctrl+F8”新

使用Flash创作的各个内容单元称为应用程序,即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果,构建包含丰富媒体的Flash应用程序。

金色的骷髅 发表于 2015-1-17 20:34:12

FLASH动画在如今的很多网站中都比较常见,其所独有的视觉效果和感染力成为各行各业宣传企业形象、推广产品的最佳平台。

灵魂腐蚀 发表于 2015-1-25 22:07:15

广告本身无法看到网址链接,不利于网站本身的搜索引擎优化,对增加网站排行的权重没有意义。

海妖 发表于 2015-2-4 12:55:07

一个物体从一个角(关键祯1)移动到另一个角(关键祯2)。然后tweening在关键祯之间填充祯,从而使物体可以在屏幕上优雅地运动。

老尸 发表于 2015-2-9 22:43:24

时间期限本身就是一个优点,因为它可以让你确定一个祯率。电视每秒刷新屏幕30次,电影每秒刷新屏幕24次。Flash的祯率是可变的。

第二个灵魂 发表于 2015-2-28 03:41:37

还有,艺术上的优势——各异的风格;创作手法独特;独立性和原创性;拓展出新的表达空间;

小妖女 发表于 2015-3-9 20:36:47

一个物体从一个角(关键祯1)移动到另一个角(关键祯2)。然后tweening在关键祯之间填充祯,从而使物体可以在屏幕上优雅地运动。

再现理想 发表于 2015-3-17 02:10:05

在Web上只好把动画做得很小。即使最简单的动画也需要较长的下载时间。Flash的流技术和矢量图形对这种情况做了改变。

小女巫 发表于 2015-3-23 17:19:38

都着重在优点方面,请尽量答的详细、深入一些,谢谢!拿了我全部的爱问分了已经
页: [1]
查看完整版本: FLASH教程之Flash兴趣鼠标殊效高文战