推荐阅读

Illustrator制作漂亮的污迹文字效果图
本教程主要使用Illustrator制作颓废喷溅装饰的艺术字,教程制作出来的效果挺漂亮的,制作的难度也不大,推荐一下和飞特的朋友们一起分享学习了。最后效果:具体的制作步骤如下:1.我的画板大小;然后画一个矩形,填色,无描边;

Illustrator快速制作拼贴图案效果教程
最终效果1、我们需要画个方形或长方形作为绘制的基本型,然后再此范围内进行制作。好了,首先绘制一个基本图案出来。2、基本元素完成之后将该元素移动到方形的另一边。需要被去掉和重叠的部分都在方形的外面。要精确移动可以参考以下2种方式:1.打开智能参考线,直接移动复制到左边。2.打开变换调板,测得方形宽度,假设为20,选中所有对象,按下回车键,设定水平为-20,点击复制,然后删掉多余的方形即可。

PS调色处理打造唯美的淡紫色外景婚片-PS婚纱照处理教程
本教程重点是外景婚片背景部分的换色方法。调色之前我们需要多观察一下图片背景部分色调构成。然后用可选颜色工具选择需要调整的色调精确调色,把背景颜色调成自己喜欢的色调。后期再整体润色即可。原图 <点小图查看大图>最终效果 <点小图查看大图>1、打开原图素材,首先我们要做的就是把背景颜色换掉。先分析一下背景部分主要由黄,绿,青色构成。下面我们分别来调整这几个颜色。 创建可选颜色调整图层分别对黄,绿,青调整,参数设置如图1 - 3,效果如图4。调色的时候可能人物衣服,脸部等部分有偏色,先不要理会后面会单独处理。 <图1> <图2> <图3> <图4>

关于标题字符截取
今天做页面时遇到一个标题字符截取问题,就是在新闻等信息的标题列表中,为了适应表格的宽度,需要对过长的标题文字进行截取并在截取后的文字末端加上省略号,由于自己对PHP不熟悉,只能在在网上搜索答案,结果发现了几种方法,摘记于此。方法一:用CSS解决中英文混合字符串的截取省略问题众所周知,有很多方法可以实现这个功能,JavaScript,ASP,PHP都有各自的实现方法,但是面临的问题有很多,比如中英文混杂时或在某些编码下,容易造成截取出现乱码的问题,虽然大多数问题已经有比较成熟的解决方案,但在数据量比较大时,使用JavaScript,ASP,PHP实现这一功能,无疑会给客户端或服务器端造成比较大的资源开销。随着W3C的渐渐普及,许多网站都在进行着将传统表格转化为DIV+CSS的布局方式,我在研究CSS与DIV的一些特性时,发现了一个比较有趣的CSS,经过一系列的研究和实验以后,发现了一个使用DIV+CSS实现这一功能的另类方法,此方法在我所能测试均无问题,并且良好的兼容于各种编码及中英文混排的情况。 在Div中的方法:<DIV STYLE="width: 200px; border: 1px dashed red; overflow: hidden; text-overflow:ellipsis"> <NOBR>就是比如有一行文字,很长,表格内一行显示不下.</NOBR> <NOBR>就a是比如有一行文字,很长,表格内一行显示不下.</NOBR> <NOBR>就1是比如有一行文字,很长,表格内一行显示不下.</NOBR> <NOBR>就F是比如有一行文字,很长,表格内一行显示不下.</NOBR> <NOBR>就是 Like You Pig Very Very Very Much.</NOBR> </DIV> 在Table中的方法:<TABLE style="table-layout:fixed;border-collapse:collapse;font-size:12px;" border="1" width="200" bordercolor=#666666> <TR> <TD nowrap style="overflow:hidden;text-overflow:ellipsis;">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</TD> </TR> </TABLE> 代码很简单,基本上应该很容易就可以看明白,主要在于“text-overflow”这个属性,此属性有2个值,分别是“ellipsis”和“clip”,简单的理解,第一个值会在截取之后在文字末端加上省略号,第二个值则不会。 此方法在IE6和IE7中显示是正确的,但在FIREFOX里达不到预期效果。方法二:PHP函数截取<? Function csubstr($str,$start,$len) { $strlen=strlen($str); $clen=0; for($i=0;$i<$strlen;$i++,$clen++) { if ($clen>=$start+$len) break; if(ord(substr($str,$i,1))>0xa0) { if ($clen>=$start) $tmpstr.=substr($str,$i,2); $i++; } else { if ($clen>=$start) $tmpstr.=substr($str,$i,1); } } return $tmpstr; } Function showShort($str,$len) { $tempstr = csubstr($str,0,$len); if ($str<>$tempstr) $tempstr .= "..."; return $tempstr; }?> 此方法我还没验证,等空来试用一下。
最新发布

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