推荐阅读
ps减去顶层形状不管用什么意思在哪设置？
在用ps做路径或者形状合成的时候，经常会做所谓的布尔运算，也就是形状或者路径的加减乘除，其中比较难理解的是减去顶层形状，如果只是减去形状，可能要更容易理解，那么减去顶层到底是什么意思，哪个是顶层形状，顶层是怎么设置的，能更改么，带着这些问题且看本文讲解。 1、路径工具选中之后，在上端选项的【路径操作】菜单中，可以找到【减去顶层形状】， 2、举例说明一下，左侧工具栏切换到【椭圆工具】，在背景图上绘制出一个圆形，图层面板上可以看到新增了一个形状图层，笔者设置为形状，是为了更加方便理解，当然这里也可以绘制路径。 3、一个圆形形状画出来之后，如果要再画一个元，可以直接在背景图上话，默认情况下鼠标变为【加号】样式，此时会自动新增一个形状图层，也就是说这两个形状，产生了两个图层，如果要做布尔运算，是需要先合并形状，在进行设置，形状的合并可以使用快捷键“Ctrl+E”， 4、绘制第二个圆，也可以在一个图层上完成，前提是先按Shift键，此时鼠标变为了一个大一个小【双加号】样式，按住shift键，再按住鼠标左键，此时就可以松开shift键了，如果想要正圆形，可以继续按住shift键， 5、两个圆形绘制完成，默认的路径操作都是【合并形状】，也就是相加的效果，大圆加上小圆，得到的还是大圆，所以没有变化，想要得到圆环的效果，就要减掉小圆，此时用【路径选择工具】点击选中小圆，上端选项中，点击【路径操作】图标，下拉菜单里面，点击【减去顶层形状】， 6、最终的效果如下图所示，小圆被减去，剩下的是圆弧效果， 7、那么为什么小圆就是顶层图形？因为先画的大圆，后画的小圆，所以小圆处于顶层，其实形状的层级是可以手动设置的，选中形状之后，点击上端选项【路径排列方式】，下拉菜单里面，可以看到【将形状设置为顶层】，以及其他选项，所以【减去顶层形状】，就是减去处于顶层的那个形状。 路径的布尔运算，需要路径或者形状处于一个图层中，如果在操作中遇到问题，可以在下方留言讨论。
Photoshop 鼠绘紫魅妖姬
最近在一本杂志上看到一个非常妖媚的女子，她拥有超黑而又超密的睫毛、黑黑的眼线、大片的腮红、红红如水晶般的双唇、乌黑的头发。充满着神秘气息的女子，很是抢眼。笔者今天来告诉大家此紫魅妖女的PS鼠绘制作过程。 老规矩，我们先来看看我们要打造的这位紫魅妖姬的样子： 最终效果图 1.首先打开PS，建立一个新的文件，长宽自己来定就可以最重要的是分辨率定为72就可以。正常屏幕观看给72就可以如果要打印出来的话就要根据纸张的大小、材质来定了。多多学习一下打印方面各个参数也是很不错的，对以后的实践工作会带来很大的帮助。（图1-1） 图1-1 2.用钢笔工具把人物的大体轮廓勾画出来，这个图绘制的是正面的效果，正面比较好绘制，把路径保存起来。新建一个图层，填上皮肤的颜色，这里皮肤的颜色RGB值为：239、198、178。（图2-1） 图2-1
用Photoshop打造撕纸文字效果
最终效果图 1、新建一个文件，设置宽度为10厘米，高度为5厘米，分辨率为300像素，模式为RGB的白色文件。 2、打开通道面板，在控制面板下方单击“创建新通道”按钮，生成新的通道Alpha 1，执行菜单栏中的“滤镜”“渲染”“云彩”命令，效果如图01所示。 图01 3、进入图层控制面板，在控制面板下方单击“创建新的图层”按钮，生成新的图层“图层1”，选择工具箱中的“横排文字工具”，在文件窗口中输入文字，效果如图02所示，按确认键，文字变为选区，效果如图03所示。 图02 图03 4、单击工具箱下方的“以快速蒙版模式编辑”按钮，使图像进入快速蒙版状态，效果如图04所示。 图04 5、执行菜单栏中的“滤镜”“像素化”“晶格化”命令，在弹出的“晶格化”对话框中，将单元格大小选项设为7，如图05所示，单击好，效果如图06所示。 图05 图06 6、单击工具箱下方的“以标准模式编辑”按钮，使图像退出快速蒙版状态，效果如图07所示。 图07 7、打开一幅报纸图片，并调整它的色相/饱和度，效果如图08所示。执行菜单栏中的“编辑”“定义图案”命令，在打开的对话框中单击确定，将报纸定义为图案。 图08 8、执行菜单栏中的“编辑”“填充”命令，打开填充对话框，设置参数如图09所示，选择自定图案为报纸图案，单击确定，文字效果如图10所示。 图09 图10
抽线效果新思考
Photoshop中的混合模式是其理解难点，它的实质是一种特殊形式的看不见蚁行线的选择。通过混合模式，可以以确定的方式决定哪些色阶的像素被屏蔽或者改变，因此，了解混合模式的作用机理，对用户有的放矢地使用PS达到目的非常重要。下面通过一个实例，说明如何使用PS中的颜色减淡模式抽出图像中的线条，以及由此引发的思考。 打开图像。 将“背景副本”的图层混合模式由正常变为“颜色减淡”，文档似乎变得空无一物，但是细心的读者会发现图像上还有一些黑色的杂点。想一想这是原图中的什么色阶的像素？
最新发布
提高用户体验与新窗口打开网页的关系
论证完使用target=_blank并非绝对错误之后，分场景探讨如何减少新开窗口。自有意识注意这个问题，是看到Plod大叔在04年提倡不乱弹窗的奔走相告。抛开某些不合逻辑意图不论，为什么大量使用弹出页面？因为设计师担心用户迷失方向。为什么用户会迷失方向？因为导航系统不够好。为什么导航系统不够好？因为产品功能太多太乱。为什么功能太多太乱？因为需求没控制好。为什么需求没控制好？因为提需求的人自己也没想清楚。说白了，很多场合都不仅仅是设计师的问题，因此只能选择不断妥协用劣质方案堆砌豆腐渣结构体系。快节奏中有些事情没法避免很正常，但设计师应该尽责做到迭代式的全局统筹重构。以上参考淘宝的老包同学在08年总结符合国情的链接新窗口打开中的应用场景。下载各种文件、打印各种文档，需要前后对比的帮助，注册表单的隐私条款都有必要target=_blank。能够定论target=_blank必然提升用户体验的场景很少，并且个人认为随着客户端技术的发展，会被逐步取代。比如lightbox这个ajax应用，给设计师带来了“查看大图不用再新开窗口”的全新设计理念，这在以前是不可想象的。主域名更换比如友情链接、网志内嵌的关键词外部链接等，而跨应用平台的链接通常也得更换二级域名。如果全部不新开窗口，为了避免意外跳出，应该先提醒用户这是外部链接；如果部分新开窗口，那么应该有统一规则进行约束，并明确告知将opens new window。见过三类案例：msdn例子，icon告知用户这是站外链接。gblog例子，icon告知用户这是站外链接，同时可以点击target=_blank。
网页布局方案:弹性流体布局
在我的另一篇文章《弹性+固宽布局》中，我介绍了弹性加最小固定宽度的一种布局方案，现在介绍另一种布局方案---弹性流体布局。那种方案其实就是这种布局的变通应用。弹性布局最大的优点就是能充分利用屏幕空间。无论客户端分辩率多大，都能自动适应宽度的变化。图一看看上面这幅图片，这是国外的一个网站，它本身是固定宽度布局的，我们的布局就以这幅图为基础来讲解的。当然，我不会全面介绍如何制作这个完整页面，我只针对重点做一下讲解。其实做一个弹性布局，相对来说是比较简单的，但是这种布局虽简单，可是对于细节上的把握才是这种布局的精髓。弹性布局虽说有这么好的优点，可是却有比较致命的缺陷：一、解决最小宽度一般弹性布局都是利用百分比来设置一个容器的宽度。这样就能自动适应屏幕的宽度了。但是宽度值不能完全由用户自由缩放，我们必须在这个百分比宽度限制其最小宽度，当用户缩小窗口到一定值，就不让窗口再缩放了。熟悉CSS的朋友都知道，有这样四个属性：这四个属性刚好能解决这个问题，是不是比较欣喜，可是，别忙，虽说它们能解决这个问题，可是却有一个严重的问题，用户使用最多的浏览器IE6却不支持这几个属性，这是一件非常糟糕的事情。我们总不能丢弃用户最多的浏览器吧！
Fireworks 中毛笔字条幅的制作
Word-BREAK: break-all" width="90%" border=0> [焚天讲义][转帖]Fireworks 中毛笔字条幅的制作胡乱做的，很难看，没有表现不出书法的真正韵味来，大家不要见笑...... 需要稍微注意的几个步骤： 1）毛笔字效果的制作 2）印章的制作 3）宣纸条幅背景的制作 我就不按照通常的step-by-step的步骤来说了，因为我很懒。 用来做毛笔字的中文字体很多，这里“织梦幻影”及落款小字都选用了“方正黄草简体”，大家有兴趣可以选用其他的字体。 1、毛笔字的制作[要点：内阴影特效] 其实大部分可以用来做毛笔字的中文字体，直接写上去就不用做什么处理了，不过为了更逼真一些，我们稍做处理： 写上“织梦幻影”四个字，CLONE文字图层（ctrl+shift+D），选中下面的一层文字，fill选项中，边缘设为1PX的羽化，然后执行滤镜sharp，锐化一下； 选中上面的一层，执行内阴影特效，偏移值为3，阴影颜色为白色，其他值默认。OK 2、印章的制作[要点：印章边缘线条的选用及造残] 印章的字体我用的是“方正隶二”，其实以前做过印章，最好的效果是“方正繁淡古”或者是“**古印篆”的。 做为印章，本身的朱砂印泥的颗粒质感以及后期艺术加工的造残效果最为重要，有时间了再写单独的教程出来吧。这里的两个小印章都是随意弄的，很粗陋。 写上印章里的字，方型的印章就直接画个圆角矩形框，不规则图型的，就用钢笔或是铅笔工具直接手画。 stroke参数设置：选用charcoal笔触的textured（不好意思，我不知道这两个怎么翻译），粗细为2，适度羽化，颜色当然要选用朱红了。经过实践发现，这种stroke能很好的表现出印章边缘的效果。。。 当然精益求精的你也可以进一步修理一下，把边框转化为位图（ctrl+shift+alt+Z），然后用橡皮擦掉一点。。。。 3、最后是宣纸背景的制作了 很简单，直接把背景矩形填充为solid，颜色灰色（用调色板把#cccccc的颜色调亮一些），图案填充选line-horiz2，90% 大概调整一下各元素的位置，OK啦~~~ 哇哈哈，怎么看怎么难看，也怪不得我，只花了5分钟做图，15分钟都写了教程了
教你用FW做酷LOGO
这是我第一次写教程,写得有点吃力,有很多方面写得不好,请原谅! 第一步:新建一个88*31象素的图片，然后先设计好自己喜欢的背景！如图1(图1)第二步:做好背景后，然后双击层1，选定“共享交叠帧”，目的为了使层一显示在所有帧中！如图2(图2)第三步:3、然后建个层2，如图3红圈建层方法。(图3)第四步:然后选定层二输入网站名如“繁星个人设计”字体为“宋体”12号字，接着选定字后，点属性的――效果――阴影和光晕――发光，然后设定参数如图4(图4)效果图(图5)第五步:5、用“矩形”（图6）工具拉出一个大小刚能覆盖“繁星个人设计”的矩形，然后边与填充定为：#000033（设为#000033这只是为了依赖于我的背景色，学习者可以自由发挥）(图6)效果图(图7)第六步:在菜单“窗口”中打开帧，或按shift+F2.如图8(图8)然后设定每帧时间为7%秒（设定此置为每帧停留的时间）接下来就是新建帧！（图9），然后选建6个帧，把第一帧的“繁星个人设计”和“矩形”复制到六帧中，从第二帧开始把“矩形”设透明度为80%，第三帧60%，一直到第六帧0%（设透明度方法如图10，选定“矩形”然后设定。(图9)(图10)第七步:好了，做完“繁星个人设计”效果以后，再做LOGO下方的效果。再建4个帧，把原来的所有效果复制到各帧中，然后在第七帧开始用“矩形”工具做出LOGO下方的矩形效果以下效果如图11（做法不多说）效果图(图11)然后第八帧删除LOGO下方的矩形，第九帧又复制回来，再然后第十帧在“矩形”上面打上网址如：”liangbj.126.com”，字体04b_08，字体大小自己定好（如果没04b_08字体，在我打包的源文件中有，安装就可以用了）做出“繁星个人设计”这样的效果，（做法不多说，前面已说过）第八步:接下来就是做划过LOGO的半透明条！用“矩形”做一条适当长宽的矩形条（白色，透明度自定，我的定为30%），把矩形条稍微转到一点，然后建六个帧。每帧移动矩形条，如图12(图12)好了教程就到些为止,如果还是不知明的,就多多熟悉FW再学做吧这是原文件下载 点击浏览该文件
像素图教程
编者：我们这里说的“像素画”并不是和矢量图对应的点阵式图像，像素画也属于点阵式图像，但它是一种图标风格的图像，更强调清晰的轮廓、明快的色彩，几乎不用混叠方法来绘制光滑的线条，所以常常采用.gif格式，同时它的造型比较卡通，得到很多朋友的喜爱。如果用插值的方式随意改变图片的大小，风格就难以保证了。绘制这种像素画除了须具备相当的耐心之外，造型、绘制方法也很重要。本系列教程将由浅入深介绍绘制像素画的各种绘制方法和技巧，希望大家喜欢。 今天我们就来看看绘制像素画所需的一些基本知识。 像素画系列教程1：工具的选择 编者：我们这里说的“像素画”并不是和矢量图对应的点阵式图像，像素画也属于点阵式图像，但它是一种图标风格的图像，更强调清晰的轮廓、明快的色彩，几乎不用混叠方法来绘制光滑的线条，所以常常采用gif格式，同时它的造型比较卡通，得到很多朋友的喜爱。绘制这种像素画除了须具备相当的耐心之外，造型、绘制方法也很重要。本系列教程将由浅入深介绍绘制像素画的各种绘制方法和技巧，希望大家喜欢。 （注：文本插图中标注PIXEL FOREST字样的由本文作者郎绘制，其余插图由ICONCN的Jill绘制，在此表示感谢。） 当许多不同颜色的点一个个巧妙的组合与排列在一块后便构成了一副完整的图象，这些点便称为像素(pixel)，图象称之为Icon(图标)或者称为像素画。其它的点阵式图象虽然也由像素组合而成，但是它们在制图过程中并不是十分强调像素，甚至根本无需去考虑到像素的变化，与之相比像素画对于像素更是逐个描绘，处处见真章。 作为像素画来说应用范围相当广泛，直至今天我才恍然大悟，原来从小时候玩的FC家用红白机的画面直到今天的GBA手掌机；从黑白的手机图片直到今天全彩的掌上电脑；即使我们日以面对的电脑中也无处不充斥着各类软件的像素图标。如今像素画更是成为了一门艺术，深深的震撼着你我。下面我们就来谈谈第一步，工具的选择和使用。 像素画欣赏（建筑
Fireworks制作光泽按钮一例
我偶在一个教学网站看到一则关于用PS制作一个光泽按钮的教程，效果不错，但愿作者称这种效果乃APS特有，并推崇大家使用PS软件，这令用Fireworks的我十分不爽（哈哈。。。），随意用Fireworks做出同样的效果以正视听。 本文作者所用的版本为Fireworks MX。 原效果图如下： 制作这个效果的方法比较简单： 第一步，建立新文件，利用“圆角矩形工具”画出一个四个角有一定弧度的矩形，大小即为你想做的按钮的大小，其填充采用单色填充，选择你想要得按钮颜色。 第二步，将该矩形复制一个，新复制的矩形将成为我们所看到的光泽部分，首先，将其填充改为线性填充，颜色取白色到白色渐变，不错，您没有看错，是白色到白色渐变，因为我们需要的效果并不在颜色上体现，而是在透明度上体现，那么下一步我们在线性填充属性框中颜色设置中色块而上面的黑色的小三角即为设置透明度的，其中的一个取默认值100%，而另一个取0%，我们看到的矩形就成为一个透明渐变的色块儿。 第三步，将颜色填充的方向从默认的左右渐变改为上下渐变，方法是当鼠标为选取工具是，色块儿上有一个横向的辅助线，用于表示其渐变的方向，把它改成一条竖线就可以了。注意竖线一定要直，否则你的效果一定要大打折扣。 第四步，修改白色渐变矩形的大小，原则是与原来的单色矩形相比，宽度比原来略小，左右只露出一条线即可；高度取原来的一半儿，将其放在单色矩形上面顶端也留出一条线的距离，这样看到的效果最佳。 以上就是这个简单的光泽按钮的做法，如果还想加个阴影，在单色矩形上加或者另复制图层做高斯模糊后置于底层做阴影都可。不过笔者认为取后一种方法比较好，并非不信任Firewroks模糊功能，只是这样一来对效果的表达更有发挥的余地。个中奥妙大家慢慢体会吧。
雾化效果
发现最近好像很流行这种雾化效果？ 差不多这种效果给人的感觉是阳光照在物体产生的发光效果。或者有一层模糊的雾的效果。好像以前的超级漂亮（皮肤N光滑）的MM就是这么出来的，以前在Photoshop找了N久，不会。用软件也不会，原来是这样。做法：在Fireworks 里将它模糊，值大致为5-8左右，然后复制一个，不用模糊，但将它的透明度调到50-80左右。直接下载PNG文件，上面保留了FireWorks的原始图层及效果做法。雾化后：
炫出我的个性QQ聊天表情的绘制（上）
前段时间，为大家讲解了如何在Fireworks中绘制QQ皮肤的教程实例，相信大家已有所收获。这次我们再利用Fireworks中自带的GIF动画制作功能，为大家讲解动态QQ表情的制作。从而也将个性化的QQ进行到底！在我们日常生活当中，人的表情都被包含在“喜怒哀乐”当中。但在网上的QQ聊天当中，可用的表情动作却是丰富多彩，特别是动态表情的出现，更能将某种情绪的表现生动而有趣地展现出来，这种表现力有时比文字的表达还要入木三分。由于QQ本身自带的聊天表情有限，因此，不少朋友都乐于从其它软件或论坛中搜集各种聊天表情，然后再添加到QQ的表情库中以备使用。但这样一来难免会使风格不同、尺寸不一的各类表情混合使用，造成了一种遗憾。为此在本例教程中将带大家尝试着绘制一款外形统一且具有个性化的QQ表情。 在动手绘制之前，我们很有必要先将所要绘制的表情进行挑选，只将聊天中较为常用或自己比较喜欢地表情列为设计目标，当然，绘制出更多具有自己原创风格的表情动作才是真正个性化的体现。另外，我们这次所要绘制的是GIF格式是动态表情。因此尽可能地保持好动作第一帧与最后一帧的连惯性也是非常重要的。 在本例教程中选用的是我自己绘制的一套名为“大眼绿豆”的聊天表情，由于表情较多，加之教程篇幅所限，也就不可能将全部表情的绘制过程逐一讲述。但万变不离其宗，绘制方法却是有限的。因此，我将以下三款集中了较多的FireworksGIF动画制作功能的表情，作一个详细讲解。放大镜汗晕 本教程源文件下载(ZIP压缩文件，127K)一“放大镜” 启动Fireworks后，先新建一个分辩率为72，455*255大小的画布。画布较大是为了绘图的方便，表情的尺寸大小我选择的是65*65像素。也就是说，不管这一表情的动作如何，它都不能大于这个范围，而且整套的其它表情也是如此。所以，我们首先是要在画布上画一个67*67的正方形，表情的绘制也就在这个方寸之内展开。 我们先来画绿豆的脸，用“椭圆形”工具画一个59*59大小的正圆，然后用“部分选择”工具将该圆下端的节点选中后，用方向键向上移动7个像素。接着我们用“椭圆形”渐变对其进行填充，渐变值由#9FEC00至#81B31A，描边色为#669506的2像素柔化描边。如图01。