1、在Fw中打开图片，可稍加处理，比如做些TV扫描线特效、高斯模糊效果等等，具体制作我们这里不再详述；　　2、使用圆角矩形工具在工作区画出正圆角矩形（长:60px，宽:60px，笔触：#ccccccc，填充色：#ffffff），并放置好位置（X轴:0，Y轴：0）；　　3、从“窗口”菜单中打开“历史记录”面板，将面板中存...

[阅读全文]

　　有过FLASH动画制作基础的朋友一定知道，在FLASH中将绘制的图像转换成的“图像元件”或“动画元件”是可以通过软件的内建指令，产生运动及其它变化的效果。而在Fireworks中也沿用了这种动画制作方式，从而大大减省了GIF动画制作时的繁琐性。而在本篇教材中，我们也只针对软件直接生成的动画效果进行分析，不对手工分桢...

[阅读全文]

效果如下选择一个图片，用FW打开在图片上面建立一个层，作一个和图片一样大小的矩形，用白色填充为这个举行添加效果Edges具体设置如图注意Color（颜色填充）这里选择黑色选中矩形，Ctrl＋X剪切选中图片，执行：编辑－－>粘贴为蒙板在层面板中，点选图片的蒙板在属性面板中设置蒙板类型为灰度外观完成！

[阅读全文]

