Fireworks

• [ Fireworks ] web设计95%是排版

  点击：943　发布日期：07/07

  看到这个题目，第一感觉是耸人听闻。不管是95%或是更多或是更少，排版确实是一个不可忽略的问题。在我所遇到的web设计师中，或许是遇到的还少，我没有发现谁真正在意web排版。看到这篇文章，感触颇深（因为我刚使用linux的时候需要配置字体，顺便学习了不少的字体知识，也顺便成了一个爱好），周日在家挺闲，为了提高英语水平，顺手翻译了出来。希望对大家有所启发。 这篇文章来自一个研究并提供信息架构的网站：Information Architects Japan，原文：Web design is 95% typography. 又及，文章多次出现typography这个单词。正规的中文翻译应该是“排印”，但考虑web这个非印刷媒体，使用排印并不见得好。于是我根据语境，有时用“排版”，有时用“排印”，请读者明鉴。以下是翻译正文。 web中的信息有95%是成文的语言。为何web设计师应该好好学习一下设计成文信息的主要准则，换句话说，排版？这就是最佳的理由。 信息设计就是排版 回到1969年，Emil Ruder, 一个瑞士著名的排印大师，其笔下关于当时的印刷氛围，简直就是我们今天网站的写照： 今天印刷术的泛滥成灾让我们的个人价值被轻视，因为郁闷的我们现在并不能掌控印刷中的一切。..
• [ Fireworks ] 苹果风格背景效果简明教程

  点击：1924　发布日期：07/07

  英文原文：http://www.psdtuts.com/tutorial_mac.html 效果图： 1. 创建透明背景图层，再新建一个图层（图层1），使用矩形工具绘制一个矩形路径，（这里我将矩形大小设置为1280*1024），在矩形路径上点击右键，选择建立选区。然后使用渐变工具，选取颜色相近的两种橙色对矩形进行线性渐变填充，再按Ctrl+D撤销选区。 2. 新建一个图层（图层2），使用多边形工具，将边数设置为3，绘制一个如图所示的三角形路径，在三角形路径上点击右键，选择建立选区。然后将前景色设置为白色，选择画笔工具（大小设置为300像素），沿选区上边缘涂抹，注意画笔力度不要太硬，再按Ctrl+D撤销选区。 3. 将图层2的图层混合模式设置为“叠加”。新建一个图层（图层3），再使用多边形工具绘制一个与图层2类似的三角形路径，并在此三角形路径上点击右键，选择建立选区。然后使用渐变工具，颜色由黑色到透明色，对选区进行渐变填充，按Ctrl+D撤销选区。再按Ctrl+T对三角形进行自由变换，效果如图所示。 4. 将图层3的图层混合模式设置为“叠加”，图层不透明度设置为34%。 新建一个图层（图层4），使用钢笔工具绘制一条曲线。然后点击右键，选择建立选区。 [Cut-..
• [ Fireworks ] Fireworks光芒四射之殊途同归

  点击：1907　发布日期：07/07

  类似这样的背景光芒效果近来在很多网站广告和海报上频频出现，尤其配合粗体文字能起到烘托主题的作用，搭配插画风格的人物或产品也极具时尚气息。这种放射状的组合图形有纵深感，吸引眼球对重点的关注。那么在Fireworks要怎样实现这种光芒四射的背景效果呢？先看例图： 这里来介绍两种制作方法，不同的工具和步骤可以达到同样的结果。 第一种方法： 使用星形工具，位置在Fireworks界面左侧的工具栏，用鼠标点下默认的矩形工具右下角的箭头就可以看到了。 创建画布，因为这里只是做个范例，我的图片尺寸比较小，方便上传。 各位在实际操作中可以创建更大的画布，在后面制作时效果会更好，也方便操作。 言归正传，我用星形工具画了个默认的五角星。 [Cut-Page] 注意五角星左下角的控制点，用鼠标按住向上拖拽，直到你需要的星形角数为止，拖拽过程中会有提示显示。 多角星上方有四个控制点，按图中所示的红色标记选择半径控制点２向星形中心拖拽。 拖成个海胆样了，见下图： 没关系，再继续按住弧度控制点２向外拖拽。 [Cut-Page] 拖到这个程度差不多。 再选择按住弧度控制点１向星形中心拖拽。 拉成个花芯很小的野雏菊状。 改放射渐变。..
