设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 图形图像 >> Fireworks >> Fireworks制作光泽按钮一例
精品推荐
Fireworks点击TOP10
·Fireworks制作草生草长之草样年华gif动画
·Fireworks4功能介绍
·网页设计综合实例(下)
·Fireworks巧绘精美闪图动画
·教你用FW做酷LOGO
·Fireworks 8制作精美网页效果图
·Fireworks教程:光芒四射之殊途同归
·Fireworks轻松绘制简单卡通海景画
·QQ皮肤制作全程实录
·Fireworks利用渐变工具简单的处理图片
图形图像点击TOP10
·中文字体设计欣赏合集
·教你用photoshop打造浪漫婚纱照
·PHOTOSHOP超强磨皮大法 将斑点选出来
·Photoshop轻松制作非主流水粉画效果
·扣图:Photoshop抠出复杂背景下的乱发
·Photoshop的LAB模式做“非主流”照片
·Photoshop制作Lomo风格非主流效果
·Photoshop打造“非主流”颓废照片特效
·Flash实例制作剖析:蝶恋花
·清晰还原!Photoshop处理人物模糊照片
精选专题

Fireworks制作光泽按钮一例

作者: 来源:http://www.xgdown.com/ 时间:2005-11-19 0:27:38


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

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

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

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

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

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

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

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


Fireworks制作光泽按钮一例 相关文章:
Fireworks制作光泽按钮一例 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com