　　我们用Fireworks2004来绘制一个写实效果的移动硬盘，主要应用的是造型＋贴图的绘制方式。　　完成效果如图：document.body.clientWidth-300){this.height=(document.body.clientWidth-300)*this.height/this.width;thi...

[阅读全文]

　　用Fireworks能非常轻松地制作眨眼睛动画，大家一看下面的图解就能很快明白和上手。document.body.clientWidth-300){this.height=(document.body.clientWidth-300)*this.height/this.width;this.width=docume...

[阅读全文]

　　色彩是图像中最为重要的因素，一幅设计精美的图像打动人的靠的就是它的视觉效果，因而色彩选用和搭配就显得十分重要了。FireworksMX2004中提供了强大的色彩功能，我们不仅可以选择多种方式使用色彩对对象使用各种色彩效果，而且可以通过色彩面板管理色彩，从而方便我们的图像设计。　　我们通过了解FireworksMX2...

[阅读全文]

　　在Fireworks中创建并优化图形后，用户可将该图形输出为常用的Web格式及供其他程序（如Freehand）使用的向量图形格式。FireworksMX2004由于它的面向网络的特性，导出的形式可以不仅仅是图像，还可以是包含各种链接和JavaScript信息的完整的网页。由于图像的导出和优化一样将产生一个导出副本，...

[阅读全文]

早在七年前Fireworks问世之初，Fireworks就致力成为杰出的Web图像编辑与处理软件，到现在Fireworks已经赢得了为数众多的用户群。MicromediaStudio8的发布引起了人们对Dreamweaver8和Flash8的广泛关注，其实Fireworks也在许多方面做了一些令人感兴趣的改变和功能的增...

[阅读全文]

　　热区（Hotspot）有时又称之为热点，是图像上带有超链接的一块区域，它可以呈矩形、圆形、甚至还可以是多边形。和文本超链接的情况一样，当浏览者将鼠标移动到热点上时，鼠标会变成手形。　　文本和图像都可以在网页上创建超级链接。一般情况下一个图像只链接到一个目标。但是有时候一幅较大的图片上有不同的小区域，不同的小区域的图...

[阅读全文]

网页图像的要求是在尽可能短的传输时间里，发布尽可能高质量的图像。因此在设计和处理网页图像时就要求图像有尽可能高的清晰度与尽可能小的尺寸，从而使图像的下载速度达到最快。为此，必须对图像进行优化。在Fireworks中，所有的优化操作都可以利用“Optimize”面板在工作环境中直接进行，优化设置仅用于输出图像。因此，用户...

[阅读全文]

想视频聊天但却没有摄像头，这可怎么办？别急，这就为大伙送上一个！最终效果图　　启动Fireworks，新建一个450*400大小的画布。在“工具”面板中点选“椭圆形”工具，然后在画布上先画一个179*179的正圆。接着在“属性”面板里将该圆的笔触颜色设置为无色。在“填充类别”里选择渐变选项中的“椭圆形”，然后在填充色的...

[阅读全文]

[阅读全文]

[阅读全文]

新建一个背景为黑色的文件，输入文字，大小为40px字体为ArilBlack　　　　选择Edit（编辑）－Preferences（参数选择），将Interpolation（插值法）改为NearestNeighbor（最近的临近区域），注意在效果做完以后要把它改回去，不然以后缩放图像会很难看。　　　　选择Filters（滤...

[阅读全文]

本图是参照联想的液晶显示器，使用工具是fw2004，用了大概一个小时多点。　　教程写得比较简单，当是我做教程的练习了。　　　　　　　　　　　　

[阅读全文]

完成图：步骤：1.画布：200×200，点椭圆工具，按住shift画一个正圆，在属性面板中将圆的宽和高均设为96，边缘消除锯齿，颜色为#870d94,如图1；图12.选中正圆，在原位复制一个（ctrl+c,ctrl+v），颜色改为#333333，用矩形工具画一个长度大于此圆的矩形，如图2位置摆放。按住shift，选中圆...

[阅读全文]

最后，还要在中间的圆角矩形里画一个小圆孔，填充色为#525772，使用“凹入浮雕”特效，如图。图33至此，整部手机的绘制就算大功告成了，屏幕上的文字你可以自由添加，最终效果图如下。下载源文件

[阅读全文]

为了给这两个按钮添加金属的反光效果，我们再对这两个按钮做一些修整。在两个按钮上面分别画上两个全黑的“实心”填充路径即可，如图。图28再来给手机画上听筒。用“椭圆形”工具画一个直径为125像素的圆，然后使其与机身进行底部垂直对齐，然后又将该圆向上移动1个像素。使用“细部”工具点选该圆上面的路径节点，用方向键使其向下移动1...

[阅读全文]

完成后把该对象层放到最后一层。然后在天线上面再画两条路径，描边色为#797786，并添加一个“内斜角”的特效，如图。图23完成手机的上半部分后，在机身中段还要为手机的屏幕加个投影，以增加立体感。该路径采用“线性”填充，色彩过渡由#D5D7E0至#A3A7BC，羽化为13。图24在机身上还有两个按钮。我们先画两个直径都为...

[阅读全文]

这样，手机上半部分就差不多画好了，我们继续把接收天线给画上。先画一个近似矩形的天线下部轮廓，高度较为随意，宽为30个像素。采用“线性”填充，如图。图21完成后通过对象层的调整将该对象放在层的最下面。然后我们来画天线的上半部分。同样是在画出轮廓后采用线性渐变。增加“亮度/对比度”特效，设置对比度为29，再添加一个“色相/...

[阅读全文]

略作休息后，我们接着来画手机的显示器屏。用“椭圆形”工具画一个直径124像素的圆，然后用“细部”工具将该圆下面的节点，用方向键向上移动6个像素。以“线性”填充，色彩过渡由#000000至#726F8C，用全黑色进行“1像素柔化”描边，羽化为1，效果如图。图16再勾画出屏幕的反光轮廓，然后选用“线性”填充，并消除锯齿，效...

[阅读全文]

用“钢笔”工具画出金属外围下面的反光轮廓，改用“线性”填充，过渡过色由#FFFFFF至#414254，羽化为1，效果如图。图12这样，金属外围的反光效果就算画好了！我们接着来画内侧的的反光效果。先用“钢笔”画出如下图般的外形，然后设置羽化值为1，色彩填充如下图。图13再继续勾画出另一侧的反光效果，使用“条状”填充，过渡...

[阅读全文]

接下来就要为这内外两个金属框画上反光效果了。我们先来画外围的金属反光效果。用“钢笔”工具勾画出如下图般的路径，必要时要用“细部”工具对路径的节点进行调整，然后设置羽化值为1，色彩填充如下图。图10继续画出右侧的反光效果。同样先用“钢笔”工具先勾画出路径，然后采用“椭圆形”填充，色彩的过渡由#C6CBE1（左边的色彩滑块...

[阅读全文]

将该对象复制多一个，适当缩小后与原对象进行底部对齐，如图。图06然后将该对象的羽化值设为1，选用9%的“木纹”纹理，并修改“内斜角”特效的相关数值，如图。图07接着我们来画手机显示屏内围及外围的金属框轮廓。用“椭圆形”工具在机身上画两个直径分别为141和122像素大小的圆，并用“细部”工具将两圆底部节点按方向键向上移动...

[阅读全文]

这是一款较早前出产的一部时尚手机，但不知道为什么使用的人却比较少，但其酷炫的外观至今仍使我爱不释手。终于忍不住要用Fireworks也来画一个。新建一个550*350大小的画布。我们先来画机身，用“椭圆形”工具画两个直径分别为178、143的圆和一个143*169的矩形，如图01般进行排列。图01再用“细部”工具点击直...

[阅读全文]

8.填加一些自己喜欢的文字，最后效果如图9.源文件

[阅读全文]

1，新建文件，白色画板，做一个矩形，用#EEF8E0填充。如图2.为矩形填加滤镜效果EyeCandy4000-->Jiggle如图3.为矩形添加内发光效果，参数如图4.为矩形添加投影效果，如图5.画几个矩形用#C1A880填充，然后用“更改形状区域”工具随意修改下形状

[阅读全文]

　　做出来效果如图　　我的思路大概就是这个样子，之后的按钮用的是两个圆，然后执行组合路径里的交集，然后再用同样的滤镜处理，具体数值可以参看我提供的源文件，也许你可以自己调出比我更好的效果，我做的效果如图：　　还有一些我觉得需要注意的地方我都勾勒出来了，光照方向，我一开始没有注意，以至于一开始阴影方向不对，后来我一位学艺...

[阅读全文]

　　因为作品比较复杂，所以不可能一步一步的写出来，这里只提供一个思路，具体的参数可以参考我所提供的源文件。　　首先，考虑到手机的结构流线型比较复杂，可能有些钢笔工具用的不算太熟的朋友不能一下子用钢笔把手机的外框勾勒出来，我们可以这么做。　　先画出下半部分，我们这里把手机的外观分成四部分来做，这个是右下角的部分，因为手机...

[阅读全文]

5.设置完以后为了增加电视屏幕的立体感，我们在用直线工具给屏幕边加上白和黑各2条象素4的线条。得到效果如图5请点击这里看大图6.好了，设置完后我们就给电视添加喇叭。用矩形工具画一个42*243的矩形。属性为：（充填：灰色纹理：网格线4透明：100%）在选效果→颜色调整→亮度/对比度。把亮度调到30。对比度15。然后按住...

[阅读全文]

MX2004和MX有什么不同我就不用多说了，MX2004比MX多了一些功能比如模糊系列的运动模糊。好了废话少说今天就给大家说说利用运动模糊做的一些效果！比如做一个电视效果（本人觉得做得一般还望高手们指导）^_^1.新建立一个文件（500*350）背景白色在画一个矩形充填灰色。大小你也可以自己定（我做的是长方形450*2...

[阅读全文]

制作方法二：　　1、绘制两个圆环：　　2、分别将两个圆环转化为位图（右键=>平面化所选，或者是快捷键CTRL+SHIFT+ALT+Z）：　　3、选择其中一个圆环，在层面板中按住CTRL键去单击另一个原环：　　4、此时得到了该圆环相对于另一个圆环的选区：　　5、选择选取框工具，按住ALT键的同时，在你想保留原状的那个结合...

[阅读全文]

　　制作方法一：　　如何制作园环相切的效果，方法有很多，这里给大家提供一种相对比较简单的方法，希望能给大家带来帮助。　　1、选取工具箱面圈形工具绘制一个对象，然后克隆它。具体对象如下图所示。　　2、单击最上方的黄色菱形调节点向右侧拖动鼠标，即可出现分段缺口。实际操作效果如下图所示。　　3、选中蓝色的圆环对象，单击工具栏...

[阅读全文]

13、选择效果列表中的“阴影和光晕|投影”，设置投影参数：14、最后得到翠玉效果：PNG源文件：在技术交流过程中，moonjeep也提供了类似思路的简单实例，附上源文件供大家共同探讨研究。

[阅读全文]

9、在该滤镜的LIGHTING光照选项中设置光源参数如图所示：10、应用此滤镜后的效果：11、选择效果列表中的“阴影和光晕|内侧发光”，设置内发光参数：12、设置内发光效果后：

[阅读全文]

5、添加杂点后的效果：6、在效果列表中选择“模糊|放射状模糊”滤镜，在弹出的设置框中设置模糊参数。7、应用放射状模糊后的效果：8、在效果列表中选择EYECANDY4000滤镜中的“BEVELBOSS”（斜角浮雕），设置BASIC基本参数如图所示：

[阅读全文]

1、选用圆圈形工具绘制一个圆环，或者可以绘制两个同心圆，通过组合路径来得到。2、对圆环进行渐变填充，填充类型选为“缎纹”，颜色设置如图所示：3、选择指针工具（黑色箭头），调节渐变手柄的位置如图所示：4、在属性面板的效果列表中选择“杂点|新增杂点”，在弹出的杂点设置框中进行设置。

[阅读全文]

首先，导入位图（仅以单色背景为例），将该图层命名为“背景”吧。screen.width-333)this.width=screen.width-333"border=0dypop="按此在新窗口浏览图片">选定位图，按Ctrl+Shift+D复制出一个来，该层命名为“蒙板”。screen.width-333)this....

