Fireworks 仿MSN浏览器按钮

作者:佚名 来源:中国教程网 点击: 日期:2007-03-31

　　现在不管是Windows Media Player播放器，还是浏览器，甚至于腾讯的浏览器都将前进后退的按钮改成了这种哑铃形状，下面我就教给大家如何在 MX 2004中制作这种简单的按钮。
　　1.新建300像素白色画布，选择“椭圆”工具按住Shift键画一个正圆形，复制这个圆形，并按住Shift键将其缩小，放在紧贴在第一个大一些的圆形的旁边。（如果怕对不整齐，可以按Ctrl+Alt+R打开工作区中的标尺，并从标尺中拖出辅助线用以助于对齐圆形）

　　2.注意刚刚大小两个圆形的相交处刚刚是汇合了一点点，然后选中两个圆形，选择菜单--修改--组合路径--联合，这样两个圆形就形成了一个路径。

　　3.选择“部分选定”工具，调节组合后双园型路径的上半部分中间处的锚点，仔细调节成尽量平滑的过渡。如图：

漂亮MM女性网

　　4.选择“刀子”工具，延中间的横向辅助线将双圆形切开，删除下半部分（因为没有对下半部锚点做调解，所以就删掉了）

　　5.选中剩下的上半部分轮廓，复制，垂直翻转，然后对齐到中间辅助线位置，在选择上半部分路径联合。

　　6.使用线性过渡色填充，方向是从上到下，颜色参照#CBED---#FFFFFF，当然这里也可以自己根据需要随便填充。

　　7.选择效果--内侧阴影，距离4-透明度65%-柔化3-角度315-颜色#4775A3

　　8.依旧画一个正圆形，内部用放射性填充，填充颜色可以参照刚才的#CBDCED---#FFFFFF，边框可以选择稍微深一些的蓝色，然后在效果中选择投影，设置为距离2-透明度100%-柔化1-角度135-颜色#FFFFFF； www.edu-cn.com
　　再作一次投影效果，设置为距离2-透明度100%-柔化1-角度315-颜色#000000；增加圆形按钮的隆起感觉。
　　选择自定义形状中的箭头形状，在圆形按钮上画一个箭头，如果方向不对选择水平翻转，加效果内侧阴影，设置为距离3-透明度65%-柔化2-角度315-颜色#000000，再增加效果投影，设置为距离2-透明度100%-柔化1-角度135-颜色#FFFFFF；
　　复制刚才的圆形按钮和箭头，做水平翻转，并缩小，如有的效果会翻转，根据情况修改投影的角度即可。

　　9.给做好的哑铃按钮选择一个背景，增加效果投影，设置为距离2-透明度100%-柔化2-角度315-颜色#FFFFFF，再增加一次投影效果，设置为距离2-透明度65%-柔化2-角度135-颜色#73A2D0；这样就可以叫按钮和背景完美融合在一起了。

　　色彩的搭配大家可以根据自己所需自行改变，以上只是一个制作过程的参考。
　　源文件下载

edu4u.com.cn

中国教育网

【文章评论】【收藏本文】【推荐好友】【打印本文】【论坛讨论】

最新文章:

·用Fireworks做出精美的文字特效(04-03)	·先建模再渲染 Fireworks矢量立体图标(04-03)
·用Fireworks也能为照片做精美边框(04-03)	·Fireworks绘制三维矢量透视图(04-03)
·Fireworks制作马赛克文字特效(04-03)	·FW滤镜制作血滴效果(04-03)
·绘制可爱的圣诞新年Kitty猫咪卡通桌(04-03)	·Fireworks三维插件辅助绘制转动立体(04-03)
·Fireworks 制作精细PC图标(04-03)	·Fireworks打造残破效果(04-03)

·用 Fireworks 制作红墙砖头效果	·Fireworks MX 实现 MAC 文字效果
·Fireworks设计制作TeachTV标志	·Fireworks 2004：远古兽皮卷轴
·Fireworks 绘制时尚手机 [2]	·FW MX 2004教程(5):文字编辑
·用 Fireworks 制作红墙砖头效果	·FW MX 2004教程(7):图像输出
·Fireworks 制作扇子展开动画	·FW MX 2004教程(11):自动操作

文章评论:(0条)

用户名：（新注册）密码：匿名评论

评论内容：(不能超过250字，需审核后才会公布，请自觉遵守互联网相关政策法规。

§最新评论：

责任编辑:中国教程网