iLeichun

　　1、素材：烂墙壁照片一张以及胶片照片一张。

　　素材

 

　　素材

　　2、Fireworks中新建500*350画布，插入背景图片。然后调整亮度和色调如下。

效果如下：

　　1、Fireworks中新建20*50的矩形，黑白线性填充，羽化10：

　　2、选择笔触选项：

　　3、笔触选项参数如下，再点击高级，选择形状，参数如下：

　　4、选择内侧阴影，参数如下：

　　5、选择曲线，参数如下：

　　第一步：在Fireworks中新建文件，大小自定，在这里我建的是(531*433)。背景为黑色，输入字体A(字体为ARIAL BLACK)，颜色为(白色)，选中字体A，将字体转换为路径(CTRL+SHIFT+P)。充填：(空)，描边：大小(6)，描边颜色：(白色)，描边种类：(1素象柔化)，边缘为(0)。得到如下效果：

　　第二步：选中字体，再选“效果--->Aline skin splat LE---->Edges”，属性如图：

　　得到如下效果：

　　第三步：选中字体点选“效果--->EYE CANDY4000---->动作轨迹滤镜”，属性如下图：

　　得到效果如下：

　　第四步：复制4个做好的字体效果，(选中字体CTRL+C)粘贴(CTRL+V)，把复制出来的字体效果里的动作轨迹滤镜里面的角度属性分别更改为(90)(180)(0)度。得到效果如图：

　　第五步：将4个不同方向的运动轨迹字体效果合并在一起，得到效果如下图：

　　最后在给效果做一个前景效果点缀一下。制作方法是为第一步修改一下字体的描边属性如下图。也可以直接复制做好的效果后，在把里面的滤镜效果去掉。

　　得到效果如下

　　最后把所有效果合并在一起就完成了。要是想要给图片上色，请将所有效果图组合(CTRL+G)在一起在，用色相饱和度来调整。上色效果图：

　　以上教程纯属提供思路，大家还可以试一下其他角度的变化，可以得到更多的效果。原文链接
 

　　Png源图：

　　在Fireworks或者是PhotoShop中设计好的网页效果图，需要导入到Dreamweaver中进行排版布局。在导入到Dreamweaver之前，可以使用Fireworks对效果图进行切片和优化，然后才能够把优化好的切片输出到Dreamweaver的站点中进行布局。切片的目的是为了获得图像素材，也就是说能够通过写XHTML语言脚本实现效果的部分，就不需要切片，而必须用图像的地方，则一定要切片。下面通过一个实例来给大家介绍一下Fireworks CS3的切片和优化功能，具体操作步骤如下：

　　1. 在Fireworks CS3中打开制作好的网页设计效果图，如图所示。

　　在Fireworks CS3中打开制作好的效果图

　　【说明】效果图中的辅助线是在效果图设计之初就添加完毕的。

　　2. 选择Fireworks CS3中的【切片】工具，对效果图进行切片，切片完成后的效果如图所示。

　　切片完成后的效果

　　【说明】切片的时候，尽量保证所有的切片和被切片的图像尺寸一致，不要切片大于或者小于被切片的图像，同时切片之间尽量保持不要重叠。

　　3. 几个特别需要注意的地方来详细给大家说一下，首先是在内容区域，文本的前方有小的黑色三角箭头，这是用图像来制作的，所以必须要切片，但是由于所有文本前方的箭头图标都是一样的，所以只需要切一张即可。如图所示。

　　切片小图标

　　4. 同样的道理，在这个效果图中，有很多的圆角效果，但是在切片的时候同样的效果仍旧只切片一张即可。如图所示。

　　切片圆角图像

　　5. 切片完成后，选择Fireworks CS3中的【2幅】窗口，如图1-27所示。在这个窗口的左侧，是可编辑的原图，而在这个窗口的右侧，则是优化以后的图像。在这个窗口的下方，可以看到详细的关于每一个切片的文件量和下载时间等信息。

　　Fireworks的【2幅】窗口

　　6. 按快捷键【F6】，打开Fireworks CS3的【优化】面板，使用【指针】工具，在【2幅】窗口的左侧依次选择切片，然后在【优化】面板中进行相应的优化操作，最终优化后的图像效果，可以在【2幅】窗口的右侧进行观察，如图所示。

　　对切片进行优化

　　在Fireworks中打开一张黑白图，然后用魔术棒工具做选区,

　　在Xtra/Adjust color/Hue Saturation,弹出如下设置窗口。

　　设置完点OK

