推荐阅读
Photoshop调出古典唯美效果图的外景婚片调色
案列对比图：左为原片，右为效果图1、[注：一直不厌其烦的讲复制背景层，不要在背景层上修改]。复制背景层，生成新的背景层，而后复制背景层生成图层1，修改混合模式为滤色，操作目的：提亮。2、创建“色相/饱和度”调整层，设置参数如下：3、创建“渐变映射”调整层，操作布草如下：
插画艺术网
本实例以造型优美的、抽象的花朵形象和渐变的、绚丽的花朵色彩，来表现插花艺术网页页面的设计主题。该设计效果强烈，点、线、面、色彩和图形的组合运用是构成网页的装饰要素。紫红色的运用为画面增添了浪漫气息。如图11-40所示，为本实例的完成效果。图11-40 本实例完成效果在本实例中所设计的内容与主题相符，体现插花这门艺术的优美与浪漫。协调的处理色彩与其他设计要素之间的相互关系，增强网页的信息和情感传递效果，使人们在浏览的时候产生共鸣。在制作过程中主要采用绘制路径、描边路径来绘制图像，使用“画笔”工具来修饰图像的颜色，更改图像的混合模式使两幅图像叠加起来，能得到更加丰富的图像效果。如图11-41所示，为本实例的制作流程。图11-41 本实例制作流程（1）启动Photoshop，执行“文件”→“新建”命令，参照图11-42所示对打开的“新建”对话框进行设置，创建一个名为“插画艺术网”的新文档。图11-42 设置“新建”对话框（2）单击“图层”调板底部的“创建新图层”按钮，新建“图层 1”，然后使用工具箱中的“矩形选框”工具，参照图11-43所示在视图中绘制一个矩形选区。
CSS兼容IE6,IE7,FIREFOX的一些收集
第一种，是CSS HACK的方法height:20px; /*For Firefox*/*height:25px; /*For IE7 & IE6*/_height:20px; /*For IE6*/注意顺序。这样也属于CSS HACK，不过没有上面这样简洁。#example { color: #333; } /* Moz */* html #example { color: #666; } /* IE6 */*+html #example { color: #999; } /* IE7 */第二种是使用IE专用的条件注释<!--其他浏览器 --><link rel="stylesheet" type="text/css" href="css.css" /><!--[if IE 7]><!-- 适合于IE7 --><link rel="stylesheet" type="text/css" href="ie7.css" /><![endif]--><!--[if lte IE 6]><!-- 适合于IE6及一下 --><link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->第三种css filter的办法，以下为经典从国外网站翻译过来的。.新建一个css样式如下：#item { width: 200px; height: 200px; background: red;} 新建一个div,并使用前面定义的css的样式：
最新发布
详解Fireworks MX 2004丰富的图像导出功能
在Fireworks中创建并优化图形后，用户可将该图形输出为常用的Web格式及供其他程序（如Freehand）使用的向量图形格式。Fireworks MX 2004由于它的面向网络的特性，导出的形式可以不仅仅是图像，还可以是包含各种链接和Java Script信息的完整的网页。由于图像的导出和优化一样将产生一个导出副本，因此是不会修改原图的，所以，用户可以尝试在Fireworks中用一幅原图导出不同种类的许多图像。 一、导出预览 由于不同的图像格式使用的是不同的压缩方法，图像的质量和表象随着格式的不同而变化，所以用户应该根据图像的设计目的和应用场合来决定使用哪种图像导出格式。 只有通过比较鉴别才能突出不同图像格式的色彩和大小等特点，为此，我们首先讲一讲如何在导出时对不同格式进行选择。Fireworks里提供了在线比较不同的优化方式和原图的效果的窗口，2-up模式和4-up模式。若比较一幅图像的GIF导出效果与原图的差别，可以使用2-up模式和4-up模式。若比较一幅GIF导出效果与原图的差别，可以使用2-up模式。若希望比较两三种格式或优化方式的优劣时，就可选择4-up模式。图1显示了原图与GIF、PNG和TIFF三种格式的导出图像的差异，同时窗口中还显示了每一种优化方式或格式的主要参数、图像大小和传输时间等信息，可以帮助用户在不同图像格式之间的选择。 图1 4幅模式各种不同格式导出效果比较 图2 导出预览窗口
Fireworks 8 制作网页效果图 位图工具
这里主要介绍的是Fireworks 8的位图工具的使用，如果你用过ps的话，会感觉这两个软件在位图处理中有很多相似的地方，本例是一个以女性化妆品为主打产品的企业宣传网站“北京达美”的形象页面效果图设计。达美公司一直致力于结合科技和自然的化妆品产品的研发。由于达美公司主打自然健康的产品理念，因此在整体的页面设计中以绿色为主要的风格，同时配以女性模特、植物和蝴蝶的素材来体现清新、自然的感觉。如图1.1所示。 1.1 北京达美公司网站形象页面效果图（点击放大）。 1．新建一个Fireworks文件。 2．在弹出的【新建文档】对话框中设置画布的宽度为760像素，高度为430像素，背景颜色为白色。如图1.2所示。 图1.2 【新建文档】对话框 3.选择绘图工具栏中的【选取框】工具，在【属性】面板中进行相应的设置，如图1.3所示。 图1.3 【选取框】工具的属性设置
Fireworks 8 通道应用抠图实例
很久以来，Fireworks一直因为没有通道功能，为不少惯用photoshop抠图的用户诟病，经过对Photoshop和Fireworks的对比研究 ，本人终于不必一边用Fireworks做网页，一边用Photoshop抠图了，既省去了导来导去的麻烦，又为可怜的机器节省了PS所需的内存。下面用Fireworks 8和一张翅膀需要细致抠图的蜻蜓图片为例讲解此方法。 Fireworks8以前版本要用色阶或者曲线实现，稍微烦琐一点，大家可以使用我做的Fireworks通道插件，具体使用方法看此教程下面的视频教程。 此插件可以在Fireworks MX20048 （其他版本没有测试）中添加八条通道命令，这样在Fireworks中就可以像在Photoshop中一样方便的使用通道功能了。 (例图) 1、将需要处理的图片复制一份，并画两个与图片大小相同的黑色矩形，将4张图对齐，并在层面板里按（图1）所示关系排列： （图1） 2、将第1层的混合模式改成“饱和度”，第2层的混合模式改成“红”、“绿”、“蓝”中任意一种，此时所显示的效果即和Photoshop中的RGB对应通道完全相同，和Photoshop一样，要选择一个比较理想的通道。我选了绿（G）通道，效果如（图2）所示：
Fireworks 8 寻梦之旅(8):制作逼真的水珠
实例：添加逼真水珠 本例主要通过使用叠加混合模式的操作，来给素材图片上的荷叶添加两滴逼真的水珠，按照惯例，教程开始前，先来看看效果图。 素材文件下载(150KB, Winzip压缩) 源文件下载(299KB, Winzip压缩) 1、打开本例提供的素材文件。 2、在荷叶上绘制一个圆形对象，描边色设为无，填充类型选择渐变里面的放射状填充，颜色设为“#FFFFFF-#666666-#FFFFFF”，具体设置请参看下图所示。 3、在400%视图下，调整圆形对象的填充手柄，本例调节后填充手柄显示如下图所示。
Fireworks 8 寻梦之旅(9):制作弹出菜单
六、CSS格式弹出菜单制作导出 有关弹出菜单的制作方法，不是我们本部分的讲授重点，有关CSS格式控制的地方，才是需要我们注意的。所以本小节就通过一个简单的弹出菜单的制作讲解，使大家对于Fireworks 8里面新增的CSS格式化菜单有一个初步的了解和印象，以更好的进一步的来使用它。 源文件下载(37KB, Winzip压缩) 1、打开Fireworks 8，新建一个文件，文件的大小可以根据菜单的大小直接来设置。在编辑区绘制需要在页面上显示的菜单。 2、使用工具箱的“矩形热点”工具给菜单栏直接插入热区，不做转化为按钮元件的操作了。 3、选中“新书推荐”栏所在热区，选择菜单“修改|弹出菜单|添加弹出菜单”命令。在“内容”设置对话框内，将弹出菜单内容的文本、链接及其目标等都设定完毕，单击“继续”按钮，转到“外观”设置对话框。 4、在“外观”设置对话框内，选择单元格格式为“HTML”，将字体、文本大小、弹起状态、滑过状态的文本、单元格颜色都做一个设置。设置完毕，单击“继续”按钮，切换到“高级”设置对话框。
Fireworks8绘制精致指南针图案
本文中我们用Fireworks 8来绘制一个精致的指南针图案。 完成效果如下： (图01) 首先，设置画布大小为128x128像素，底色为白色。(图01) 用椭圆工具画一个90x90的正圆形，并水平、垂直对齐于画布;(图02) (图02) 改变填充类别为线性渐变，增加并调整渐变颜色;(图03)
如何在Fireworks 8中创建非矩形切片
创建非矩形切片 当试图将交互性附加到非矩形图像时，矩形切片可能无法满足需要。例如，如果打算将变换图像行为附加到切片，而切片对象互相重叠或者形状不规则，则矩形切片可能会与交换图像交换出非您所要的背景图形。Fireworks 解决此问题的方法是：允许您使用"多边形切片"工具绘制任何多边形形状的切片。 您也可以在矢量路径的顶部插入切片，以便创建不规则的切片形状。 若要绘制多边形切片对象： 选择"多边形切片"工具。 单击以放置多边形的矢量点。"多边形切片"工具仅绘制直线段。 当在具有柔边的对象周围绘制多边形切片对象时，请确保包括整个对象，以免在切片图形中创建多余的实边。 若要停止使用"多边形切片"工具，请从"工具"面板中选择另一个工具。不必再次单击第一个点以关闭多边形。
如何在Fireworks 8中创建HTML切片
创建 HTML 切片 HTML 切片指定浏览器中出现普通 HTML 文本的区域。HTML 切片不导出图像，它导出出现在由切片定义的表格单元格中的 HTML 文本。 如果要快速更新出现在站点中的文本而无须创建新图形，则 HTML 切片很有用。 若要创建 HTML 切片： 绘制切片对象并将其保留为选定状态。 在"属性"检查器中，从"类型"弹出菜单中选择"HTML"。 单击"编辑"。 在"编辑 HTML 切片"窗口中键入文本，如果需要，通过添加 HTML 文本格式设置标记来设置文本的格式。 注意：或者，可以在使用文本编辑器或 HTML 编辑器（如 Macromedia Dreamweaver）导出 HTML 后，将 HTML 文本格式设置标记添加到 HTML。 单击"确定"以应用更改并关闭"编辑 HTML 切片"窗口。 您输入的文本和 HTML 标记以原始 HTML 代码的形式出现在 Fireworks PNG 文件中切片的正文上。 注意：在不同的浏览器以及不同的操作系统中查看 HTML 文本切片时，它们的外观可能会有所变化，这是因为浏览器中可以设置字体大小和类型。
iPhone手机主题图标制作详解
上次跟大家介绍了在魔秀www.moxiu.com在线制作iPhone手机主题的方法，得到了不少朋友的热烈支持，大家对打造自己的手机主题产生了极大热情。有不少朋友看了我用的图标，觉得很漂亮，也想自己尝试制作主题图标，不过不知道如何操作，现在我就简单得跟大家说一下iPhone的透明图标如何制作。说一些，我使用的软件是Fireworks8.0，对于用PS的朋友处理方法是一样的。PS：顺便说一下，魔秀的iPhone主题制作已经能够支持Finder、Itunes、Rss、Installer、SummerBoard等常用软件的图标更换了。 首先找一个喜欢的图片用软件打开。选择魔术棒这个工具，图中红圈处 选择背景框用魔术棒点一下，如图 接着按一下键盘的“delete”键，将背景删除。如下图。 这时候基本的图标已经有雏形了。然后就需要对图片进行细致处理。点击导航的修改—画布—画布颜色，选择自定义，然后挑选一个与图片反差大的颜色。这里我选的蓝色。 按住键盘“Ctrl”键同时向外滚动鼠标将图片放大。
Fireworks 8打造美丽的雨后蝴蝶
Step 1：启动Fireworks 8，打开需要一幅蝴蝶的图像，然后选择“编辑”＞“克隆”，将图像克隆两次，如图1所示。 提示：可以使用克隆的快捷键Ctrl+Shift+D。 Step 2 – 现在我们需要做一个水珠遮罩，在层面板中选择最上面的一层，然后选择“滤镜”＞“调整颜色”＞“色相和饱和度”，调整饱和度参数为-100。 Step 3 -选择“滤镜”＞“杂点”＞“新增杂点”，在弹出的杂点窗口中设置参数如图2所示。提示： Step 4 -选择“滤镜”＞“模糊”＞“运动模糊”，参数设置如下：角度 = 127; 距离 = 5。 提示：可以通过设置运动模糊来改变水滴出来的位置。 Step 5 -选择“滤镜”＞“模糊”＞“高斯模糊”，参数设置为：模糊范围 = 3.3，效果如图3所示。