推荐阅读
ps颜色替换为指定颜色改图片局部颜色
更改局部颜色的方法有很多，笔者也写了不少相关的文章，比如常用的方法，使用色相饱和度，无需做选区，直接调整颜色，虽然操作简单，但有一定的局限性，无法替换为指定的颜色，效果也差一些，那么既要替换颜色，还要保留原有的褶皱等明暗关系，哪种方法相对好一些，操作也容易上手一些，下面通过截图简单介绍一下操作流程。 1、下面通过案例说明一下渐变映射改变颜色的方法，下图中更换女孩上衣的颜色，使用【快速选择工具】把衣服选出来， 2、点击图层面板下端的【创建新的填充或调整图层】按钮，弹出的菜单里面，继续点击【渐变映射】， 3、渐变映射图层添加上之后，可以看到选区变为了蒙版，渐变颜色默认为【前景色】，弹出的属性面板上，双击渐变条， 4、弹出的渐变编辑器界面上，渐变条的下端，当鼠标移动到上面之后，鼠标指针变为手指样式，点击可添加色标， 5、色标添加之后，点击选中后，在【颜色】一项中，双击颜色块，弹出【拾色器】，拾色器界面上，是可以填上RGB值的，把需要替换的颜色值填上，确定即可， 6、新增的色标，向右滑动会颜色加深，反之向左滑动，颜色减淡， 7、除了色标可以调整，还有菱形图标的颜色中点，左右滑动看一下，也可以颜色加深减淡的微调，如果色标颜色设定为黑色，调整菱形按钮，可以出现哑光效果， 8、最后展示一下效果，还可以借助图层混合模式， 比如正片叠底或柔光模式，获取意想不到的效果， 渐变映射，是根据不同的亮度，映射不同的颜色，不会改变原有的明暗关系，如对上述操作有疑问，可以在下方留言。
photoshop 利用高反差给偏黑少女磨皮美白
原图效果图1、打开素材原图，复制一层。图层样式设置为“滤色”不透明度为50% 如下图2、创建色阶图层，对其进行调整。参数设置如下图5、执行滤镜>其它>高反差保留。参数设置如下图6、执行图像>计算，连续执行三次。加强效果 如下图
根据用户浏览器及分辨率调用不同的CSS样式文件
DIV CSS教程：根据用户浏览器及分辨率调用不同的CSS样式文件 （未测试 来自网络 请自行验证） var IE1024=""; var IE800=""; var IE1152=""; var IEother=""; 引号里面分别填写，用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。 var Firefox1024=""; var Firefox800=""; var Firefox1152=""; var Firefoxother=""; 引号里面分别填写，用户使用FF的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。 var Other1024=""; var Other800=""; var Other1152=""; var Otherother=""; 引号里面分别填写，用户使用其他浏览器的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。 不判断分辨率，只判断浏览器 应E.Qiang提议，编如下代码。实现根据浏览器类型自动调用不同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所示。