繁体中文
设为首页
加入收藏
当前位置:在线教程首页 >> 平面设计 >> 平面教程 >> Fireworks >> 模仿Photoshop效果制作按钮

模仿Photoshop效果制作按钮

2005-05-24 17:49:00  作者:佚名  来源:蓝色理想  浏览次数:1032  文字大小:【】【】【

蓝色简变按钮:


Eysondesign.net有这个教程的photoshop原版本。我很喜欢这个按钮的外观,也非常希望用Fireworks做出这样的效果。实际上,模仿过程是十分简单易行的。记住,如果你想撤消每一正在进行步骤的操作,只需要用ctrl+Z来恢复上一次的外观。
首先在Fireworks中的菜单选择Files-New或者Ctrl+N来创建一个新文档。文档设置大小为:200*200 pixels。如果这个图案是为了网络方法所使用,最好保持默认分辨率为72不变。我的选择是分辨率为72,画布颜色为默认的白色。
选择圆角矩形工具,创建新大小为 100*30的矩形。形状大小可以由 info panel来精确确认。 我设置的矩形描边为 1 pixel stroke ,填充为矩形填充(什么颜色现在无所谓),效果如下所示:

 


现在你要去创建一个蓝色渐变填充,在fill(填充)属性面板中选择线性渐变。


设置渐变类似与我下面的演示。在设置渐变填充前,要确认已经选择了我们刚才创建的圆角矩形。颜色(从左到右)依次是#004878,#84C0E8,#98D2FD,#93CBFD,#020B2B,#97CBFB.每创建一个新渐变转折点只需要在中间的灰色长条上左击鼠标。


旋转移动渐变控制柄如下图所示。完成后,克隆(ctrl+shift+d)此图片四次。



现在可以在你的图层面板里(Layers Panel)看到五个完全一致的图形,他们的名称均为Rectangle(矩形)。让我们重新给他们编好名称:点击图层面板上物体两次,会出现命名输入框,从上到下,依次将他们命名为layer5至layer1.
现在你的图层面板如下所示:
 


在图层面板里选择layer5,然后使用 Skew tool(倾斜工具)将矩形的下面的两侧向中间靠拢。
调整完毕后你的图形如左下所示:

 


在图层面板里选择图层 layer4, 然后在填充(fill)面板里重新设置如下所示:


(困猫提示:注意选择了透明transparet)
在图层面板里选择图层 layer2,然后在 信息 (info)面板里将长度修改为108,高度为26。使用小键盘的方向键盘进行移动,使它如左所示:

 


好了!我把所有的图层进行了群组(ctrl+G),然后给他们增加了drop shadow特效,重新设置了文档背景,添加了文字。我希望你能够喜欢这个教程,他正展示了使用fireworks同样可以做到photoshop的效果。

此文章不能满足您的需求?那就就Google一下吧:)
Google
 

责任编辑:admin


相关文章
企业发展战略概论
走出创新的困惑
核心竞争力的打造
初探企业发展战略
校准你的核心能力
入世对策15条
你对市场的认识到位吗?
多元化和专业化的经营
思维变革与企业发展
创新制定区域市场战略
警惕:战略失误
 

最新文章

更多

· 我用FW做的下拉菜单
· 设计个性化印章
· 通用界面指南
· 树叶上的水滴效果
· 飞机和降落伞
· 三等分圆形效果图的制作
· 模仿Photoshop效果制作按钮
· 制作泡泡球效果
· 制作立体镂空齿轮
· 打造MAC水晶球特效

推荐文章

更多

· 我用FW做的下拉菜单
· 设计个性化印章
· 通用界面指南
· 树叶上的水滴效果
· 飞机和降落伞
· 三等分圆形效果图的制作
· 模仿Photoshop效果制作按钮
· 制作泡泡球效果
· 制作立体镂空齿轮
· 打造MAC水晶球特效

热点文章

更多