推荐阅读
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 网格与辅助线
五、网格与辅助线 网格与辅助线经常用于在绘画过程中，对图像的摆放位置、角度、大小等进行辅助参考，从而为图像制作带来方便。点击“视图”菜单，从中即可启动“网格”与“辅助线”功能，如图1—12。 图1—12 网格： 在网格的下级菜单中，当选择“对齐网格”时，可使绘图对象边缘与网格进行对齐。而“编辑网格”则可重新设置网格线的颜色及排列密度等等。如图1—13。 图1—13 辅助线： 在启动标尺后，从上边或左边的标尺刻度中按下鼠标不放，并向画布方向进行拖拽，即可拉出一条辅助线出来，如图1—14。 图1—14。 当把辅助线再拖回标尺位置上时，即可取消该辅助线。而在辅助线的菜单选中，可以设置辅助线的相关属性。 图1—15 锁定辅助线——当辅助线从标尺中被拖拽到工作区后，就无法再进行移动；
Fireworks MX 2004 选区工具
和许多主流的图像处理软件一样，Fireworks的绘图工具主要都集中在“工具条”上。利用这些工具可以绘制出各种图形，并可为其设置相应的属性，如颜色、大小、位置等等。 Fireworks MX 2004的“工具条”中增加了不少新工具，并与原有的工具在一起被编排为六个类别：选择区、位图、矢量、Web、颜色和视图区。有些工具按钮的右下角有一个小三角，说明这个工具包含有其它几种不同的工具，按住这个工具按钮不放就能显示其它的工具。 我们先来介绍位图区的绘图工具。 1 、选区工具 图2—01为工具条中位图区的主要工具，其中的“矩形”、“椭圆形”、“套索”、“多边形套索”和“魔术棒”工具都用于约束位图的编辑范围，所有的位图编辑例如剪切、复制、填充等只能在该范围内有效。 图2—01 选区工具：用选区工具选取的区域以转动的黑白线（蚂蚁线）表示。当按住Shift键的同时，再画出一个选取框，即可组合成一个新的选取区域。如图2—02。 图2—02 而在按住Alt键的时候，再次画出来的矩形选区则会把原来选区的相交部分裁切掉。 图2—03
Fireworks MX 2004 自由笔刷工具
2 、自由笔刷工具 “刷子” 工具和“铅笔” 工具都可以直接在画布上画出任意线条，如图2—07。 图2—07 在“刷子”工具的属性对话框中可以对刷子的色彩、大小、笔触类形、边缘柔化值、纹理、纹理透明度、刷子透明度、色彩模式等进行设置，如图2—08。 图2—08 在该属性框的笔触类形下拉列表里有各式各样的笔触类形可以选择，点击“笔触选项”可以编辑新的笔触。 图2—09 在纹理类型的下拉列表中有数十种填充纹理图案可供选择，同时你还可以从该列表中选择“其它”，从外部导入位图图像作为新的纹理填充。 在铅笔的属性框中同样可以对线段的色彩、是否选用柔化、透明度数值、自动擦除等进行设置。
Fireworks MX 2004 图像修改工具
3、图像修改工具 “橡皮擦” 工具：用于擦除位图的颜色。和使用画笔一样，在选中橡皮工具后，按住鼠标左键在图像上拖动即可，如图2—10。 图2—10 “模糊” 工具：该工具的工作原理就是降低像素之间的反差，使图像产生模糊效果，如图2—11。 图2—11 “锐化” 工具：与“模糊”工具正好相反，“锐化”工具是用于加深像素之间的反差，使图像更加锐化，效果如图2—12。 图2—12 “模糊”与“锐化”工具的属性面板完全相同，其中的强度表示模糊或锐化时的笔触强度。 图2—13 “减淡” 和“烙印” 工具：这两个工具都是用来改变图像的亮调与暗调。原理来源于胶片曝光显影后，经过部分暗化和亮化，来改善曝光效果。效果图分别如下。
Fireworks MX 2004 色彩填充工具
4、色彩填充工具 “滴管” 工具：用于从图像中选取颜色来指定一种新的笔触颜色或填充色。可以选取单个像素的颜色、3x3像素区域内的平均颜色值或5x5像素区域内的平均颜色值。 “油漆桶” 工具：在绘制时应用于位图和矢量对象的“矩形”、“圆角矩形”、“椭圆”和“多边形”等绘制工具的填充属性。当前的填充会出现在属性对话框、“工具条”面板和组合面板中的“混色器”面板中。可以使用这些面板中的任何一个来更改“油漆桶”工具的填充色。如图2—18所示。 图2—18 在“油漆桶”的属性对话框中可以看到，该工具的填充类别有实心填充、网页抖动、渐变填充和图案填充四种。 其中各种填充方式又有诸多色彩及样式可供选择。 图2—19 下面两张图是用渐变填充模式中的“线性填充”和图案填充模式中的“木纹3”进行填充。其中我在“线性填充”时是从图像的左上角按住鼠标不放，然后向图像的右下角进行拖拽，而在用“木纹3”填充时是从图像的中心点上按住鼠标不放，然后向图像的右上角进行拖拽。 图2—20 图2—21 而这种用鼠标拖拽的填充方式也正是“渐变工具”的填充特点。而且“渐变”工具的属性对话框与“油漆桶”的属性框中的功能也非常一样的，所不同的是“渐变工具”的填充模式只有渐变填充。
Fireworks MX 2004 橡皮图章工具系列
5、橡皮图章工具系列 “橡皮图章” 工具：用来克隆图像的部分区域，以便将其压印到图像中的其它区域。在使用时先要把鼠标移到想要复制的图像上，然后点击鼠标左键以确定复制的起点，然后拖动鼠标在图像的任意位置开始复制。如图2—22和2—23是复制前后的图像。完全没有走样，而且你想复制多少都可以，对于我们这种懒人来说，简直方便极了。 图2—22 图2—23 “替换颜色” 工具：选取一种颜色，可以在这种颜色的范围内，用类似笔刷的东西涂抹成另一种颜色。使用该工具时要先在属性面板中单击“更改”右边的色彩预览框以选取颜色，或在图像中单击以选取你要替换的颜色。然后在“终止”的色彩预览框内选择一种颜色，或在图像中选取将用来替换的颜色。 图2—24 如图2—25和2—26是替换颜色前后的图像。 图2—25 图2—26 在“替换颜色”的属性框中还可以对“替换颜色”笔触的大小、形状、容差和强度进行设置。而“彩色化”是指用“终止”颜色去替换“更改”颜色。取消选择“彩色化”以便用“终止”颜色对“更改”颜色进行涂染，并保持一部分“更改”颜色不变。 “红眼消除” 工具：在一些照片中，主体的瞳孔是不自然的红色阴影。因此使用“红眼消除”工具就能轻松的解决这个问题。“红眼消除”工具仅对照片的红色区域进行绘画处理，并用灰色和黑色替换红色。如图2—27和2—28是红眼消除前后的图像。 图2—27 图2—28
Fireworks MX 2004 路径工具
6、路径工具 “直线” 工具：使用“直线”工具可以在画布上直接画出直线，当按住Shift键时可以画出水平、垂直、45度角的直线。 图2—30 “指针” 工具：使用该工具可以方便地移动直线。用“部分选定” 工具点击直线时，直线的两端会出现控制点，按住鼠标左键拖动直线的一个控制点可以方便地任意改变直线的角度，并可以随意拉长或缩短直线，如图2—31。 图2—31 “钢笔” 工具：选中“钢笔”工具后单击画布上的不同位置，可以画出由线段组成的直线路径。如果鼠标单击后不松开，而是拖动鼠标，这样画出来的路径就是曲线路径，通过调整曲线的两条控制线可以设定曲线的弯曲度。 图2—32 在调整曲线的控制线时，按住Alt键可以单独控制一条控制线，从而确立下一个曲线线段的走向和弯曲度。 图2—33 要结束线段的绘制时只需在线段的结束点上进行双击即可。而在画封闭的路径时，则要用鼠标单击起始点或按住起始点拖动就可以了。当钢笔工具的指针位于非路径区域时，指针旁边会有一个小的叉号，如果指针处在路径上时，指针旁会有个十字的标志，此时单击鼠标会增加一个节点。
Fireworks MX 2004 路径修改工具
7、路径修改工具 “重绘笔刷” 工具：用“细部”工具可以对简单的封闭路径进行编辑。但对于图2—37中这种较复杂、节点较多的封闭路径，就要使用“重绘笔刷” 来处理。 图2—35 使用“重绘笔刷”沿着弯度重新画一条弧线，重绘的路径部分会以红色高亮显示，这样，原来路径就被新的路径取代了。如图2—36。 图2—36 “自由变形” 工具：可以直接对矢量路径进行弯曲和变形操作，而不是对各个节点执行操作。Fireworks在更改矢量路径的形状时会自动添加、移动或删除路径上的节点。 图2—37 “更改区域形状” 工具：使用时，该工具的指针是两个同心圆，只有处于这两个同心圆范围内的路径才会被修改。 图2—38 “路径切割” 工具：该工具用于切割类如钢笔路径这样的矢量路径。使用时从要切割处按住鼠标左键移动划过。在切割处会增加一个控制点。使用“细部”工具移动一端就可以把线段分开了，如图2—39。
Fireworks MX 2004 形状工具
8、形状工具 形状工具又被分为“基本形状”和“自动形状”，如图2—40。 图2—40 基本形状：有矩形、椭圆形和多边形这些简单的几何图形。使用时只需在画布上用鼠标进行拖拽即可画出相应的图形。如图图2—41。 图2—41 当按住Shift键不放的时候可以画出正方形和圆形，在各形状工具的属性框中都可以方便的为这些图形选择不同的填充模式加以填充。通过颜色的调节手柄可以自由的控制色的填充方向及范围。 在矩形工具属性框的“矩形圆度”中输入不同的数值，可以画出程度不一的圆角矩形。 在使用“多边形”工具时，可以在该属性框内先设置好多边形的形状、边数及角度，然后再进行图形绘制。 自动形状：这是一组智能的矢量绘图工具，这些对象组遵循特殊的规则以简化常用可视化元素的创建和编辑。和基本形状工具组不同，选定的“自动形状”除了有色彩填充手柄外，还具有菱形的控制点。每个控制点都与形状的某个特定变形属性相关联。通过拖动控制点可以改变与其关联的变形属性。大多数“自动形状”控制点都带有工具提示，描述它们会如何影响"自动形状"。将指针移到一个控制点上可看到描述该控制点控制的属性的工具提示，如图2—44。 图2—42
Fireworks MX 2004 改变路径
和许多矢量编辑软件一样，在Fireworks中绘制的矢量对象比位图对象的可修改性强很多。因此在进行无素材制图时，更多时候是制作成矢量图形，以方便随时保存，随时编辑。而对象的编辑则包括对对象的选取、移动、填充、旋转和变形等等。 1 、改变路径 简化路径：为了使一条不规则的矢量路径变得更加的精简、圆滑，我们可以用简化路径的方法来减少它的路径节点。如图所示为一条不规则的路径。 图3—01 选中该路径后点击菜单栏上的“修改—改变路径—简化”命令，如图3—02。 图3—02 在“数量”栏中输入相应数值来设置要简化的程度。下图为输入25后的路径简化效果。 图3—03 扩张路径：点击菜单栏上的“修改—改变路径—扩展笔触”命令可以对任意路径进行加宽。如图3—04。 图3—04