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

用Flash 5.0制作彩色变幻按钮

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


  我经常在许多网页上看到漂亮的按钮效果,其中包括彩色变幻按钮,为网页增色不少,自然会想用什么工具可以做出那样的效果呢?于是自己试着用Flash 5.0做了一个圆形彩色变幻效果按钮,效果还真不错,特推荐给大家!

  方法如下:

 
  1、建立新场景,大小为100×100,背景为白色;

  2、选择“Insert→New Symbol”,建立Graphic类型的符号,在产生的Symbol1编辑区中,选择铅笔工具,圆形,白色,线粗为1,在工作区中心画一个直径为32的圆;

  3、选择油漆桶工具,设置一个颜色从“#ff99ff”到白色的圆形渐变填充,并在已经画好的圆上点击一下;

  4、选择“Insert→New Symbol”,建立Movie Clip类型的符号,在产生的Symbol2编辑区中,按Ctrl+L将符号库打开,将第3步已作好的Symbol1拖到Symbol2编辑区中(如图1);


图1

  5、在Layer 1的时间轴上的第10和第20帧处,分别按F6插入关键帧,选中第10帧的图形,选择“Modify→Transform→Scale and Rotate”,在Scale对应的文本框中输入300,即放大为原来的三倍;

  6、鼠标移到第1到第10帧之间的任意一帧,单击右键,选择“Create Motion Tween”,同样鼠标移到第10到第20帧中的任意一帧,单击右键,选择“Create Motion Tween”,即完成一个圆的放大缩小动画;

  7、选择“Insert→New Symbol”,建立 Button类型的符号,在产生的Symbol3编辑区中,选中UP下面的帧,在场景中心画一直径32的颜色为“#ff99ff”的圆,输入字母“GO”,颜色设为“#0099ff”的蓝色;

  8、将UP下的帧进行复制,分别粘贴于Over、Down帧处,并将Over、Down处的字母颜色修改为白色;

  9、在Layer 1下增加一个新层,选中新层Over下面的帧,按F6插入关键帧,按Ctrl+L调出符号库,将已经制作好的电影片段Symbol 2拖到场景中,中心与场景中制作好的圆对齐;

  10、返回Scene 1,将Symbol 3即在第10步制作好的按钮符号拖入场景中心;


图2

  最终效果如图2所示(其中a和b分别是鼠标未悬浮和悬浮于按钮上的状态)。

 
 

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