快速业务通道

Flash MX2004入门与进阶实例:4.4 交互动画的灵魂-按钮

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-09
绘制了一个椭圆阴影。你可以参考配套光盘上的源文件进行绘制,另外你完全可以充分发挥自己的想象力,绘制出更漂亮的按钮图形。 步骤2 创建【指针经过】帧上的图形 选择【指针经过】帧帧,按F6键插入一个关键帧,并把该帧上的图形重新填充为橄榄绿色,如图4-4-7所示。 图4-4-7 【指针经过】帧上的图形 ? ? 步骤3 创建【按下】帧上的图形 【按下】帧上的图形和【弹起】帧上的图形相同,因此利用复制帧的方法即可得到。先用鼠标右键单击【弹起】帧,在弹出的菜单中选择【复制帧】命令,然后用鼠标右键单击【按下】帧,在弹出的菜单中选择【粘贴帧】命令即可。 步骤4 创建【点击】帧上的图形 选择【点击】帧,按F7键插入一个空白关键帧,这里要定义鼠标的响应区。用【矩形工具】绘制一个矩形,如图4-4-8所示。注意一定要让这个矩形完全包容前面关键帧中的图形。 ? 图4-4-8 【点击】帧上的图形 ?

说明:【点击】帧中的内容,在播放时是看不到的,但是它可以定义对鼠标单击所能够做出反应的按钮区域。也可以不定义【点击】帧,这时【弹起】状态下的对象就会被作为鼠标响应区。 (2)创建文字效果 为了使按钮更实用并更具动感,下面我们在圆形按钮图形上再增加一些文字特效。 步骤1 创建【文字1】图层 在【圆形】图层上新建一个图层,并重新命名为“文字1”。在这个图层的第1帧,用【文本工具】输入“play”文字,字体颜色用黑色,如图4-4-9所示。 ? 图4-4-9 创建【文字1】图层 上一页??[1]?[2]?[3]?下一页??
第四章 元件和实例
第四节 交互动画的灵魂——按钮(3) 步骤2 创建【文字2】图层 在【文字1】图层上新建一个图层,并重新命名为“文字2”。先将【文字1】图层上的文字原样原位置复制到【文字2】图层的第1帧上。方法是,单击选择【文字1】图层上的文字,执行【编辑】|【复制】命令,然后单击选择【文字2】图层的第1帧,执行【编辑】|【粘贴到当前位置】命令即可。 除了【文字2】图层,锁定其他图层,然后选择这个图层上的文字对象,按下向上方向键和向左方向键各两次,然后将文字的颜色更改为绿色。这样就形成一个立体效果的文字,如图4-4-10所示。 ? 图4-4-10 【弹起】帧的文字效果 ? 选择【文字2】图层的第2帧,按F6键插入一个关键帧,将这个关键帧上的文字颜色改为蓝色,如图4-4-11所示。 ? 图4-4-11 【指针经过】帧的文字效果 ? 至此,这个按钮元件就制作好了,现在我们返回【场景1】,并从【库】面板中将“圆形按钮”元件拖放一个实例到舞台上,然后按下Ctrl+Enter组合键测试一下,怎么样?将你的鼠标指针移动到按钮上,够漂亮吧? ?上一页??[1]?[2]?[3]?
关键词:动画

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号