[阅读全文]

照之前的方法再来添加Corona光环滤镜。在Corona滤镜设置面版上设定参数，GlowWidth发光尺度：82.88FlareSize闪光尺寸：8.88Stretch延展：100Waver摆动：20Blur模糊：0OverallOpacity整体不透明度：100Color颜色：#0000FF纯蓝现在要用的关键一步就是...

[阅读全文]

其实Photoshop可以实现的影像效果常常在Fireworks中也能做到。如果你是个平面设计师，可能对FW的成像细节还颇有挑剔。不过作为网络使用的影像，FW模拟PS的一些效果已经能够胜任了。光影是影像设计者长年追求的效果。我们来看看这个由FWMX2004来实现的范例，这个富未来感的脉冲光是不是能吸引住你的眼球？制作其...

[阅读全文]

　　我写这篇文章，主要目的是为了刚开始学习制作网页的朋友,提供一些帮助，希望他们能少走弯路，掌握制作LOGO的方法和技巧：在此，本人把自己制作LOGO的心得体会送上，并希望每一位网页爱好者，能有一天制作出真正属于自己精美的LOGO。　　1：制作LOGO使用什么软件？　　通常制作logo的软件有很多，主要看你的是静态还是...

[阅读全文]

　Dreamweaver部分　　1.在DW里插入表格.3行3列,506象素宽(图片的宽度),其余参数为0　　2.插入图片，在上下左右四个角和中间插入图片,这样,九个格子就有五个是满的了　　3.设置背景图　　给剩下的四个格子设置背景图.因为表格的背景图是平铺的,所以作为设置作为背景的图片(如图中的engine_top)只...

