看上去精致漂亮的葡萄酒瓶，其实制作起来非常简单，用fireworks只需几步，就能轻松打造。

首先，用形状工具画出相应的形状，通过这些形状的组合，我们能够得到一个瓶身。

接着，我们开始制作瓶颈，用钢笔工具勾画出半个瓶颈的形状，通过复制-水平翻转，得到右边半个，这样制作的瓶颈看起来对称平整，比完整勾勒的更好。用路径面板中的组合路径拼合他们。

把制作完成的瓶身和瓶颈组合起来，得到完整的葡萄酒瓶子，这里由于在做包装纸的时候我需要用瓶颈部门形状，所以暂时不需要把他们合并路径。

添加高光是很关键的一部，因为有了光影变化，才会有立体感，使用渐变填充，调整透明度，使高光看起来更自然，更符合现实情况，如果平时注意观察，就可以做的更好。

复制瓶颈形状，切去不需要的部分，我们得到瓶颈包装纸的形状，是不是很方便。

标签由3部门组成，这里你可以自由发挥，可以做一个自己品牌的葡萄酒，让酒瓶更有个性。

现在，葡萄酒瓶制作完成啦，是不是很容易，有些细节其实还可以更加细化些，比如瓶口部分的透视还不是非常好，希望大家看了我的教程后，可以做出更好，更有创意的各种瓶子。

　　这里先说下制作要注意的地方：笔者感觉竹子最重要的部分就是关节部分（2段竹子的结合处）这也是竹子的特点；还有就是竹段中，类似丝状的纹理。

　　下面我们就用Fireworks来绘制清新翠绿的竹子：

　　1、首先画一个27*105的矩形（数值近似就可以），然后调节四脚的结点，使矩形中间的位置向内凹。

图1

　　2、加上渐变色，由于笔者想做的效果并不是那种很真实的竹子效果，所以颜色浅了些；而且只是简单的渐变：#009000 #00cc00 。

图2

　　3、在变形的矩形上加一些105高的竖线，注意间距要是不相同的，用来做竹子上竹丝的感觉。颜色要深些：#006600 透镜度调到20。

图3

　　4、这一步用来给竹子的上下边缘加阴影，用来突出竹段之间接合的部位；在上端边缘的部分画一个长10像素的线段，颜色#006600，高斯模糊1；

图4

　　5、这一步与上一步基本相同，只不过是在底部边缘的部分画一个长10像素的线段，颜色#ffffff，高斯模糊1；

图5

　　6、到这一步竹段的部分就已经制作完成了，全选Ctrl+G，然后复制一个竹段，使它和第一个竹段首尾相接，但之间要留一个像素的空隙，在这个空隙中填充一条线段，颜色#006600，透明度30%。

图6

　　7、这一步制作竹叶：画一个宽35高8的椭圆；删除上下2个结点；调节右边的结点，使图形左尖右宽；

图7

　　8、给竹叶加内侧发光，颜色#ccff00，最后再在竹叶的靠右边画一条白色的横线，高斯模糊0.7，透明度60；

图8

　　9、基本的元素都完成了，下面就是摆放啦，这里就不具体说了，大家可以自己随意。不过有几个要注意的地方：竹叶的大小不能全部一样，要适当的调节使之有所区别；竹子摆放的时候要上下错开，看起来自然些，就这样了。

图9

　　在黑暗中拿个手电简对着相机挥舞，拍下光线的轨迹……这种不用喷漆的“光线涂鸦”大受欢迎，它的魅力不仅表现在黑夜里光彩夺目的绚烂，更多的是人们对一种随时会幻灭的美好画面的着迷。 简单地说，就是在黑暗中，拿个手电简对着相机，挥舞，拍下来的东西，当然，事先要将相机调整到合适的状态，用什么手电筒，以及挥舞的路线，那还是要花点时间计划一下的。

　　下面我们用Fireworks来模拟这种“光线涂鸦”的效果。

　　先看一下最终效果：

最终效果

　　1、创建一个新文档，打开下面的图：

图1

　　2、再导入一张行人过马路的图片素材：

图2

　　3、使用fireworks中的钢笔工具勾出人物的轮廓，使用钢笔时请不要选择任何填充与边框颜色

