电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
用Flash 5.0制作彩色变幻按钮
用Flash 5.0制作彩色变幻按钮
2005-12-30 19:14:03  文/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分别是鼠标未悬浮和悬浮于按钮上的状态)。

 
 

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    解决Fla文件编译SWF后体积过大
    Flash代码收集及常见问题解决方法
    网页不能播放flash的解决
    flash9.ocx 加载错误解决方法
    IE(浏览器)无法显示Flash文件
    新鲜玩法 Flash动画用电视观看
    Flash制作地室中的幽灵火焰
    用Flash制作即指即现的广告条
    经典!给FLASH初学者的10点制作经验
    javascript的下雨效果,比flash的…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号