Fireworks 制作一个按钮

按钮

FW制作一个按钮(适合初学者)

效果图:

(“椭圆”工具)画出一个圆,用(“圆角”矩形)画出一个圆角矩形,然后把矩形叠放在圆上面:

执行>>修改—组合路径—联合:

复制一个,去底色,边为黑色:

加到上面来,作为边(在原图上直接填底色,色彩太淡所以新加一个):

在上面画一个填充线形渐变以及边的颜色:

在上面再加一个圆,也是用线形渐变填充,把圆调为透明度50%:

完成:

时间: 2024-10-31 09:19:23

Fireworks 制作一个按钮的相关文章

fireworks制作苹果按钮

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

使用Fireworks制作水晶按钮

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

Fireworks制作光泽按钮一例

按钮 我偶在一个教学网站看到一则关于用PS制作一个光泽按钮的教程,效果不错,但愿作者称这种效果乃APS特有,并推崇大家使用PS软件,这令用Fireworks的我十分不爽(哈哈...),随意用Fireworks做出同样的效果以正视听.        本文作者所用的版本为Fireworks MX.        原效果图如下: 制作这个效果的方法比较简单:  第一步,建立新文件,利用"圆角矩形工具"画出一个四个角有一定弧度的矩形,大小即为你想做的按钮的大小,其填充采用单色填充,选择你想要得

如何用Fireworks制作一个RSS图标

一个朋友正在学习Fireworks,问如何制作一个RSS的图标.于是给他做了个 例子,需要的朋友可以参考下 1.选择矢量工具中的"圆角矩形"工具,画一个 150px×150px的矩形.调整角度手柄到合适. 2.对矩形进行垂直线性渐变.数值如图. 3.复制并原位粘贴一个矩形,选择实心填充,选择白色并调整透明度到如图 效果.将其平面化,然后利用选区工具删除下面一半. 4.再复制一个矩形,填充为空,边框为1px的白色. 5.将1px边框矩形平面化,然后选择选区工具,调整羽化值为60,分别对上

Fireworks制作透明按钮一例

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

Fireworks制作玻璃按钮的教程

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

Fireworks制作一个水晶图标

效果图: 路径制作这么一个图形,然后拉渐变 复制一个在上面,稍微偏移些,如图拉渐变 加滤镜 加高光:也是复制一份,用'刀'切割一半 制作笔:

Fireworks制作一个水晶羽毛笔图标

效果图: 路径制作这么一个图形,然后拉渐变 复制一个在上面,稍微偏移些,如图拉渐变 加滤镜 加高光:也是复制一份,用'刀'切割一半 制作笔: 制作出笔尖与笔杆中间的骨线 复制一个,用"刀"切一半,然后拉渐变 最后影阴制作

Fireworks 制作一个水晶图标

  效果图: 路径制作这么一个图形,然后拉渐变 复制一个在上面,稍微偏移些,如图拉渐变 加滤镜 加高光:也是复制一份,用'刀'切割一半 制作笔: 制作出笔尖与笔杆中间的骨线 复制一个,用"刀"切一半,然后拉渐变 最后影阴制作         注:更多精彩教程请关注三联网页设计教程 栏目.