图3

　　4、随后在描边色边上的下拉框中选择“笔触选项”，设置参考如下英文设置，这里这么做的目的是将之前钢笔轮廓进行描边

图4

Fireworks中制作炫光效果

1、新建画布600×400，填充黑色

2、设置画笔大小，柔化边缘，用画笔工具在画布中涂画，如图

3、对刚才的图形做运动模糊，设置角度90，距离100，效果如下

4、平面化刚才的图形，通过复制和变形工具达到如下效果

5、新建矩形框，填充渐变，图层模式为叠加，效果如图

6、克隆刚才的矩形框，改图层模式为柔光，效果如下

7、选择钢笔工具，设置笔触，按需要绘制相关路径，效果如下

8、最后再添加一些细节，效果如下

最终效果图：

第一步：画一个圆

启动Fireworks -> 将背景调成“黑色”，在画布中画一个圆。

第二步：添加辐射渐变

像圆内添加渐变,渐变的方式选为“放射状”，颜色填充值为#000000 ->#FFFFFF。同时设置透明度为55%。

第三步：改变图像混合模式：叠加
现在我们把刚才画好的那个圆复制一个副本，并且将它的透明度调整为100%，将它放到最顶层并向左偏移，“图像混合模式”改为“叠加”。

　　说到抠图，一般大家第一反应都会是Photoshop，但是PS的庞大体格，有的时候使用起来并不是很方便。本文中，就为大家介绍使用Fireworks抠图的全技巧，方便一些习惯FW的朋友做抠图之用。

　　方法一：利用魔术棒、套索工具抠图

　　这方法比较简单，处理一些简单的抠图时大家都会用到它们。

　　1.魔术棒的应用：

　　简要步骤：(1)选魔术棒工具;(2)点击空白区域;(3)反选;(4)羽化;(5)后期处理;

　　2.套索的应用：

　　由于Fireworks没有磁性套索工具，只有套索和多边型套索以及两个选区框工具，因此用它来抠图很笨拙，有那个时间还不如用钢笔工具方便，所以此工具多用来删除图片上一些不必要的东西，如一些比较突兀的文字。

　　简要步骤：

　　选择套索工具;

　　勾需要删除的区域;

　　调整轮廓区域;

　　删除;

　　后期处理;

　　利用魔术棒、套索工具抠图，边缘部分效果不是很好，通常通过缩小图片尺寸，蒙版，增加适当的背景等后期处理方法将边缘虚化。

　　方法二：利用钢笔工具抠图：

　　利用钢笔工具勾轮廓线，然后“将路径转化为选取框”是FW和PS在进行抠图时比较常用的一种方法，而钢笔工具使用，则是最基础的东西。

　　简要步骤：

　　选钢笔工具，设置线条的颜色，填充方式为透明;

　　勾轮廓线，并进行细微调整;

　　选取命令“修改–将路径转换为选取框”，边缘通常设置为“消除锯齿”;

　　利用钢笔工具勾轮廓，然后转选取的抠图方法操作比较简单，效果也不错，但是转选取框后需要再修改的时候还得重新勾。当然，转选取框之前可以备一份备用。

　　方法三：利用蒙版抠图：

　　利用蒙版抠图不仅可以随时修改，而且不破坏原图，基本原理和夜行衣差不多，黑的部分看不见，白的地方能看到,灰的地方若隐若现。

　　简要步骤：

　　利用钢笔工具勾轮廓线;

　　将轮廓线设置为透明，将填充设置为白色;

　　选择白色的图形和底图，选择命令“修改–蒙版–组合为蒙版”;

　　细致调节及后期处理。

　　这个“钢笔+蒙版”的抠图方法可以应付绝大部分棱角分明的对手，但是当面对阴柔多变的女性角色，特别是有着一头飘逸发丝的对手时，就有点力不从心了。

　　方法四：利用通道抠图：

　　通道抠图一直是PS的绝学之一，FW在这方面要逊色很多。其精髓就是“以彼之道，还施彼身”。

　　详细步骤：

　　(1)复制原图;

　　(2)利用色阶滤镜保留一个对比度较高的通道;

　　a.选择色阶路径;

