This Domain(Admin5.com) is for Sale:

轻松制作Flash动画按钮

时间:2007-11-14  来源:收集  作者:TUPS

  这里我们要用Flash做一个按钮,而这个按钮本身是一带有动画效果的。大多数人可能知道怎么创建一个按钮,可是,怎样做一个带有动画效果的按钮呢?那么,Let'sdoit! 织梦内容管理系统

  我们知道,在Flash中,可以插入场景中的符号(Symbol)有三种,它们分别是MovieClip(动画片段)、Button(按钮)和Graphic(图片)。向Flash动画中添加按钮,实际上是插入一
个Button符号,而想让按钮动画起来,只要在Button中再插入一个MovieClip就行了。基于这样的思路,我们就可以一步步地去实现它了,Justtakeiteasy!

内容来自dedecms

  1、运行Flash,新建一个影片文件,设置背景为黑色,大小自定,如图1。

dedecms.com


图1 织梦内容管理系统

  2、先不要在舞台上添加任何对象。选择菜单Insert>NewSymbol(或按快捷键Ctrl F8),会弹出SymbolProperties(符号属性)对话框,将Name改为Button,将符号的行为(Behavior)设为Button。单击Ok,关闭该对话框,如图2。

本文来自织梦


图2 dedecms.com

  这样我们就新建了一个按钮符号,同时,窗口切换到按钮编辑窗口。你可以按Ctrl L打开库(Library)窗口,会发现其中有一个名为“Button”的按钮符号,不过这个按钮现在是空的。不要急着向其中添加任何对象,因为我们要做的是动画按钮,所以下一步要插入一个动画片段,如图3。 copyright dedecms


图3 dedecms.com

  3、选择菜单Insert>NewSymbol,在弹出的对话框中设置Name为MovieClip,并将Behavior设为MovieClip。单击OK,则窗口会自动切换到MovieClip编辑窗口。 本文来自织梦

  4、现在,我们可以做动画了,这里的动画,可以根据你的需要来设计。作为例子,我按如下步骤做了一个文字动画。假如你对动画制作已经非常熟悉,可以跳过下面几步,直接阅读步骤8。 织梦内容管理系统

  5、选择工具栏上的文字工具(或按快捷键T—Flash用得久了你会发现,快捷键真地很好用,令你有种“我是高手”的感觉),然后在舞台上点击,输入“动画按钮”,将字体改为隶书,字号设为20,颜色设为白色。点击时间线窗口Layer1的第10帧,按F6插入一个要害帧。选中1—10帧,点击右键,选择CopyFrames,复制这10帧。

织梦好,好织梦

  6、新建一层,在第一帧上点击右键,选择PasteFrames,将Layer1上的10帧复制到Layer2。再新建一层,重复以上操作。这样,三层上有相同的帧,如图4。 织梦内容管理系统


图4

织梦好,好织梦

  7、创建动画:选中Layer1的第1—10帧,并在上面点击右键,选择CreateMotionTween,然后选中第10帧,按住Shift,单击向上、向左箭头键各1次,并在Effect面板中选择Alpha,设置透明度为0。对Layer2进行同样的操作,只不过在移动第10帧文字时将方向改为向下、向右。 内容来自dedecms

  8、按回车键测试动画,假如没有问题,双击库窗口中的Button按钮符号,进入Button编辑窗口。将库窗口中的MovieClip符号拖到窗口中间。此时会发现,时间线上Up下面出现一个要害帧。按F6在Over、Down下面也各插入一个要害帧。为了让按钮在鼠标移过时有明显变化,我们可以选中Over下面的要害帧,用矩形工具在文字四周画一个白色的边框。OK,按钮完成了,当然,你还可以为按钮添加超链接,这样浏览者在点击按钮时,就可以打开他们感爱好的页面,如图5。

内容来自dedecms


图5 织梦内容管理系统

  9、点击时间线窗口左上方的“Scene1”,切换到场景窗口,将库窗口的Button按钮拖放到舞台上,然后,按Ctrl 回车键测试一下,怎么样,成功了! 织梦好,好织梦

  其实,Flash本来就是不难学的,有些东西虽然书上并没有举出实例,但只要我们充分发挥想象力,一定可以做出一些更加绝妙的好东西。好了,就到这里吧,以后有什么好的题材,一定再写出来与大家分享。 织梦好,好织梦


本文来自织梦

看完这篇,您有何感觉呢?

文章评论

共有位Admini5网友发表了评论 查看完整内容

推荐信息

24小时热门信息