• [ Fireworks ] Fireworks 制作青花陶瓷按钮

  点击：1212　发布日期：06/17

  自从韩国风格的网页出现以来，就被中国的业界用到烂了。 自从苹果水晶风格的按钮出来，也被中国的业界用到烂了。 有时候取其精华是可以的，不过如果只是生搬硬套，不糅合自己的创意进去，就只是永远在步人家的后尘。中国人不是没有自己的创意，只是在这个浮躁的社会下，很多人是“不为”而非“不能”罢了。 感慨就说不完了。说一下这些“青花陶瓷按钮”的制作方法吧。 一、这次的制作需要一些矢量花草，我用的是“YY Old English Dingbats”花草装饰字体。你也可以使用其它矢量图或矢量字体。 绘画一个圆角矩形，大小在175×80左右，填充颜色为＃D7DDDD，无笔触。调整好圆角的弧度。 选中圆角矩形，按ctrl＋shift＋G取消组合，这样圆角矩形就变成了普通矢量了，使用“钢笔工具”和“部分选定工具”进行如图的锚点和控点调节。 二、 要增加形状下方的立体感，添加滤镜，两个“内侧阴影”和一个“投影”。参数如图1，注意滤镜的顺序。 为形状添加明部。在原形状的中间画一个如图2的圆角矩形，填充使用所示参数。 [Cut-Page] 三、 添加加..
• [ Fireworks ] Fireworks 简单又强大的涂抹

  点击：1224　发布日期：06/17

  在fireworks里有一种非常强大的工具－涂抹工具 也许你不常用它，不过如果你欣赏完这次介绍的三个案例，也许你会不禁拿起鼠标试一试！ [Cut-Page] 涂抹画云 1.1、 如图1用钢笔勾勒出云的大体形状。 选中这个路径按ctrl＋shift＋z平面化路径。 1.2、 选择“位图”工具里的“涂抹”工具 选择合适参数。注意“涂抹色”和“使用整个文档”不选。 在图案的边缘开始涂抹 1.3、 注意鼠标行走的方向（这是会影响涂抹结果的） 你可以改变涂抹的“大小”、“压力”和“边缘”来达到云朵的不同风格。 你还可以选中“涂抹色”为云朵添加明部和暗部。 （为了不影响原图，绘画明部和暗部的时候，你可以新建一个位图进行涂抹。） 这样可以涂抹出更为逼真的云朵。 [Cut-Page] 涂抹模拟墨迹渗开 2.1、 以前如果你尝试过用滤镜模拟毛笔字的墨迹，就会发现自己是不能控制一个字不同地方的渗开程度的，也就是说用滤镜只能对一个字用一种渗开程度。 现在我们来看看如何用涂抹很好的控制墨迹的渗开。 在文档里打一个你喜欢的毛笔字。 （参数就自己选啦..
• [ Fireworks ] Fireworks制作X－ray暗黑中的花朵

  点击：817　发布日期：06/17

  这次的创作纯粹出于偶然。 不过惊喜正是在偶然中被发现的。 希望学习本教程后，大家能创作出属于自己的X－ray花！！！ 1.1 花的制作 1. 新建一个1024×768px的文件，背景颜色为＃000000。 2. 利用矢量工具里面的“星形”在画布上画出一个五角星，大小调节为350×350px，调节五个黄色菱形手柄，使星形如图2所示。 1.2 1. 对这个星形添加“放射状”渐变，边缘羽化为1，如图1所示。 2. 添加“发光”滤镜，参数如图2所示。 3. 选中，按F8转换为“图形元件”，命名为“star”。 [Cut-Page] 1.3 1. 从“库”面板中把一个“star”实例拖动到画布，混合模式使用“添加的”。 2. 对这个实例应用滤镜“色相/饱和度”，参数如图2。 3. 克隆这个实例，改变其滤镜参数如图3，然后“垂直翻转”该实例。 1.4 1. 同时选中两个“star”实例，按下ctrl＋shift＋alt＋T补间实例，补间步骤为5。 2. 删除掉变成中央绿色细线的那个实例。 3. 选中所有实例，按下ctrl＋shift＋alt＋Z将其平面化，然后用一个羽化为10的矩形选取框截取掉一半。余下..
• [ Fireworks ] Fireworks 打造逼真M4A1

  点击：256　发布日期：12/14

  有些朋友要CS武器教程~一直懒的做~那个沙鹰教程可能太简单了~今天补一个~不怎么会写教程~大家见谅~ 1：先找张素材图~然后把整把M4分成6个部分~逐个开始做 2：照着素材图先开始绘制枪管部分~如图1~效果制作也如图1 3：图2是枪膛部分的制作~这里要做一个图2中的像栅栏一样的图形~用N个长方形做就OK了~其余效果制作如图2 4：图3是弹夹部分~ 5：图4是第4部分和第5部分~4是枪身的底景~5则是照素材图来精细枪身的一些效果 6：图5是枪把部分~主要是渐变效果掌握好就OK了~还有一些细化的东西~ 7：图6是提手部分~同上一样是渐变要掌握好~ 8：图7是所有部件都做好后~组合在一起~ 9：图8最后的效果图~
