45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > Photoshop >

轻松制作Flash动画按钮

电脑软硬件应用网 45IT.COM 时间:2005-12-30 19:28 作者:45IT收集

  这里我们要用Flash做一个按钮,而这个按钮本身是一带有动画效果的。大多数人可能知道怎么创建一个按钮,可是,怎样做一个带有动画效果的按钮呢?那么,Let's do it!

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

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


图1

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


图2

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


图3

  3、选择菜单Insert>New Symbol,在弹出的对话框中设置Name为Movie Clip,并将Behavior设为Movie Clip。单击OK,则窗口会自动切换到Movie Clip编辑窗口。

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

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

  6、新建一层,在第一帧上点击右键,选择Paste Frames,将Layer 1上的10帧复制到Layer 2。再新建一层,重复以上操作。这样,三层上有相同的帧,如图4。


图4

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

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


图5

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

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

 

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识