爱飞 发表于 2015-1-15 22:56:46

动画教程之Flash老手教程:跟从鼠标的圈圈动画-Flash实例教程

网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash的前身是FutureWave公司的FutureSplash,是世界上第一个商用的二维矢量动画软件。
  本例先容利用Flash制造复杂的光圈动画效果,次要解说鼠标跟从效果的制造,合适老手伴侣进修。效果演示:



刚入手下手学的伴侣不要觉得这个要很难喔,这个是殊效里最复杂的一种啦~使用按钮元件来做的,也不必要良多代码,好了~看教程吧,实习下~



新建一个空缺的Flash文档,按Ctrl+F8新建一个按钮元件


在元件场景中画一个年夜一点的无边框的四方形,但也不要太年夜,适中就好了,这个一会要放加入景中的,场景里要放很多多少个的,本人得当的画个就好了,要有添补色的,然后,把通明度调剂为0(这里要出格注重,不是画一个没有色彩的方框,是要有色彩的,然后在混色器里把Alpha调剂为0,如许就通明了,如图)


画好第一帧的通明四方形后,前面几帧都一样的,就不必要往拔出关头帧了,间接在第四帧右击拔出帧,或是按F5就好了~





做好按钮了,上面也是最主要的一步了,新建一个名为圆的影片剪辑元件



按Ctrl+L翻开库面板,把按钮元件拉到影片剪辑的场景中,最好是放在场景中央那边


点击图层1第一帧,按F9翻开举措面板,打上代码stop();





点击了局景中的按钮元件,再按F9翻开举措面板,写上代码
on(rollOver){
play();
}

意义是当鼠标经由时播放动画


友谊提醒:点击帧和按钮是纷歧样的,加中断的代码是在帧上,加播放是在按钮上喔,要注重了~
好了,半途而废一半了,上面就是做圆形动画了
拔出新的图层2,在第2帧拔出关头帧,画一个无添补色的小圆,记住,画的地位是要在按钮的地位上喔







在15帧拔出关头帧,把圆缩小,在缩小圆的时分,能够按住Alt+Shift再用就形工具缩小,如许中央地位不会变,缩小也是按等比例缩小的~~把圆缩小后,能够改动下色彩,再把通明值改成0


最初,创立外形补间动画就能够了,如许一个由小到年夜的色彩突变通明的圆圈就做好啦~


把图层2第2帧到第15帧全选起来,右击复制帧





然后新建多个图层,隔2帧右击粘贴帧,假如最初粘贴完后有过剩的帧,记得删失落哈~


如许,一个圆圈就复制完成,能够分离点下突变的头一帧后最初一帧,改动色彩,固然,别忘了最初的那一帧要把色彩改成通明的喔~按如许,多复制几个图层,我这里共弄了五个突变图层,每图层的色彩都纷歧样的,人人随便~


好了,全体弄好了,上面就回加入景中吧,入手下手摆放元件啦~
翻开库,把圆的元件拖放加入景中来~你要放满场景也行,不放满也行,总之,一个元件鼠标经由就会实行圆的效果,以是分歧的摆放也会有分歧的效果的喔,能够试下哈~我这里是放满的~以是有种鼠标跟从的效果~^0^


好了,出工,测试下吧~

Flash8.0是Macromedia公司在7.0版本的基础上开发的,功能更强大,易于设计。

灵魂腐蚀 发表于 2015-1-17 19:52:27

FLASH网站建设的页面非常美观,互动性很强。在企业网站中,FLASH动画作用主要在于突出企业品牌的效应,彰显企业形象的实力。

活着的死人 发表于 2015-1-26 10:17:06

不能制作色彩丰富变化的图像,核心竞争力小,而且有一定的局限性。要想制作优秀的动画,就要充分了解软件的优点和缺陷。

精灵巫婆 发表于 2015-2-4 19:03:05

动画广告相对于传统广告而言,它的优势在于不受时间、地点等条件限制,可以通过动画的形式将那些复杂又抽象的广告内容更加简单化、生动形象化。

仓酷云 发表于 2015-2-10 06:21:35

Flash是一种以向量图方式制成的网页动画,相比MPEG,AVI等的影片的档案大小就小很多.

变相怪杰 发表于 2015-3-1 01:32:44

流技术让用户在下载的同时看到动画(与全部下载后再观看相反)。但是这也不是什么新技术 - Web一出现就有这种技术了。

简单生活 发表于 2015-3-10 12:28:19

缺点方面~有些技术不能实现,不过FLASH技术在发展在进步,相信在以后FLASH可以取代,大部分的视频编辑软件,视频制作软件。

山那边是海 发表于 2015-3-17 07:11:09

而作为富媒体营销概念中的重要手段,很长一段时间,或者说,在未来,富媒体技术的不断完善,Flash动画广告的优势会越来越明显。

兰色精灵 发表于 2015-3-24 02:29:52

逐渐改变了我们生活及生活习惯的一些东西,而正是互联网的大势兴起,Flash动画越来越受到宠爱,现在,Flash动画已成为网络广告的中坚力量。
页: [1]
查看完整版本: 动画教程之Flash老手教程:跟从鼠标的圈圈动画-Flash实例教程