• [ Fireworks ] Fireworks 制作打孔效果

  点击：620　发布日期：09/18

  效果： 1、新建一个300*300的文档，并画一个220*180的矩形，颜色#333333 2、写一个数字，大小是250（这个数值要在属性里自己填写），我写的是5，字体要尽量选择粗一点的字体，我选择的是HandelGothic BT ,放在矩形上面； 3、选择写好的数字，用Firework自带的滤镜Alien skin Splat—>Edges,mode选择Halftone Dots,具体参数设置如下图： 4、把刚才做好的数字和矩形图层分别选择：修改—>平面化所选，然后选择矩形并按住ALT键再选择数字层，最后按del键，并使数字层不可见；效果如下图： 5、画一个300*200的矩形，并新增杂点数量20，再运动模糊角度180，距离50，设置如下： 6、将刚刚做好的矩形图层和打好孔的图层一起选择，再选择：修改—>蒙版—>组合蒙版；效果如下： 7、选择刚才的层，增加“内斜角”效果，具体设置看下图，再随便加上文字，效果如下：
• [ Fireworks ] 亮闪闪的美丽 Fireworks巧绘精美闪图动画

  点击：3357　发布日期：09/05

  上次我们讲过《Fireworks简单方法打造网页“闪字”动画》的制作，这一节我来讲解一下“闪图”动画的制作。 漂亮的闪图动画应用范围非常广，不仅可以在相册、动态表情里使用，还可以在QQ空间、论坛签名、各类回贴和博客中使用。 学习要点：本例中我们主要学习Fireworks导入闪底素材、将闪底素材粘贴于图像内部的制作方法。 我们先来欣赏一下漂亮的闪图。文章最后附送丰富闪底素材。 漂亮的闪图 制作步骤： 1.用Fireworks软件打开一个漂亮的图片，利用左边“工具箱”中的“魔棒工具”点选白色背景处，使白色的背景被全选出来。 使白色的背景被全选出来 2.按下键盘上的Delete删除键，删除选区中的内容，使这个图片背景拥有透明背景，按Ctrl+D取消选区。 使这个图片背景拥有透明背景，按Ctrl+D取消选区 3.接下来在“帧”面板中将第1帧拖到“新建/重制帧”按钮上2次，如下图所示，共制作成3帧。(一般是看闪底素材有多少帧，然后就复制几帧)。 共制作成3帧 4.回到第1帧，再次利用“工具箱”中的“魔棒工具”点图片中MM的头发，选中大片的头发黑色，然后选择菜单中的“选择”—“将选取框转换为路径”命令。 选中大片的头发黑色 5.将头发选区转换为路径..
• [ Fireworks ] Fireworks MX图层混合实例剖析

  点击：333　发布日期：08/03

  图层是图形处理中最基本的概念，但是笔者发现很多朋友对于Fireworks MX的图层混合模式似乎并不是十分的了解，其实如果用好了图层的混合，很多复杂的效果垂手可得。不相信？那么我们一起往下看。　　步骤1：　　打开Fireworks MX，使用菜单命令File-open命令打开一张位图（如图1）。 　　步骤2：　　在工作区域的右侧Layers面板上点击New BMP Images图标（如图2），（如果没有找到Layers面板，可以使用菜单命令Windows-或者使用快界键F2）新建一层。 　　步骤3：　　在工具栏上选择Paint Bucket Tool，并设置填充颜色为深绿色（如图3）。对新建的图层进行填充。 　　步骤4：　　在Layers 面板上选择新建的图层，点击混合模式的下拉框，选择混合模式为Multiply（如图4），所得到的效果如图所示（如图5）。 　　图4　　　　图5 　　Multiply混合模式的含义是：将被选定图层与其下方图层的颜色进行混合，表现得更加暗淡，如果被选定的图层为黑色，则混合后为黑色，被选定图层为白色，则不会有任何效果。 　　步骤5：　　点击混合模式的下拉框，选择混合模式为Screen，所得到的效果如图所示（如图6）。 　　Screen混合模式的含义是：将被选定图层与其下方图层的颜色进行混..
• [ Fireworks ] 制作扇形效果<3>

  点击：276　发布日期：08/03

  文 / donger 如何制作扇形效果 　　六、这时二个物体都处于被选择状态，使用modiy菜单->symbol->tween instances命令，此时会跳出tween instances的对话框。我们在steps中输入25，注意distribute to frames前面的钩不要选上，如果选上了的话，就会变成25个帧，成动画效果，我们这儿需要的是平面的效果。 　　七、下面的图片就是执行上面步骤后的结果，可是感觉这不是个扇形，而是象一个怪怪的圆形。呵呵，别急，还需进行一些设置。 　　八、随便选中哪个实例，用鼠标对其双击，对其进行编辑。