　　b.选择要去掉的通道;

　　c.将输出色阶的最高值设置为0;

　　上图中选择使用绿色通道(此图该通道对比度较高)，因此将红色、蓝色通道的输出色阶最高值设置为0。

　　(3)利用颜色填充滤镜形成灰度图;

　　a.选择颜色填充滤镜;

　　b.填充颜色选择黑色，混合模式为“饱和度”;

　　上图为进行颜色填充后的效果图，该图与PS中绿色通道的灰度图基本相似，今后我们模拟PS通道时就可以采用上述的两个滤镜。

　　(4)利用曲线滤镜增强对比度;

　　(5)利用色阶滤镜增强对比度，方法是利用底部的滑块调节“输入色阶”的最高值;

　　(6)利用钢笔工具勾内部轮廓，选中内部轮廓和上图，使用“修改–平面化所选”命令形成位图;

　　(7)利用反转滤镜得到用于蒙版的位图，并进行“平面化所选”操作;

　　(8)选择用于蒙版的位图和底图，选用“修改–蒙版–组合为蒙版”命令进行蒙版操作;

　　(9)添加背景，形成最终效果图。

　　方法五：利用Knockout外挂滤镜抠图：

　　Knockout滤镜感觉和PS的抽出滤镜比较相似，一般有官方版和绿色版两种，通常官方版要到商店购买，

　　安装方法：将含有该滤镜的文件夹放到Fireworks安装路径下的Plug-Ins目录下放，如“C:\Program Files\Macromedia\Fireworks 8\Plug-Ins”

　　简要步骤：

　　选择“滤镜–knockout2–载入工作图层”;

　　勾内部对象，即内部需要保留的区域;

　　勾外部对象，即外部需要保留的区域;

　　选择底色，细节，并执行该操作;

　　选择“文件–应用”，形成透明背景的图象，完成抠图工作。

　　上图为该外挂滤镜的基本使用方法，只是为了说明问题，所以做的不是很细致，见谅。

　　作为一名Fireworks使用者，如果能够熟练使用上述五种方法进行抠图，那么相信足可以应付绝大多数的抠图需求。

先看下最终效果：

1、先新建600*400图档，背景白色，画一圆形；

2、新增、调整节点，使圆形不规则，大体符合橙子外形标准；

3、放射状填充，颜色调为#FFC33E、#FF6600；

4、钢笔工具画出橙子的受光面边缘羽化10，用曲线略调亮点；

5、复制橙子外形图层，重新定义填充颜色，制出橙子背光面的阴影；

6、复制橙子外形图层，转成位图，选中套索工具羽化20勾选底部受光面，颜色调蛋黄色；

7、将底部受光图层透明调成38，全选组合，用曲线略调亮点；

8、复制橙子外形图层，填充色#FF6600，纹理选网格，制出橙子的表皮纹理,设为色彩增值，透明度18；

9、用钢笔工具勾出橙子的柄来；

10、调柄的颜色、光泽，给橙子加阴影、背景，成形。

源文件：

　　本文中我们用Fireworks软件对一现成的图标图像做一些细节刻画，让图标更加精致漂亮！

　　使用Fireworks(以下简称FW)进行图标设计主要要留意两点：

　　一是FW专注于web设计，不适合创造一些过于复杂的PS效果，可以期待FW CS5的PS滤镜;
　　二是FW的编辑方式类似于AI，如果您习惯于工作在PS类的像素着色环境下，可以忽略这篇教程。

　　接下来进入正题，我们拿一个比较标准的图标来临摹做说明，这样可以方便大家理解。

　　下图是国内知名的eico design所创作的一套图标，我们要临摹的对象就是图中被框住的信封图标。事先说明一下，因为教程的主题，我们会对这个图标加入一些细节，因此我们的最终临摹结果会与原图不太一样。

　　Step 01

　　把需要临摹的图标剪下来作为参考，锁定图层。我这里FW的路径面板是从Fireworks CS4中提取的，不过对接下来的操作都无影响，因为我使用的全是CS3包含的功能。

　　Step 02

　　用Rounded Rectangle工具画出一个和样图相仿的圆角矩形，使用四个圆角控制点调节好圆角的半径，然后按下Ctrl+Shift+G把图形打散。