　　有时在用魔术棒工具做选区的时候，往往不尽如人意，看上去明明色彩有很大区别的地方也被选中了。
　不急，魔术棒里有个属性叫“容差”。 “容差”表示用魔术棒单击一个象素时所选的颜色的色调范围。如果输入 0 并单击一个象素，则仅选择色调完全相同的相邻象素。如果输入 65，则选择一个更大的色调范围。 这下明白了吧，如果有不明白的多试下就知道了，也可以适当的用Edge属性修饰一下。

　　Edge又称边缘 它有如下三种属性：

　　Hard“实边”创建具有已定义边缘的选取框。
　　Anti-Alias“消除锯齿”防止选取框中出现锯齿边缘。
　　Feather“羽化”使您可以柔化象素选区的边缘。

　　后面分别是它们属性的值， 如上图。

　　下图的选区，水这块颜色分得不是很明显很难选，呵呵，只要把tolerance里的值调小了一点，就很容易做到了!

　　水是因为阳光的照射，所以选取了另一块区域加高亮了，还有很多不满意的地方，你可以重新选择然后重新上色，最后完成效果如图

　　上色主要难在要有耐心，一幅好的图片的上色，要做很多选区，然后用Hue/Saturation命令，要反复调节直到自己很满意为止呵呵，如果你有耐心，相信你真正的学到东西了。

先上效果图：

　　开始了，先把基本形状画出来

　　1.画一个圆角矩形，调节节点使弧度合适，克隆它，缩放合适的比例 ，移动，修改-组合路径-打孔，然后继续用矩形打孔掉下面的多余部分。再画个圆角矩形，调整节点，作为锁身。

　　2.锁头高光的制作：下面的图示是放大2倍的效果，对锁头，修改-改变路径-伸缩路径，(内部，宽度：8，角度：第二个，尖角：1)，然后调节节点至最右边的形状。羽化，降低不透明度。

　　克隆几个刚得到的这个图形，做条状渐变，调节节点使左右两边的不透明度，然后绘制左侧的高光形状，调整好他们的位置，然后把高光部分放到锁头上，得到右边的锁头。

　　3.锁身：对矩形线性渐变，如图。为了描述锁身上线的光感，故在其上下加了高光和阴影(细看源文件)

　　4.黑黄交织的条纹：画出黄色和黑色的矩形，组合，然后克隆多个。。再组合刚画的所有小矩形，选择倾斜工具得右图的黑黄条纹矩形，绘制一个矩形，渐变使得两侧的不透明度降低，把矩形放到刚倾斜得到的黑黄条纹矩形上，选择他们，组合为蒙板。

　　5.条纹的高光及阴影：如图，把黑黄条纹放在锁身的合适位置上，在黑黄条纹上画一等宽高度为2的矩形，不透明为23.再画一高度为2的矩形，羽化，线性渐变是两边的不透明度降低，方在黑黄条纹层下面。

　　把锁头和锁身放在一起得最终效果。原文链接

　　源文件：

先看效果图：

　　1、首先制作桌布，使用Fireworks矩形工具绘制一个填充色为#DFCFC0的矩形，并添加杂点；

　　2、制作书皮，矩形工具绘制一个矩形，并使用放射填充；

　　3、为书皮增加质感，添加杂点；

　　4、制作书本投影效果；

　　5、制作书本边框效果，绘制一个长宽都比书皮少6px的矩形，无填充，边框使用喷枪-纹理，透明度为17%；

　　6、添加图书折边，两条直线，填充色如图；

　　7、书写文字，字体我选择的是Curlz MT，垂直渐变填充，并发光；

　　8、制作书角，使用L型工具，放射性渐变。最终完成效果。

1、在Photoshop中打开一幅底纹素材图片，效果如图01所示。

　　2、选择工具箱中的文字工具，在其属性栏中选择合适的字体和字号，输入文字，效果如图02所示。

　　3、按住Ctrl键单击文字层，将其选区载入背景层，将文字层前面的可视性图标隐藏，图像效果如图03所示。

　　4、执行菜单栏中的“滤镜”“模糊”“高斯模糊”命令，在弹出的“高斯模糊”对话框中设置参数如图04所示。
 

　　单击确定按钮后选区内的图像效果如图05所示。

　　5、保持选区不变，执行菜单栏中的“滤镜”“扭曲”“旋转扭曲”命令，在弹出的“旋转扭曲”对话框，设置参数如图06所示，单击确定后，效果如图07所示。

　　6、按Ctrl+J键组合键将选区内容复制并粘贴至新的一层中，再将文字层删除。