• [ Fireworks ] 使用Fireworks 简单绘制竹子

  点击：482　发布日期：07/20

  今天早上用竹盐牙膏刷牙的时候，发现包装上的竹子很好看~ 上班的时候没什么事情就尝试着也做了一个竹子。不过，感觉有些地方还是没有达到想象中的效果，大家可以交流好的意见 这里先说下制作以前要注意的地方：我感觉竹子最重要的部分就是关节部分（2段竹子的结合处）这也是竹子的特点；还有就是竹段中，类似丝状的纹理。 1、首先画一个27*105的矩形（数值近似就可以），然后调节四脚的结点，使矩形中间的位置向内凹。 2、加上渐变色，由于我想做的效果并不是那种很真实的竹子效果，所以颜色浅了些；而且只是简单的渐变：#009000   #00cc00 3、在变形的矩形上加一些105高的竖线，注意间距要是不相同的，用来做竹子上竹丝的感觉。颜色要深些：#006600 透镜度调到20。 4、这一步用来给竹子的上下边缘加阴影，用来突出竹段之间接合的部位；在上端边缘的部分画一个长10像素的线段，颜色#006600，高斯模糊1； 5、这一步与上一步基本相同，只不过是在底部边缘的部分画一个长10像素的线段，颜色#ffffff，高斯模糊1； 6、到这一步竹段的部分就已经制作完成了，全选Ctrl+G，然后复制一个竹段，使它和第一个竹段首尾相接，但之间要留一个像素的空隙，在这个..
• [ Fireworks ] Fireworks打造残破照片边缘 Ⅱ

  点击：595　发布日期：06/27

  相关导读:Fireworks笔触和蒙板打造残破照片边缘 1、打开欲加残破边缘效果的照片文件，可以使用矩形或圆形工具绘制并覆盖欲处理成残破边缘的区域轮廓，如果想要不规则形状的区域，也可以使用钢笔工具绘制出闭合路径，如图所示： 2、绘制好路径后，选择路径，填充颜色和笔触颜色均选择白色，在属性栏中把填充的边缘设置一定的羽化值，笔触类型主要以非自然类型笔触中不规则图形为主，本教程里最终效果选择的是[非自然]中的[油漆泼溅]， 设置笔触的笔尖边缘柔化为0： 3、设置笔触选项，选择笔触的高级选项，进一步设置笔触效果，教程所使用的设置仅供参考，大家可以根据不同的笔触设置不同的参数： 4、选择路径和照片两层，修改菜单——蒙板——组合为蒙板，注意蒙板的属性选择为灰度外观，得到最终效果： PNG： 注：使用矢量路径蒙板，不但可以修改图片显示的位置轮廓、随时取消蒙板恢复原图，而且相对本教程的边缘效果，可以随时改动路径的笔触效果来达到改变边缘效果的目的。修改蒙板的方法：选择图层面板对应图层中的蒙板，在属性栏做相应调整，如图所示范： 教程中蒙板的填充边缘做了羽化，目的是把填充边缘和笔触更好的融合在一起，防止边缘和图片主..
• [ Fireworks ] Fireworks制作水晶般剔透的banner

  点击：982　发布日期：06/01
• [ Fireworks ] Fireworks 8 混合模式详解

  点击：485　发布日期：05/21

  来源：www.communitymx.com作者：Jim Babbage翻译：梦觉 http://www.bitgenius.com [ 下载实例文件 ]（文件大小16.5M，包含三个PNG源文件，英文版PDF格式源教程） Fireworks 8整合了大量有趣的功能，但在我看来，其中最酷的一个就是新增的26种混合模式。这些新增的混合模式打开了一个创造性潜能的世界。我无法不接受它，因为我是一个Fireworks痴迷者。我在Fireworks中处理大量的图形，同时我也不断的尝试、创造各种可能的效果。新的混合模式给了Fireworks一个更广阔的舞台。 混合模式可以被用在Fireworks的图层和对象上面，混合效果主要是由被混合的图象的色彩影响，同时也受层和对象得不透明度影响。我将这篇文章分为三个部分：一、混合模式-快速入门。二、Fireworks 8的新的混合模式。三、使用混合模式创造 一、混合模式-快速入门。 坦白的说，我从未意识到混合模式涉及到如此多的数学问题，我并不想假装理解这些数学公式，但是如果你有兴趣，请先浏览以下网址：http://www.pegtop.net/delphi/blendmodes/ 以了解这些模式所蕴含的数学公式而不仅仅是在PNG文件中不停的改变他们。我在这里所介绍的混合模式是基于我自己的一些试验和研究。无论如何，对我来说这些色彩模式..
• [ Fireworks ] Fireworks制作公告板上方挂绳效果

  点击：585　发布日期：05/11

  　经常会看到有些页面中公告板上方有类似挂绳的效果，做了一个。其实很简单，几个路径的组合而已，修改一下也可以制作活页记事本中间的铁环效果： PNG图：