　　随后把第一个圆角矩形复制一份，用白色箭头工具往四个方向移动一像素，制作出如图所示的两个圆角矩形(注意用白箭头处理好圆角处的八个节点，它们是要对齐的)。

　　我们不能用Stroke去给矩形加外边框，因为虚边会把你给搞死。如果你用Rounded Rectangle工具画出来的圆角矩形已经出现了非Stroke虚边，那就把节点打散后，用黑色箭头工具选中那个Path，点击路径面板的Round Points to Pixels把路径的所有节点归位到像素交点(也可以用白色箭头工具选中某个节点单独进行归位)。

　　Step 03

　　把大的圆角矩形复制一份放到最顶层，用白色箭头配合Shift+方向键得到一个倒三角，随即复制一份，上面的倒三角用Linear填充渐变;下面的倒三角实心填充褐色，并设置1px羽化。

　　Step 04

　　用白色箭头选中途中所示那些节点，然后用键盘的方向键往下挪两个像素，这样使信封看起来长一点(因为这里单个图标不受整体风格约束)。

　　Step 05

　　把之前画的渐变填充倒三角作垂直翻转，复制一份摆放好，它们的位置关系如下图所示。两个倒三角上下相隔1px多一点。可以用白色箭头工具选择深褐色倒三角上方的四个节点，以鼠标拖动的方式配合辅助线挪动把节点往上挪0.3~0.5个像素，这样可以让深褐色的先显得不那么虚(再一次重申，尽早打消用Stroke作边线的念头，这里不是photoshop)。

　　Step 06

　　留意样图的图标上方有一道高光，而且不是常见的单像素放射高光(大约为两个像素的高光处上面的1px高光要亮于下面的1px)，因此可以考虑用Ellipse这种椭圆形的放射性填充达到这种效果。

　　我们选中并复制最底的圆角矩形两次，移动位置后得到两个上下相隔2px的圆角矩形，用两个矩形路径相减的方法得到一个新的路径，对其进行Ellipse填充(白色0-100透明度)，最后把这个高光路径的叠加方式设置为Overlay。

　　Step 07

　　底部加个1px高光。

　　Step 08

　　现在的结果如下图，先歇一会儿，喝口茶，接下来我们进行细节的添加。

　　Step 09

　　暂时把背景改成白色，我们可以看到之前一个倒三角因为使用了羽化，有一些像素从信封两边溢出了一点。

　　这里有两种方法可以对这些像素进行处理，一是Flatten为Bitmap，二是保留路径的前提下做遮罩，我偏向于后者，因为这样保留了路径，以后如有需要可以进行再编辑，操作如下图所示：

　　Step 10

　　我们回到深色背景，有没有感觉到信封的两边显得有点平?我们用一个Bars或者Radial填充来加点效果上去。

　　Step 11

　　接下来为信封的上下三角形加单像素高光，因为之前已经反复讲过路径相减(Punch Path，您可以在Modify ? Combine Paths菜单下找到它)的操作，这里不再作说明，如下图：

　　Step 12

　　同理给下面的三角形加高光。

　　Step 13

　　因为背景是比较深的颜色，我们可以考虑加个发光。这里我们不去用FW的投影或发光滤镜，还是用Path，为什么?因为比较好控制，个人喜好吧。我们可以做一个比信封底层的圆角矩形上下左右多1px的新圆角矩形，不羽化，透明度30。

　　Step 14

　　再在加一道1px高光在下面。

　　Step 15

　　至此图标基本完成，下面进入润色阶段。我们把所有图层全选“复制”一份，然后迅速按下Ctrl+Alt +Shift+Z把图层平面化为位图，然后设置叠加方式为Overlay，透明度60，这样就会发现图标的饱和度、对比度被提高了，这是我个人比较喜欢的快速润色的方法，但并非任何时候都适用，某些时候你必须手动用FW自带的滤镜去调曲线、对比度、饱和度等参数。

　　Finish

　　最终效果(信封下方的三角用路径加了Path作为投影)

这篇教程原本是网上的PS教程，我尝试用FW实现了这种效果的制作，下面是操作步骤：