推荐阅读
CorelDRAW绘制绿色的森林一角场景
该实例制作了一幅森林场景画面，画面以绿色调为主，通过不同绿色之间的搭配关系营造出丰富的色彩关系。在处理手法上要注意表现画面的纵深感，并且要层次分明、主次有序。图3-2为本实例的完成效果。图3-2 本实例完成效果3.1.1 技术提示本实例的画面具有一定的纵深感，制作时通过为图形添加阴影效果，拉开了画面的层次，给人一种纵深的空间感。如图3-3所示，为本实例的制作流程。图3-3 本实例制作流程3.1.2 制作步骤：绘制远景植物(1)启动CorelDRAW，新建一个工作文档，在属性栏中将“微调偏移值”设为0.1mm，其他参数保持系统默认。然后使用“矩形”工具，在视图中绘制矩形。如图3-4所示。
Photoshop调出唯美冷色效果的外景人像
最终效果原图1、打开素材图片渐变映射调整图层，参数如下 选用较暖的明暗色作为叠加层，确定后把混合模式改为“叠加”，不透明度改为：30%，如下图。2、创建色彩平衡调整图层，参数及效果如下图。
(10-2):使用字符调板
1012以上是在文字工具的公共栏中出现的选项。在点击了字符调板按钮后即会出现字符调板【窗口_字符】，如下图。在其中可以对文字设定更多的选项。在实际使用中也很少直接在公共栏中更改选项，大多数都是通过字符调板完成对文字的调整的。其中的字体、字体形式、字号、颜色、抗锯齿选项就不重复介绍了。注意其中的为亚洲文本选项，需要在Photoshop首选项〖CTRL_K〗的常规选项中开启“显示亚洲文本选项”才会出现。1013拼写检查选项是针对不同的语言设置连字和拼写规则，如下右图显示了英国英语和美国英语对同样文字的不同连字方式。注意，末尾连字只有在框式文本输入时才有效。因为框式文本是自动换行的。通过手动换行的文字是不会有连字效果的。有关框式文本的输入方法在本节后面部分介绍。连字和拼写规则对于中文是没有意义的。因为汉字为单体结构，即一个汉字字符已携带完整含义，而字母系语言需要多个字符组合才能携带完整含义。也正是因为汉字携带的信息巨大，因此现在电脑的计算能力还不足以完美处理中文化的信息结构。-1014行间距控制文字行之间的距离，若设为自动，间距将会跟随字号的改变而改变，若为固定的数值时则不会。因此如果手动指定了行间距，在更改字号后一般也要再次指定行间距。如果间距设置过小就可能造成行与行的重叠。如下左图是自动行距与手动指定为12像素行距的比较。如果有重叠发生，下一行文字将会遮盖上一行。1015竖向缩放相当于将字体变高或变矮，横向缩放相当于变胖和变瘦，数值小于100%为缩小，大于100%为放大。如下右图中3个字分别为标准、竖向50%、横向50%的效果。-1016在字符调板中有比例间距和字符间距，它们的作用都是更改字符与字符之间的距离，但在原理和效果上却不相同。我们可以动手来理解它们的区别，新建一个足够大的图像，打上simple这几个字母，字体为黑体，大小为72像素。如下图左端所示，我们看到整个文字的宽度是由字符本身的字宽与字符之间的距离构成的。这两者都是在制作字体的时候就定义好的。有的字符本身较窄，但其左右的字距也较大，这样做是为了保证每个字符占用的宽度一致。否则，较窄的字符就只能占用较小的宽度。但这种设计却也造成了字符之间疏密不同。如下图中的mp之间与pl之间的疏密就不同。这种情况一般出现在使用中文字库输入字母的时候，Windows系统自带的黑体、宋体、楷体字体都存在这种现象。因此输入英文时应避免使用这些字体。字宽与字距间的比例将随着字号的大小相应改变，也就是说，对于同一个字体来说，字号越大，字符之间的距离也越大。反而反之。那么，字符间距选项的作用相当于对所有字距增加或减少一个相同的数量。可手动输入数值。如下图中将字符间距减去100，所有的字符间距都减去100，字符就互相靠拢了。但是这样做并没有改变疏密不同的情况，尽管mp已经是互相紧靠着密不透风，但pl还是有很大的距离。当然，如果继续减少字符间距也可以最终令pl之间也“密不透风”(设为-300左右)，但mp之间却会产生重叠的效果了。我们可以用一个简单的算式来理解：假设mp原来的距离为100，pl之间的距离为300，当字符宽度设置为-100的时候，mp之间的距离为0，pl之间的距离还有200。要令pl之间的距离为0，字符宽度必须设置为-300，但同时mp的距离必须为-200，所以mp产生了重叠的现象。比例间距选项的作用是同比例地减少(注意，只能是减少而不能增大)字符的间距。按照上一个算式中的前提来假设计算的话就是：当比例间距设为50%，相当于所有字符间距减半(mp间距为50，pl间距为150)，当设为33%的时候，所有字符间距减为原先的三分之一(mp间距约为30，pl间距为100)，当设为100%的时候，所有字符的间距就都被降为0了。因此我们看到的效果是所有字符都彼此依靠(抗锯齿选项及字体形式的不同可能带来微小差异)。1017间距微调选项是用来调整两个字符之间的距离，使用方法与字符间距选项相同。但其只能针对某两个字符之间的距离有效。因此只有当文本输入光标置于字符之间时，这个选项才能使用。1018竖向偏移(也称基线偏移)的作用是将字符上下调整，常用来制作上标和下标。正数为上升，负数为下降。一般来说作为上下标的字符应使用较小的字号。如下图。1019强迫形式的名称是我们为了与文字形式相区别而起的，它的作用也和文字形式一样是将字体作加粗、加斜等效果，但选项更多。即使字体本身不支持改变形式，在这里也可以强迫指定。它与字体形式可以同时使用，效果加倍(更斜、更粗)。其中的全部大写字母选项的作用是将文本中的所有小写字母都转换为大写字母。而小型大写字母选项的作用也是将所有小写字母转为大写，但转换后的大写字母将参照原有小写字母的大小。如下图所示。上标与下标选项的作用与竖向偏移类似，就是增加了可同时缩小字号的功能。下划线选项与删除线选项的作用是在字体下方及中部产生一条横线。
用PS完美抠出复杂的羽毛头饰的简单教程
打开如下图片，复制图层，将 背景 层锁定。我们将在复制层进行抠图，隐藏背景层。选择 >> 色彩范围，打开色彩范围窗口，选择最左边的吸管工具并点击图像背景，这时在色彩范围窗口中你会发现被选择部分变成了白色，移动颜色容差滑杆，使得图像大部分区域变成黑色，并且背景易于选取。提示：要添加颜色到选区时，应使用中间的吸管工具点击要添加的色彩部分2 获得选区，在通道面板中，按下“将选区存储为通道”按钮，得到一alpha通道，取消选择（Ctrl+D），点击“Alpha 1”层，这时图像变成黑白色。提示：图像中的黑色区域是我们要保留的部分，白色为要扣除的部3 这时我们发现图像中还有部分灰色区域，这些将成为半透明区域，所以必须将他们调整为纯黑色或纯白色。图像 >> 调整 >> 色阶，打开色阶窗口，由左向右拖动黑色滑杆直到灰色区域变为纯黑色为止。由右向左移动白色滑杆将白色区域变的更清晰4 选择黑色笔刷并提高笔刷边缘硬度，涂抹需要保留的区域，用白色笔刷涂抹羽毛边缘，根据涂抹区域大小的不同使用不同粗细的笔刷
最新发布
提高用户体验与新窗口打开网页的关系
论证完使用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。