• [ Fireworks ] Fireworks图像优化快速教程

  点击：336　发布日期：05/09

  最近我们在设计比赛中，通常会有一些缩略图需要提交，但往往有一部分设计师不能达到我们设定的需求，为了解决这个问题，我特意写了这篇优化的文章。告诉大家一些基本的方法。如果立志做一个网络设计师，那么图形优化会是一门基本功，我建议查看在线帮助的图形优化一节，里面有更详细的内容说明原理。 进行网络图形设计的最终目标就是，设计制作出下载十分迅速的优美图像来。为了能够做到这一点，你在设计制作的过程当中必须要尽可能地减少应用的颜色数目，然后为你的图像选择一种具有最佳压缩比的文件格式，同时最大程度地保持图像的质量不受损失。这种对各种图像要素进行平衡的举动就是图形优化 — 就是寻找到最佳的颜色混配方案，压缩方式，保证图形质量。 Fireworks 的优化面板是关键，比较简单的 1.首先确定你的颜色数，256色的用GIF和PNG格式，256色以上的用JPG格式。 GIF 的例子，注意颜色参数       JPG的例子，注意品质参数       2.确定颜色数和压缩比，进行比较 3.输出
• [ Fireworks ] Fireworks 笔触特效

  点击：735　发布日期：04/24

  最终效果图如下： 1、打开FW，新建一个空白文档，宽度450，高度300，分辨率72，画布颜色选择白色，如下图： 2、在工具面板中选择“文本”工具 ，输入“ASD”（随便什么都可以啦^^）。 3、在属性面板中更改文字字型、颜色和字体大小，字体为Arial，颜色选择白色，字体大小为30如图： 4、最关键的一步^o^（其实是很多步- -|||），在属性面板中为文字添加描边效果，颜色为#3399FF，点选“在笔角上方填充”，单击下方的“笔触选项…”按钮。选择“水彩“，”笔尖“拉到最顶端，”尖羰大小“设为72，纹理为0%，如下两图： 再点击“高级…”按钮，出现“编辑笔触”对话框，在“选项”卡中，墨量100%，间距0%，流动速率0，勾选“建立”项，纹理和边缘纹理全为0，边缘效果也为无。笔尖10，笔尖间距97%，变量为阴影，虚线选无。 在“形状”卡中，大小设为72，边缘100，方向2，角度为336，如下图： 在“敏感度”卡中，在“笔触属性”中选择“角度”，再在”影响因素“项目中，把 “速度”改为100。同理，再把“离散”中的“垂直“为100”，“随机”改为7，其他都为0即可，如下两图： 效果： 偶长话短说，本教程只针对非常熟悉FW8的用户，所以细节偶就不..
• [ Fireworks ] firework制作木头效果

  点击：814　发布日期：04/14

  　　创建一个圆角矩形并应用Eye Candy 4000滤镜—木质效果...在水平方向上做出类似月下图显示的样子,创建完成后将形状扁平化（CTRL+SHIFT+ALT）。 在上部区域建立一个矩形来应用dodge/burn效果，使用100PXZ笔刷来应用dodge/burn 效果，边缘100，高亮范围模式，以及25的爆光。 在本例中，我在顶部应用brun效果，如下： 在图形中的其他部分重复此效果，一般说来是在中间部分应用dodge工具，在边上/角上使用brun工具。根据一根真的木头来做个不错的主意，在中间圆形部分用dodge工具而在边上应用burn效果： 当然，你也可以在左/右边上小小的dodge一下，使木头产生一个缺口，在随机区域继续应用dodge/burn效果： 在图象上应用杂点效果，4%，无色，达到满意的效果，之后再次使用图形扁平化 现在你可能意识到图形看起来有点模糊，为了避免这个问题，我可以使用锐化工具。在图形四周随机锐化，在边缘角落部分多做几次。建议使用：Size:100,Edge:100,Intensity:15 好了，你现在已经得到一个很漂亮的木制框架效果了。另外，你可以复制你的图形并重新调整它，使其变小，改变后用scale工具来变形并在水平方向反转。 在主框图形上重复此步骤并应用dodge/burn/sharpen效果： 你可..
• [ Fireworks ] 用Fireworks做数字连续翻滚动画

  点击：716　发布日期：03/31

  闲来无事，译了篇Fireworks（以下简称FW）的基础文章，效果如图： 这是一个大家可能都喜欢的简单动画技术，使用Fw中的“逐帧”制作出来的效果。大家可以用同样的方法做成倒计秒数的动画。 在Fireworks中打开一个新的画布，选择工具栏中的文本工具，输入第一个数字，并设置好文字的字体、像素大小等样式 打开帧面板，使用黑白选择工具，在面板是右上角点击，弹出下拉菜单，选择“重制帧...”。 在弹出的对话框中，如下图设置： 选择9个新帧，是因为动画包含0-9个数字（相当于10帧）。 然后选择每一帧，并修改画布中的相应数字。 可以输出文件了。 帧面板如下图所示： 提示：帧面板中右手边显示的是默认的帧延时值7毫秒，即7/100秒的速度。如果动画播放的速度有些快，可以修改这个延时值。选择顶部帧，按住Shift键，点击底部的最后一帧，全选这些帧，在帧延时值处双击，在显示的对话框中设置一个更高的值。更高值将减慢动画的播放速度。 最后一步，打开优化面板，设置导出文件格式为“Gif动画”，如图： 也可以在帧面板的底部设置Gif动画循环，默认为“永久”选项。 OK，使用F12预览你的作品吧，最后可..
