Fireworks制作光泽按钮一例

按钮

我偶在一个教学网站看到一则关于用PS制作一个光泽按钮的教程,效果不错,但愿作者称这种效果乃APS特有,并推崇大家使用PS软件,这令用Fireworks的我十分不爽(哈哈。。。),随意用Fireworks做出同样的效果以正视听。

       本文作者所用的版本为Fireworks MX。

       原效果图如下:
 制作这个效果的方法比较简单:

 第一步,建立新文件,利用“圆角矩形工具”画出一个四个角有一定弧度的矩形,大小即为你想做的按钮的大小,其填充采用单色填充,选择你想要得按钮颜色。

 
       第二步,将该矩形复制一个,新复制的矩形将成为我们所看到的光泽部分,首先,将其填充改为线性填充,颜色取白色到白色渐变,不错,您没有看错,是白色到白色渐变,因为我们需要的效果并不在颜色上体现,而是在透明度上体现,那么下一步我们在线性填充属性框中颜色设置中色块而上面的黑色的小三角即为设置透明度的,其中的一个取默认值100%,而另一个取0%,我们看到的矩形就成为一个透明渐变的色块儿。

       第三步,将颜色填充的方向从默认的左右渐变改为上下渐变,方法是当鼠标为选取工具是,色块儿上有一个横向的辅助线,用于表示其渐变的方向,把它改成一条竖线就可以了。注意竖线一定要直,否则你的效果一定要大打折扣。

       第四步,修改白色渐变矩形的大小,原则是与原来的单色矩形相比,宽度比原来略小,左右只露出一条线即可;高度取原来的一半儿,将其放在单色矩形上面顶端也留出一条线的距离,这样看到的效果最佳。

 
       以上就是这个简单的光泽按钮的做法,如果还想加个阴影,在单色矩形上加或者另复制图层做高斯模糊后置于底层做阴影都可。不过笔者认为取后一种方法比较好,并非不信任Firewroks模糊功能,只是这样一来对效果的表达更有发挥的余地。个中奥妙大家慢慢体会吧。

时间: 2024-08-04 13:15:22

Fireworks制作光泽按钮一例的相关文章

Fireworks制作透明按钮一例

按钮|透明 今天我们看看大家都喜欢的透明按钮在Fireworks里的一种制作方法. 1.创建新文档,大小200*200 Pixels,背景颜色:#AAAAAA. 2.选择Ellipse Tool(圆工具),绘制一个大小为150*150的圆形.放在画布中间. 提示:将绘制的元素放在画布的中央可以在主菜单里选择:Commands>Document>Center Document. 3.选择圆形,此时他处于高亮状态.在Fill填充面板里选择Radial(球形渐变).在FILL颜色井弹出的编辑渐变参数

使用Fireworks制作水晶按钮

按钮 案例欣赏对于水晶按钮的效果,大家应该见得很多了,我们使用Fireworks软件可以制作各种各样的立体水晶效果,但是不管什么样的水晶立体效果,都有一个共同的特点,为了能够实现按钮的立体效果,我们可以通过渐变色和制作高光效果来实现.效果如图1.1所示. 图 1.1卡通表情图标效果 思路分析我们首先来看看按钮的构成图,如图1.2所示: 图 1.2按钮构成图 1.任何光滑的东西都会产生镜面反射,水晶按钮当然不会例外.2.要让按钮浮出画布,阴影是少不了的.有了正确的阴影,人们感觉才会更逼真.3.这个

fireworks制作苹果按钮

按钮 在这篇教程里,我们要制作一个按钮,像苹果站点那样.曾经在5D多媒体站有用Photoshop制作这种按钮的方法,这次我们使用Fireworks,下面的每一个步骤,有些可以合并和忽略,当然得看您的理解能力了.教程PNG文件下载. 首先建立新文件,大小为420*220,背景设置为透明然后画出按钮的轮廓,我们可以使用画笔,建立一个圆角矩形.打开标尺,选择菜单View>Rulers,然后拖曳出两根水平导线定好按钮的上边和下边.建立一个圆,将鼠标指针放在上面的导线上,按住Shift拖曳出圆形,终止于下

Fireworks 制作一个按钮

按钮 FW制作一个按钮(适合初学者) 效果图: 用("椭圆"工具)画出一个圆,用("圆角"矩形)画出一个圆角矩形,然后把矩形叠放在圆上面: 执行>>修改-组合路径-联合: 复制一个,去底色,边为黑色: 加到上面来,作为边(在原图上直接填底色,色彩太淡所以新加一个): 在上面画一个填充线形渐变以及边的颜色: 在上面再加一个圆,也是用线形渐变填充,把圆调为透明度50%: 完成:

Fireworks制作玻璃按钮的教程

按钮|教程 在此下载 源文件 1.创建新文档,大小200*200 Pixels,背景颜色:#AAAAAA.2.选择Ellipse Tool(圆工具),绘制一个大小为150*150的圆形.放在画布中间.提示:将绘制的元素放在画布的中央可以在主菜单里选择:Commands>Document>Center Document(MX 版本这个 命令消失了)3.选择圆形,此时他处于高亮状态.在Fill填充面板里选择Radial(球形渐变).在FILL颜色井弹出的编辑渐变参数中,改变颜色为从#0000bb到

Fireworks制作Vista样式按钮

本例介绍使用Fireworks制作多样式按钮,主要讲解渐变填充.高光样式的运用,适合新手朋友学习,希望能给朋友们带来帮助.         注:更多精彩教程请关注三联图文教程 频道,

用Fireworks设计Macromedia按钮

按钮|设计 Fireworks一直是我最常用的网页图形设计软件,虽然Macromedia被Adobe收购,我相信Fireworks还会发展下去的.支持Fireworks!!!  这是Macromedia Fireworks 8官方网站上新版Fireworks功能宣传一个Flash按钮,暂时把这个按钮效果叫Macromedia按钮吧,呵呵. 看图: 查看网址:http://www.macromedia.com/cn/software/fireworks/ 下面我们使用Fireworks来制作一款这

Fireworks制作美丽典雅的“青花陶瓷按钮”

韩国风格的网页出现,风靡一时,苹果水晶风格的按钮出来,也风靡一时. 广泛学习.取其精华是可以的,不过如果只是生搬硬套,不糅合自己的创意进去,就只是永远在步人家的后尘.中国也有自己的特色和创意,下面我们说一下如何用Fireworks制作这些美丽典雅的"青花陶瓷按钮". 这次的制作需要一些矢量花草,我用的是"YY Old English Dingbats"花草装饰字体.你也可以使用其它矢量图或矢量字体. 基本形状 绘画一个圆角矩形,大小在175×80左右,填充颜色为#D

Fireworks仿MSN浏览器制作哑铃按钮

  在这篇教程里,我们将学会如何利用Fireworks MX 2004仿MSN浏览器制作哑铃按钮过程,制作出来的按钮非常质感,而且方法很简单,推荐过来,希望脚本之家的朋友喜欢! 我们先来看看最终效果图: 现在不管是Windows Media Player播放器,还是MSN浏览器,甚至于腾讯的QQ浏览器都将前进后退的按钮改成了这种哑铃形状,下面我就教给大家如何在Fireworks MX 2004中制作这种简单的哑铃按钮. 1.新建300像素白色画布,选择"椭圆"工具按住Shift键画一个