Fireworks MX使用教程--如何制作精致的荧光按钮

按钮|教程|荧光

1.新建一个文件,大小任意,背景为透明。
2.在透明画布上,使用圆角矩形工具画一个两头半圆的按钮,颜色为黑色。制作方法见《制作两头半圆的矩形》一文。

3.选中当前图层,单击层面板右上角的弹出菜单按钮,在弹出的菜单中选择复制图层命令,复制当前选定图层,在弹出对话框中选择“在顶端”,将复制的图层命名为“效果层”。


4.在层面板中,选中刚才命名的效果层,把效果层中的按钮变成白色。用缩放工具对其进行缩放操作,缩放后的效果:

5.对缩放后的图形应用透明渐变效果。在属性面板中选择“线性”渐变。

6.点击油漆桶旁边的颜色块,弹出渐变颜色设置面板。

7。设置左边的颜色块颜色为白色,右边透明块的不透明为0。

8.在效果层上从上到下拖动应用白色到透明的渐变。

9.最终效果如下图。

时间: 2024-09-30 09:24:07

Fireworks MX使用教程--如何制作精致的荧光按钮的相关文章

Fireworks MX使用教程--教你如何制作虚线

教程 操作步骤:1.启动Fireworks MX,新建一个文件,文件宽和高都设为200象素,也可以是任意大小,背景为白色.2.单击"工具"面板"矢量"部分的"线条"工具,并且按住键盘上的"Shift"键,在编辑区任意绘制一条直线.3.在"工具"面板的"选择"部分中选择"指针"工具,选中这条直线.4.单击"属性检查器"中的"描边种类&quo

用Fireworks MX的变形工具制作大脚印图标

在我们平时设计网页的时候,不免要经常动手制作一些小的图标以满足实际的需要.Fireworks MX既然做为三剑客之一,在这方面自然有自己独特之处.我们今天就以"大脚印"图标为例子来讲解一些如何使用Fireworks轻松设计网站图标. 步骤1: 打开Fireworks MX,使用菜单命令File-New,新建一个文件,宽与高均为300像素,背景色为白色. 步骤2: 在工具栏上选择画圆工具(Ellipse Tool),并且在Properties面板上设置填充色为黑色,边框色无.绘制一个椭圆

Fireworks MX使用教程--教你如何制作环绕文字

教程 1.新建宽和高都是300像素的文件,背景设为白色.2.点选"工具"面板中的"文本"工具,在工作区输入文本"http://vip.5d.cn/fuguotao/,字体选择"Arial Black",字号为20像素大小,颜色为黑色.3.点选"工具"面板"矢量"部分的"椭圆"工具.4.按住"Shift"键,在工作区画一个圆.5.在"属性"

Fireworks MX使用教程--教你缺角矩形的制作

教程 1. 新建一个宽为150象素,高为100像素的文件,背景色任意.2. 选中工具面板中的矩形工具,在编辑区画一个矩形.3. 选择工具面板矢量部分的"刀子工具",并且按住Shift键,把矩形右上角的边框进行切割.4.切割后的图片:5.点选"工具"面板中的"部分选定"工具.6.选择顶点.7.按键盘上的DEL键删除.8.继续把左角变成缺角.选择"工具"面板矢量部分的"钢笔"工具.9.在左下角的两个边框等距离各

Fireworks MX使用教程--如何制作漂亮的Mac按钮

按钮|教程 .新建一个文件,背景色自定.使用圆角矩形工具,在编辑区绘制一个圆角矩形,矩形宽120象素,高40象素,矩形圆度为50.2.选中这个圆角矩形,在属性面板上,描边设为无,填充方式为线性,填充颜色设置为灰色到白色.选取油漆桶工具,从上向下拖动.3.打开层面板,选中当前图层,拖到"新建复制层"按钮上,复制一个新层.4.锁定层1.5.选中层2,将填充方式变为实心,填充颜色为白色.在菜单栏,选择修改,变形,数值变形,将宽高都设置为90%.6.使用"刀子工具",在圆角

Fireworks MX使用教程-教你如何制作渐变按钮

按钮|渐变|教程 1.使用矩形工具在工作区画一个矩形.2.在"工具"面板"位图"部分中的"油漆桶"工具上单击并按住鼠标按钮.从出现的弹出菜单中选择"渐变"工具.3.单击属性检查器中的"填充颜色"框.选择"线性"填充.4.打开"编辑渐变"弹出窗口,在色阶下面单击添加一个色样.实例中添加的色样在中间.5.单击色样,分别设置几个色样的颜色.6.在矩形上,由上向下拖动,一个渐

Dreamweaver MX进阶教程:制作虚线

dreamweaver|教程 使用Fireworks创建虚线图像 1.选择"文件"/"新建",在"新建文档"对话框中,设置宽1象素,高3象素. 2.选择工具面板上的"缩放"工具,放大画布. 3.选择工具面板上的"矩形"工具,在画布上画一个1×1象素的矩形. 4.在"优化"面板中,设置图像为GIF格式.选择"文件"/"导出",保存虚线图像. 如果直接

Fireworks MX中虚线效果制作技巧

技巧 Fireworks是一款针对网页图形设计的软件,虽然比起Photoshop等专业级的绘图软件来,它的功能还算不上很强大,但只要多用巧用,细心钻研,它的功能还是能满足网页图象设计的各种要求的. 无论在网页设计还是其他平面设计中,绘制虚线是一项应用比较广泛的技巧.在Fireworks必须用一个插件才能实现,呵~现在好了,可以不用它了.思路:用选取工具画1像素高的直线,然后用材质填充,还可以设置渐变等,比用插件的效果更多.我是第一次写教程,希望你们会喜欢.好了,不多说了! 1.新建一个文档 (c

Fireworks MX锈蚀文字特效制作

原来在PS的很多教程中都看到了锈蚀效果的文字制作的方法,不过很多方法放到FW中就不太现实了,经过试验,制作出了如下图所示的文本效果,感觉和PS制作的锈蚀效果文本还是有很大的差距,不过可以暂且肯定一点,使用FW,我们同样也能制作出比较接近的锈蚀特效文字了.先来看两个不同的效果图. [操作步骤] 第一种锈蚀特效的制作方法: 1.在编辑区输入文本"text",字体采用"方正超粗黑简体",字号为"100"大小,填充颜色为"#FF9900&quo