• [ Fireworks ] fireworks走迷宫具体步骤

  点击：496　发布日期：03/23

  　　小可爱斑竹说让写一下具体步骤,我就整理了一下。 原图如下     1，首先用魔术棒选择入口处上边，填充成蓝色（图1），这样迷宫就分成两块区域（图2），边界处就是我们想要的通道（因为通道两墙肯定不会相交，相交就会出现死胡同）。     2，下面我们生成通道路径（就是边界线），复制迷宫所在层，用魔术棒选择蓝色区域（或黑色）（图3）。     3，然后在选择菜单里选扩展选区，范围设为一像素，得图4。     4，填上绿色，再在选择菜单里收缩选区一像素，得图5。     5，删除选区，就得到边框线（图6），清理掉多余的我们就得到迷宫的通路（图7）。
• [ Fireworks ] 用 fireworks 做雅虎菜单

  点击：597　发布日期：03/08

      最近，这种菜单好象很流行，不少网站都有了，这个菜单可以节约有限的空间，很有价值，经常设计中要用到，今天有Fireworks 的初学者，来问怎么做这种菜单，所以顺手做了一下，其实这样的菜单不复杂，无非是渐变的填充，用 fireworks 强大的交互式填充工具来制作，那简直是手到擒来。另外矢量化修改，也很方便，所以 fireworks 非常适合 web 设计创作。第一步，做底条，注意边框颜色和渐变设置     第二步、做菜单条。其实就是复制一下底条，调整长宽和填充。     第三步、做菜单条的突出效果。复制菜单条，去掉边框色，调整一下渐变。考虑到还有缺口显示，所以要做长一些，把深颜色加强。     第四步、做菜单条的投影。复制刚做的填充，转180度，调整长宽和渐变。     第五步，做下面的档条，缺口可以用笔工具来加节点调整，也可以画一个正方形，转45度后冲制，反正方法是多样的。这个的渐变填充比较难一点，大家看一下示意图，并且多调整一下渐变填充的两个节点看效果。     另外，为了加强缺角效果，需要再加一条深色的路径。     第六步、就剩下..
• [ Fireworks ] Fireworks制作妇女节主题宣传动画

  点击：805　发布日期：03/06

  　 在下面的例子中，我们通过具体的Fireworks的实例为即将到来的三八妇女节献上一个精美的礼物。我们首先使用Fireworks的矢量路径工具如矩形、笔触、路径等勾勒出一个卡通的女性形象。为了使得形象更加具有生动感，我们可以为图像添加一定的动画效果，从而制作出一个GIF动画，为三八增加一些趣味和色彩，同时我们能够对Fireworks的帧、动画等功能加以熟悉，在这里以妇女节为主题设计的一幅动画来表达我们衷心的祝福，愿全世界的女性都能够美丽自信、幸福美满。文章末尾提供原文件供大家下载参考。 　　 1、首先在Fireworks中新建一个大小为400×400的画布，在这里我们将画布颜色自定义为红色，如图1所示。 　　图1 新建红色画布　　 2、在这里我们要绘制的是一个拥有迷人的脸蛋，卷曲的长发，丰满的身材的漂亮女人。首先来绘制圆圆的脸蛋，只要绘制一个椭圆，使用钢笔工具增加一些锚点，然后用部分选定工具对锚点进行形状调整就可以了，由于脸蛋的很大一部分都要被头发挡住，对其形状的要求可以放低。设置填充颜色为#FFEEDA，笔触颜色为黑色，柔化圆形，大小为2，如图2所示。 　　图2 绘制圆圆的脸蛋　　 3、脸蛋画好了，就要绘制弯弯曲曲的长发了，因为有着一头卷曲长..
• [ Fireworks ] 用Fireworks制作简洁清爽的网站

  点击：1136　发布日期：02/24

  网络的已经成为人们日常生活中的一部分，就像生活中房子，大部分人也想拥有自己网络空间，如果把自己的房子设计的漂亮大方呢？下面我们就以一个简洁清爽的页面为例来教大家如何设计一个好网页。 1. 启动Fireworks，新建一个大小为180*200像素的画布，设置画布颜色为 #EFEFEF。 2. 在工具栏中选择矩形工具，绘制一个154* 183的矩形，在属性面板中设置这个矩形的填充色为#A9B1BE，描边设置为1像素的柔化，颜色为#677387，如图所示。 3. 利用矩形工具绘制一个宽 152，高 19 的矩形，在属性检查器中设置描边为无，填充类别改为线性， 修改线性填充的颜色样本，第一个颜色样本的颜色为#E6FFFF，然后单击渐变色阶下面的区域，新增 一个新的颜色样本，颜色为 #A4BECF，最后一个颜色样本为 #FFFFFF，具体设置如图所示： 回到画布上，调整一下渐变方向，现在你的图看起来应该像是下图那样。   4. 以步骤 3 同样的方式制作下面的矩形。 选中下边的矩形，在属性检查器的效果菜单中，选择“阴影和光晕”>“投影”，为矩形添加一个阴影效果， 具体参数如图所示。 5.使用直线工具画出两条长为153的线段，颜色为 #677387，描边种类为1 ..
