2．在DW4中重新设置菜单样式　　如图可以看到刚才复制到站点中来的FW4弹出菜单文件中有这样一个文件--fw_menu.js，用DW4将它打开，在文件的开头部分可以看到这样一段代码：this.menuWidth=mw;this.menuItemHeight=mh;this.fontSize=fs||12;this.fo...

[阅读全文]

　　前不久在网站上看到这么一个图标（如下图），一时间觉得这个炸弹造型酷酷的，立体感很强，非常可爱，现在我们利用FireworksMX也学着做了一个，下面就来简单地介绍一下制作过程。　　操作步骤：　　1.打开FireworksMX,按下Ctrl+N,新建一个文档，保持默认的宽度，高度，分辨率不变。　　2.在工具栏中选择圆...

[阅读全文]

　　13.调整第7，8，9，10，11步所绘制图形间的相对位置，并调整其在场景中的位置，最终如图示。　　14.在工具栏中选择圆角矩形工具，在场景中绘制一个宽为32，高为40的圆角矩形，将矩形圆度调整为50，将填充属性改为线形，将渐变色调整如图示其中第三个颜色为#CCCCCC,其它三个均为黑色,最终得到的图形如图示　　1...

[阅读全文]

　　使用Fireworks的网页按钮制作向导(Step-by-stepbuttonmaker)，可以轻松制作出漂亮的网页交互按钮。下面以实例说明具体的制作步骤。　　1.启动Fireworks，单击工具栏的新建文档按钮，弹出新文档对话框。单击该对话框中的OK按钮，打开一个新文档页面(图1)。图1　　2.从Insert(插...

[阅读全文]

　6.完成上步操作后，得到按钮的Up状态(正常状态)，如图5所示。图5　　7.设计按钮的Over状态：按钮的Over状态是指在制作完成的网页中鼠标指针掠过按钮时显示的状态。单击按钮编辑器中的Over标签，按钮编辑器窗口的右下角增加了一个CopyUpGraphic(拷贝Up图像)按钮。单击该按钮，把Up状态的图像复制过来...

[阅读全文]

在本文中我们将帮助您亲身体验Fireworks在网页创作中的强大功能，我们通过一个网站页面的设计过程，为您详细介绍Fireworks在网页设计的不同阶段是如何处理各种不同任务的。通过解决您所遇到的每一个具体的任务，您将对Fireworks的主要功能有一个统一的全局性的了解，同时为您在设计中如何利用Fireworks提供...

[阅读全文]

三、创造矢量对象位图是用像素来描述物体的，它适合于表现色彩变化丰富的照片，而矢量图是使用路径和填充来定义对象的外观，它非常容易编辑，并且它的质量不会因大小的改变而丢失或减弱。Fireworks同时提供了编辑这两种格式图像的方法，默认情况下Fireworks是以矢量的方式创建和编辑对象。Fireworks提供了常用的创建...

[阅读全文]

八、建立切片我们的基本导航及页面结构已经建立好了，现在到了增加切片的时候了。Fireworks中的切片是输出图形及产生交互的主要参考物件，导出的文档将根据切片来将图形切割成不同的部分，并在浏览器中通过表格组装到一起。同时，所有的交互行为也是通过切片之间的联系来产生的，如翻转图、弹出菜单等等。1、我们前面建立的按钮本身已...

[阅读全文]

十一、创建变形动画给一个网站添加动画对于访问者的时间和金钱都是一个不小的花销，因此在添加您的动画前，一定要先考虑好如下问题：动画能否增进您的信息传达力度，访问者下载和播放动画是否迅速、方便，是否有足够的组成动画的内容和资源。尽管网络动画及其传递方式正在不断的发生改变，但传统的GIF动画依然有着不可忽视的优势，我们在这里...

[阅读全文]

四、如何定制弹出菜单（2）定置弹出菜单的弹出速度　　或许有些人会觉得在浏览器中浏览由Fireworks4生成的弹出菜单文件时，弹出菜单的显示速度并不像我们预期的那样。往往当鼠标移到弹出菜单的按钮上时，菜单的弹出速度非常快，但当鼠标离开弹出菜单按钮时，刚才触发弹出的菜单仍旧会留在原来的位置一段时间，而不像我们希望的那样能...

[阅读全文]

三、如何在Dreamweaver中修改弹出菜单的外观及定位　　如果在Fireworks4中您选择的弹出菜单的样式是HTML表格形式，那么输出的站点文件夹中就只会有这么几个图片：arrows.gif图片和菜单本身的图片。此外就是一个HTML文件和一个控制弹出菜单的JS文件。　　在Dreamweaver中打开该HTML文件...

[阅读全文]

二、在Fireworks4中如何制作弹出菜单　　5、接下来进入的向导窗口是用来定义弹出菜单的外观及文字属性的。　　如下图所示，我们将在这个窗口中定义弹出菜单的外观和文字属性，这个窗口有下面这几部分组成。　　（1）Cell选项：该选项用来定义将来输出的弹出菜单格式，有两种格式可以选择，一种是HTML表格形式的，另一种是图...

[阅读全文]

一、弹出菜单介绍　　随着动态交互式网页制作技术的发展，目前有很多网站都采用了一种弹出菜单的技术来实现网站的导航效果，例如微软及Macromedia的网站。在以前这都必须是具有专业的网页编程技术人员花费一定时间才能制作出来的效果，如今在MacromediaFireworks4.0版本中能够轻松地制作了。弹出菜单的制作是F...

[阅读全文]

用MASK做动画(一)　　看下面这个动画效果，感觉怎么样呢？是不是又有些类似FLASH的效果呀，这种效果在FLASH的做出来不难，在Fireworks4中制作同样不难，看看下面的教程你就会明白了。　　跟我一起做一遍吧：）　　一、新建文件（File->New）设置文件尺寸为500*300，画布颜色为白色。　　二、选择工具...

[阅读全文]

　　八、按F8键，在符号属性对话框中选择其类型为animation。点击OK按钮。在紧接着跳出来的动画窗口中再进行如下设置。Frames设为10帧。Move选项设为200（随便设置一个数字好啦）。Scaleto选项中填入120。点击OK按钮表示确定。　　九、看到红色小圆点没？呵呵，用鼠标选择它，并把它拖到黄色文字层的最...

[阅读全文]

　　说是Loading动画，其实只不过是用Fireworks4做的一段动画效果，千万别误会是Flash中的Loading哦，用Fireworks可不能进行编程，如果哪位会的话，请告诉我，呵呵。实际效果是这样的。请看下图（这是一个GIF动画）　　制作方法如下：　　一、新建文件，新文件的尺寸大小为300*200，画布颜色为...

[阅读全文]

原贴：http://www.it365cn.com/bbs/topic.asp?topicid=990转摘请注明作者与文章出处。　　Photoshop的玩家应该都对水痕文字的效果都不陌生，但是在Fireworks内就需要不同的方法来实现。　　这次辅助的功臣还是EyeCandy4000滤镜。　　我们先来看下效果：　　首先...

[阅读全文]

　　我也不知道这算不算XP风格，反正是大家很常见很流行的，今天在经典帮别人回复了源文件，干脆凑篇教程上来。基本上没什么难度，算是新手入门吧。　　我们使用Fireworks4制作这样的效果，Fwmx只要在工具与属性面板中找到相应参数设置就行了。　　1、新建画布，大小100*100，背景为白色。　　2、用圆角矩形工具画一个...

[阅读全文]

　　在Macromedia官方的宣传中，有十个推荐的FireworksMX2004的新功能，其中有一个是ReplaceColorTool。实话说，在拿到新版的Fireworks时，这个功能没有引起我的注意，粗略的看它和4.0版本的擦除工具有些相似。但细细使用之后，它的功能有些令我吃惊，他可以做的不仅仅是位图的色彩替换，...

[阅读全文]

　　四、人物扣图　　既然我们可以替换人物的背景颜色，那我们自然可以将人物从背景中分离出来，这次我们使用黑色来替换背景色。与前几次不同，我们需要细致的调整每次的参数，小心地将人物从背景中分离出来，首先按以下参数设置：　　我们先在人物头部色彩相差较大的地方进行，注意观察，如果人物面部色彩也被黑色替换，就回退一步，将容差变小...

[阅读全文]

　　（３）说完上面两个形状绘制工具，继续看工具箱的其他和矩形工具相关的形状绘制工具，发现了RoundedRectangle（圆角矩形）绘制工具，这个是FWMX就已经有的了，但是绘制后经过调整，发现，原来这个工具也是应该和上面两个工具合并在一起的，简直就是同出一辙，不知道大家是不是这样以为呢？而且圆角矩形工具发生了一个变...

[阅读全文]

　　（2）Star（星形）工具　　星形工具如果大家能好好研究一下的话，相信大家会做出很多漂亮的效果的，随后我会用专门的教程来介绍通过对星形工具绘制的对象进行调整而形成的五花八门的效果。这里我们只对星形工具做一个简单的介绍。　　a、从工具箱选择该工具，在编辑区单击鼠标即可出现一个五角星，可以看到图形对象上有5个调节控制点...

[阅读全文]

　　在FWMX2004之Shapes初探系列的教程中，曾经给大家演示了用工具箱Shapes工具组的Star（星形）工具制作的一个变形的花朵效果，不知道大家是否还记得，这里我们再次制作了一种变形花朵效果，如下图所示：　　如果大家对Star工具已经钻研的比较透彻的话，应该对实现这样的效果不陌生，因为我们在FWMX2004中...

[阅读全文]

　　7、注意，此刻选中5号控制点，向图形的中心方向拖动该控制点，也就是向下方拖动鼠标，图形会又有新的形状展现了，请看下图：拖动中拖动后　　8、呵呵，是不是奇妙的图形效果已经展现在我们面前了？别急，接下来的操作产生的效果会更加让你目瞪口呆。还是选中1号调整控制点，这次我们向上方拖动鼠标，增加星形对象的角数，如下图操作演示...

[阅读全文]

　　　　　　　　下载Png源文件：

[阅读全文]

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

[阅读全文]

　　编者注：此文介绍的是一种设计思路及过程。适合具有一定fireworks基础者学习，借鉴。　　无意中看到网友六月海写的一个蛋壳美人的photoshop教程（点击查看），想法很新颖，于是乎我尝试着用Fireworks做了一个大概，只用了两小时，时间很短，可能有很多地方都不完善，希望大家多提意见，共同提高对Firewor...

[阅读全文]

　　9、用铅笔把碎片边缘勾画出　　10、用减淡工具修饰边缘，透明调70　　11、调出蛋壳内的阴影　　12、美女图片一张　　13、粗抠之，调整大小，放在蛋壳相应位置　　14、细化，手复制一个出来，造出阴影，透明度24　　15、蛋壳造阴影，透明80，大致完工

[阅读全文]

　　卡通动画片是我们儿童时代最喜欢看的东西了，现在卡通头像充满了网络世界，每一个论坛的个性头像都变得那么有趣。快过节了，我们一起来用FireworksMX制作一套表情丰富的可爱卡通宝贝头像吧！　　看看这个一手拿着小叉，而且头上长着两个角还贴着“创可贴”的搞怪宝宝，是不是觉的非常可爱呢？现在就开始动手吧！文章末尾提供.p...

[阅读全文]

　　６．再新建一层，起名为“分唇线”。使用铅笔或钢笔工具给我们的娃娃先添加一条弧形的线条，将上下嘴唇分开，其线条描边种类为“1象素柔化”、透明度79，颜色为#CCCCCC。　　（小技巧：如果怕颜色选择不准，可以直接将颜色代码填入颜色代码框中按下回车即可）　　7．画出嘴唇后就开始拉单线分出牙齿，描边种类与颜色不变，透明度...

[阅读全文]