[阅读全文]

　Fireworks部分　　1.在FW里处理好图片.图片大小为506*125　　2.切割图片.先不忙着一顿乱切,我们先来看一下规律.　　图片四周是色彩简单而且没有什么变化的边框,上下左右都是一些重复的渐变和灰色点.把视图放大来切.先切四个角大小均是13*13　　再切上下左右四边.其中上\下两个切片的大小为13*3,左/...

[阅读全文]

　　　　　源文件下载：

[阅读全文]

　效果图：　　　

[阅读全文]

　　7、新建一个位图层；　　8、用油漆桶从上至下填充；　　9、调整两个位图层的位置，即把两层上下调换。　　源文件也没什么好看的，都是位图。　　总结：这样的效果不是很常用，因为动不动给一个图弄得五颜六色的会像“刘姥姥进大观园”一样。只能说中间的一些步骤比较基础实用，比如Edge滤镜的应用，位图转化为路径，扩展选区等等。　...

[阅读全文]

　　效果图：　　1、新建一个文件，导入一张位图；　　2、用黑色箭头选中该图片，选择Effect->AlienSkinSplatLE->Edges...　　3、按需要调整参数，其中，EdgeMode（边缘模式）为TornPaper(撕纸）(注意：要选中TransparentFill透明填充前面的复选框）　　4、按住Ctr...

[阅读全文]

下面的三个滤镜加重边缘(AccentedEdges)、喷雾外框(SprayedStrokes)、泼溅笔触(Spatter)分别来看效果自然不同不过各有特色如果再换成艺术笔触(Artistic)下的颜料涂抹(PaintDaut)更可以创造残破的美术文字效果这里我就不再把各个滤镜的参数一一写下来了因为在使用不同的字体和字号...

[阅读全文]

在属性面版的文字边缘设置点击颜色的右下角箭头会出现高级选项面版具体设置见下图同时大家也看到了文字呈现的效果了如果你的Fireworks挂上了Photoshop的滤镜(5.5以下版本)利用属性面版上添加效果(Effects+)就可以调用这里我们先选外框笔刷(BrushStrokes)

[阅读全文]

我们先来看一下特色菜的实例：经过几番实践发现Fireworks是可以达成这样的文字边缘毛糙的效果而且变化也不一而足各有别致的风格首先选个中文字体打字并设置文字字号字体要大些效果会比较自然

[阅读全文]