• [ Fireworks ] Fireworks精彩实例：绘制星球

  点击：810　发布日期：02/10

  工具：fireworks 8.0 滤镜：Eye CANDAY 4000(汉化版），fireworks自带的Edges滤镜，Aline skin xenofex2(汉化版）[注：除了Edges滤镜，其他滤镜则需另行安装到fireworks目录里的Plug-Ins文件夹内才可在fireworks中使用] 第一步： 新建文件大小为600*650（也可以根据自己的喜好建立），画布颜色为透明。选择工具条里的“椭圆”工具（u）在画布里画一个圆形高宽分别为302*280充填颜色为（#666666）选择渐变为（放射状）边缘羽化为（1）把渐变的遥杆设置如下图： 第二步： 点选画好的圆形，在属性面板滤镜选项里选择[眼睛糖果4000（eye canday 4000)]--->HSB噪音属性如下图： 第三步： 为了增加立体感我们在给圆形添加3个内侧阴影和1个内侧发光。选择滤镜选项-->阴影和光晕-->内侧阴影。 第1个内侧阴影属性：距离（35）充填（#ffffff）透明（100%）柔化（26）角度（90） 第2个内侧阴影属性：距离（6）充填（#ffffff）透明（100%）柔化（27）角度（0） 第3个内侧阴影属性：距离（40）充填（#333333）透明（100%）柔化（30）角度（214） 内侧发光的属性为：宽度（14）充填（#333333）透明（65%）柔化（20） 得到如下效果： 第四步： 到这..
• [ Fireworks ] Fireworks绘制3D透视图形

  点击：554　发布日期：02/10

  自己开始学习C4D了,可能会放弃使用FW制作3D图形了,画个画留做纪念把,选用了最经典的IPOD MINI ，其实和移动硬盘的那个教程差不多的方法。 　　为了方便大家查看，给出下图： 　　1.打底稿,和再纸上画3D图形一样,画一个立体的盒子,想象一个IPOD刚好装进去只要这里透视准确最后的图形绝对不会出现透视的错误,这里推荐使用3D Primitives 或者可以使用FW自带的 透视辅助线条 ,高手的话凭借感觉就好了(透视要点,所有3D图形的平行线条都会在同一点相交..比如立方体的四条竖直的边肯定会在同一点相交)。 　　2.然后我们画好可见的三个面的平面图,(三视图)这里我们把3D盒子的各个面"铺在"画布上画,大小比例严格按照尺寸： 　　3.画完以后,平面图贴到3D物体上去，如果你不知道怎么把平面图形贴到3d图形上去看下面的内容：Fireworks MX 2004 制作移动硬盘 　　4.同上,对准确点,把打开的立体图形的面和原来的那个面仔细的重合,这样这个面上的东西就贴上去了： 　　5.做一些小修改,使得按钮有立体感,如果仅仅只是把一张纸贴到墙上怎么也不会有立体感的(就象CS里面的窗户,哪个角度看都没有窗沿,因为那只是一张图)： 　　6.正面也贴上去： 　　7.右边没有内..
• [ Fireworks ] Fireworks绘制新春贺卡：娃娃放鞭炮

  点击：1549　发布日期：01/17

  　　 春节马上就要到了，一提到春节，那种鞭炮声声、烟火飞舞的场景肯定还历历在目。过年对于每一个小孩子来说，都是盼了又盼的。因为那时他们可以穿漂亮的衣服，放烟火，吃好吃的糖果。我们来设想一个顽皮的小女孩放烟火的场景，这不禁让我想起我的童年，那个纯真的年代，胆小如我，却对那些五颜六色的烟火充满好奇。下面我们就用Fireworks来绘制一个这样的场景。文章末尾提供原文件供大家下载参考。 　　 1． 我们首先新建一个大小为800×600的图像，中国人总喜欢用红色来表示一种喜庆的气氛，在这里我们将画布颜色自定义为红色，得到如图1所示的图像。 　　 　　图1、设置画布颜色为红色 　　 2. 接下来我们就开始绘制小女孩了。首先是小女孩圆圆的脑袋，先绘制一个椭圆，填充设置为实心填充，颜色为#FFDDBF，笔触大小为4，颜色设置为#530900，采用柔化圆形的笔触来得到一种朦胧的效果，如图2所示。 　　 　　图2、绘制小女孩的脑袋. 　　 3. 我们来给小女孩添加上头发，为了增加她的调皮可爱，就可以给她绘制两个可爱的冲天炮。只需要绘制一个矩形、两个椭圆以及两个多边形，利用部分选定工具对它们进行形状上的调整，然后将它们组合到一起就可以了，为了..
• [ Fireworks ] Fireworks绘制可爱卡通狗狗桌面

  点击：2492　发布日期：12/16

  　　新的一年就要到了，2006年是狗年，我们一起来绘制一个卡通狗狗的桌面图来给新的一年增加一点快乐的气息吧！　　设计思路：首先利用Fireworks的矢量路径工具勾勒出小狗的轮廓。然后对其进行各种不同的填充。最后，找到一幅风景图片，利用Fireworks的滤镜工具对其进行处理作为小狗图像的背景。文章末尾提供原文件供大家下载参考。 　　1． 打开Fireworks，新建一个1024×768的图像，背景颜色设置为白色。由于图像较大，我们在图像显示比例中将显示比设置为66%大小即可，如图1所示。 图1 调整显示比2． 使用工具箱上的椭圆工具绘制两个椭圆形，如图2所示。其中笔触的大小设置为6，笔触类型设置为柔化圆形。 图2 绘制两个椭圆　　3． 选中两个椭圆，然后选择【修改】|【组合路径】|【联合】将两个路径组合起来，得到如图3所示的图像。这一步的目的是勾勒出狗狗的脸部轮廓。 图3 组合路径　　4． 使用钢笔工具在路径上适当添加一些锚点，然后通过调整锚点的控制杆对“脸部”进行适当的调整，如图4所示。 图4 调整锚点　　5． 使用类似的方式勾勒出狗狗的其他部位，如图5所示。这里需要注意的是我们最好使用工具箱中提供的椭圆工具、矩形工具和钢笔工具配合使用来得到..
• [ Fireworks ] Fireworks MX2004之Shapes工具组应用实例一 变形花朵

  点击：704　发布日期：12/16

  在FWMX2004之Shapes初探系列的教程中，曾经给大家演示了用工具箱Shapes工具组的Star（星形）工具制作的一个变形的花朵效果，不知道大家是否还记得，这里我们再次制作了一种变形花朵效果，如下图所示： [Cut-Page]如果大家对Star工具已经钻研的比较透彻的话，应该对实现这样的效果不陌生，因为我们在FWMX2004中来实现这种效果可以说是轻而易举的，不信的话，请跟我来吧！　　1、打开FWMX2004，新建文件，大小、背景色随意。　　2、选取工具箱的Shapes形状组的Star绘制工具，在编辑区绘制一个星形，默认情况下，是五角星。如下图所示： 　　3、通过前面的学习我们知道，目前编辑区绘制的星形对象共有5个调整控制点，我们可以通过调整这5个控制点来进行进一步的编辑操作。为了便于随后的叙述，我们同样是将星形对象的几个控制点进行编号。如下图所示： 4、选中1号控制点，向下方拖动，本步操作的目的是为了减少星形对象的角的数量，只需要将5角星变成4角星即可了，如下图所示： 　　5、选中2号点，用鼠标向图形中心方向拖动该控制点，直至出现如下图所示图形： 　　6、此刻我们的拖动操作已经初见成效了，仍然选中2号控制点，继续向图形的中心拖动，直到下图的效果产..
• [ Fireworks ] Fireworks4 制作透明字

  点击：1401　发布日期：12/16

  有次看到别人在论坛发的贴子，说透明字只能在photoshop中做到，而在fireworks中却办不到。不是办不到，只是此人没有想到而已。其实在fireworks中制作透明字不难，下面就让我们动手操作一遍吧。1、打开一张图片，用文字工具输入文字。这里为了让大家看得清清楚楚，明明白白，真真切切，特用字号为250，字体为综艺繁体，输入的字为“思”，填充色为黑色。你也可以用别的字体和字号。2、把文字打散，选中文字，Texe>Convert to Paths，将文字转换为路径。然后再Modify>Ungroup，将文字解组。此时的文字可以任意编辑了。为了不让大家在学习过程中看得晕头转向、摸不着头脑，我们把这文字层重新命名为text13、选中text1文字，Edit>Colne，把克隆出来的文字重新命名为text2。选中text2文字，在电脑键盘上的右方向键上按三下，然后在下方向键上三两下。（每按一下，文字向相应的方向移动一个象素）。再选中text2，Edit>Clone，把克隆出的来文字重命名为text3。选中text1，Edit>Clone，把克隆出的文字重命名为text4.4、大家是不是克隆几次后有些发晕了？：）。选中text3，把它拖放到text1层之下。此时，text2和text3层是移动了象素的文字层，大家要清楚。此时各层的关糸..
• 共有318条信息　1 - 30　1/11页　30个/页　　上一页　下一页
  转到：第1页第2页第3页第4页第5页第6页第7页第8页第9页第10页第11页