推荐阅读
PS抠头发教程
首先，这幅图确定还有的救！为什么呢？虽然头发和背景的颜色不好区分，但背景还是比较单纯的，这就给后面的工作带来了可利用的空间（假如背景是五颜六色的花草，我也没什么好办法了！）。 第二，这幅图的难度在哪里？和通常的人物（头发）去背有什么不同？大家可以看出来的，我们通常的去背，头发部分都是头发黑色，而这幅图却因为受到光线的影响，部分头发丝反光，呈现白色（我这里说的黑色、白色不是纯的黑白，应该是暗部和亮部，不要误会） 第三，身上穿的毛茸茸的东西（我不知道是否也叫衣服）和头发是有区别的，这部分是可以通过常规手法完成抠图的。 第四，想象步骤1、先将人物部分以及毛茸茸抠出来，完成基础部分。想象步骤2、飘散的头发单独处理。想象步骤3、头发的反光是随环境变量的变化而变化的（后期处理） 好了！有了想法就好办！让我们开始动手吧：） 步骤五、填充白色后取消选择。这么做的目的是减少后面调整黑白部分的工作量。 步骤六、CTRL+L，调整色阶，使得黑白比较分明 步骤七、使前景色为白色，用画笔工具，修饰不足的边缘部分。这是你或许会担心无法正确判断其边缘的真实性（或可靠性），不要紧，任意点开R、G、B 中某一个颜色通道的眼睛，使“人物选区”通道成为快速蒙版状态（别忘了，通道就是选区）。 步骤八、当你基本完成以后，将呈现下图的状态。 步骤九、点去颜色通道的眼睛（使其隐藏），我们继续“人物选区”通道的操作。将主体以外的部分都做黑（不要再问我是怎么做的）。或者你会问飘散的头发不要了吗？是的！现在我想做的只是人物主体部分的选取，而非头发。 步骤十、这里有个需要注意的问题，就是你真的能确定黑色部分是黑吗？显示器经常会欺骗我们的眼睛，所以我CTRL+I，将“人物选区”通道反相了一下，白底上有一点黑我们都能看清楚的（这到是显示器的好处）。 大脚注：为什么我们有很多朋友按教程的方法抠头发出来，边缘部分总有些浅浅的颜色呢？就是因为被显示器欺骗了，认为黑的部分已经够黑了，而实际上是深灰，一旦作为选区载入以后，仍然会有部分图像像素被选择，这就是原因！ 步骤十一、好了！都修饰好以后，再CTRL+I，让它回来（上一步只是我们的检测步骤！）然后CTRL+鼠标左键单击“人物选区”通道（载入该选区），回到RGB复合通道，回到图层。 步骤十二、按CTRL+J，通过拷贝的图层，使我们的第一次选择有个成果（图层1），如果喜欢的话就给这个图层改个名字（改名这步可有可无，但可以很清楚），我就不改了这时你会发现，毛茸茸的边缘部分透着原先的底色，好吧！用最简单有效的方法――橡皮擦工具（注意笔刷大小和透明度哦！）将它修饰一下。 大脚注：凡是毛茸茸的边缘部分，因为像素抖动的原因，抠图后必然会残留一些原背景色的成分，如果想做得精致，就花些时间吧！
Photoshop独特方法绘制另类火球特效
在Photoshop中新建文件，背景填充为黑色，新建立一个图层，选择画笔工具，设置笔刷半径为20，然后进行绘制： 执行旋转扭曲滤镜，设置角度为 500 。 复制图层，使用自由变换功能旋转大约45度左右： 隐藏背景层，合并可见图层，然后创建一个新图层，然后使用柔角画笔颜色红色绘制如下效果： 改变图层模式为变亮：
Div+CSS教程：如何闭合浮动元素？
所以，原来在标准兼容浏览器中我们也可以有这么多的方法闭合一个浮动元素，而且只需要 CSS，无需其他。顺带说一下以上除了overflow，其余都有一个附加效果就是自动收缩父容器宽度。 而对于 IE/Win，它有一套自己的体系，就是 layout，具有 layout 的元素会自动闭合浮动元素，再来看看触发 layout 的 CSS 属性，会发现和上面的块级格式化范围有很多类似之处： 以上来看 IE 中闭合浮动元素的方法也不少，自然也都有其局限性，要么有附带效果，要么使用的是非标准属性（无法通过验证）。 还要提一点的是 display:inline-block，这个属性对 IE 而言本身没什么用，实际效果只是给一个元素暗地添加了 layout，但是标准兼容浏览器是认得这个属性的，所以要不影响这些浏览器，需要将 display 设回默认。这里 IE 有一个 bug，如果先定义了 display:inline-block，然后再将 display 设回 block（这两个 display 要先后放在两个 CSS 声明中才有效果），那么 layout 不会消失，同时也不会影响其他浏览器，所以目前来说，这也算一个不错的触发 layout 的方法： 所以要跨浏览器闭合浮动元素，可以选择的方式还是很多的，如何搭配使用这些 CSS 属性就要具体情况具体分析了，灵活应用条件注释也很有必要，要是实在不行我们回过头来还有 clear 可以用嘛。
web标准概念入门
注：本文是应Alan邀请为《CSS布局实录》写的一个web标准入门指导。书已经上市近一年了，现在摘选出来，给初学者一个参考。希望了解更多实现技术的可以购买原书。 "我的工资卡是交通银行的，但我经常在我家楼下的工商银行提款机上取款；我是上海人，我用普通话可以和广州的同学进行交流；今天水龙头坏了，我去水暖商店买了一个新的换上；我去法国旅游，通知我法国的朋友在北京时间15:30分来接我。" 生活中每天都发生类似的事情，这样的事情似乎再正常不过的了，并没有什么特别之处。但是，你有没有想过： 为什么所有银行卡的大小都是一样的尺寸？为什么我用普通话就能和广州同学交流？为什么买来的新水龙头的螺口正好与老的水管能接上？为什么法国朋友不会接错时间？ 对于日常的很多事情，我们并没有注意到这背后都有着一个隐藏的“因素”在起作用，这个因素就是：标准。 有了“银行卡的标准”，你就不用担心不同银行的卡大小不一样，所有提款机的入卡口都一样；有了“普通话标准”，全国人民可以方便的进行语言交流；有了“螺口的工业标准”，你买个6分的水龙头就绝对可以可6分的水管接上；有了“格林威治标准时间”，全世界的人们都不会接错班机时间。 生活中各行各业都有着自己相应的标准与规范，标准可以方便交流、促进协作、提高效率。 对于IT行业，设备的多样性与信息的多样性更加需要标准来保证它们之间的沟通与协作。我们可能在手机、打印机、数码相机之间交互数据；我们可能在网站、邮件和办公软件之间传递信息；我们可能要在未来新设备（例如机顶盒、信息家电）中应用现有资源。如果没有统一的标准，那么现在所有的信息都是孤立的、不可分享、不可重用的；我们需要浪费大量的人力物力重新为新设备建立数据；我们需要为每一次的多系统应用做专门的开发。 好在我们已经找到了解决的方案，这就是---XML。 XML简单说就是一种“有规定格式的文档”，只要我们的设备或系统产生的数据都遵守这种格式，就可以实现互相的数据交换、分享与协作。
最新发布
Photoshop色彩调整:特殊调整命令(2)
Invert命令能对图像进行反相，运用他以将图像转化为阴片，或将阴片转换为图像。（不过，Invert命令对扫描的彩色胶片无效）。 Invert命令没有对话框，执行时，通道中每个像素的亮度值会被直接转换为颜色刻度上的相反的值：白色变为黑色，其他的中间像素值取其对应值（２５５－原像素值＝新像素值）。 Invert命令在通道运算中经常使用。我们来看看他的效果：（图27）Equalize（色彩均化）命令 在图像中选择一个区域，执行命令，调出Equalize对话框（如果没有选择区域，就不能调出对话框）。如图28（图28） Equalize命令能重新分配图像中各像素的亮度值。 在对话框内，如果选择Equalizeselected area only（仅色调均化选区）选项，则命令只作用于所选区域。如果选择Equalize entire image based on selected area（用所选区域色调均化整个图像）选项，则参照选区中的像素的情况均匀分布图像中的所有像素。
Photoshop色彩调整:特殊调整命令(3)
调出Threshold对话框。如图30 Threshold对话框中的直方图显示当前选区中像素亮度级。拖动直方图下的三角形滑块到适当位置（也可以顶部数据框中输入数值）。单击“ＯＫ”确定。 Threshold命令能把彩色或灰阶图像转换为高对比度的黑白图像。你可以指定一定色阶作为阈值，然后执行命令，于是比指定阈值亮的像素会转换为白色，比指定阈值暗的像素会转换为黑色。（图31）（图31）Posterize（色调分离）命令 调出Posterize对话框。如图32（图32）
Photoshop色彩调整:特殊调整命令(4)
首先调出Variations对话框。（图34） Variations命令能够概略的调整图像或选区的色彩平衡、对比度和饱和度。 接着对Shadows（暗部）、Midtons（中间调）和Highlights（高光）或者Satoration（饱和度）分别进行调整，然后移动Fine（精细）和Coarse（粗糙）之间的三角滑块以确定每次调整的数量（滑块移动一格，调整的数量则双倍增加）。调整方法是：如果要在图像中增加颜色，只需单击相应的颜色缩览图就可以了。如果要从图像中减去颜色，可单击色轮上的相对颜色。 对话框顶部的两个缩览图分别为原图像（或原选区）和调整效果的预视图（或预视选区）。右面的缩览图是用来调整图像亮度的（单击其中一个缩览图，所有的缩览图都会随之改变）。中间的缩览图是反映当前的调整状况的。下面各图分别代表增加某色后的情况（如果要在图像中增加颜色，只需单击相应的颜色缩览图就可以了。如果要从图像中减去颜色，可单击色轮上的相对颜色）。 不过，Variations命令不能作用于索引颜色，不知这是不是缺陷。 最后，让我们来看看Variations命令的效果：图35（图35）
![Photoshop色彩调整工具 曲线谈 [1]](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxO%7BB6M%7BJxNEdxPUJ%7BNUl1PEJxO%7BF2Mnqx%5Bx%3E%3E.jpg)
Photoshop色彩调整工具 曲线谈 [1]
此教程目的在于让数码摄影爱好者可以进行“快速”“简单”的色彩调整而并不能算是Photoshop使用教程 在Photoshop中打开图像之后可以使用快捷键 CTRL M 调用曲线调整功能在使用之前先简单介绍一下曲线工具的原理Photoshop把图像大致分为三个部分：暗调、中间调、高光如同这幅图像可以使用“去色”命令将彩色图像转化为灰度图像即可看到明暗的分布 可以看到天空部分属于高光
![Photoshop色彩调整工具 曲线谈 [2]](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxO%7BB6M%7BJxNEdxPUJ%7BNUl2NEB4PEV4Mneq%5Bh%3E%3E.gif)
Photoshop色彩调整工具 曲线谈 [2]
两个端点可以分别调整 下面两幅动画演示了单独改变暗调点和高光点的效果 其结果是暗调或高光部分加亮或减暗 请选择后查看清晰原图而改变中间调可以使图像整体加亮或减暗（在线条中单击即可产生拖动点）但是明暗对比没有改变（不同于电视机的亮度增加）同时色彩的饱和度也增加可以用来模拟自然环境光强弱的效果
![Photoshop色彩调整工具 曲线谈 [3]](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxO%7BB6M%7BJxNEdxPUJ%7BNUl2NkB2PEh3Mneq%5Bh%3E%3E.gif)
Photoshop色彩调整工具 曲线谈 [3]
适当降低暗调和提高高光可以得到明暗对比较强烈的图像（所谓的高反差） 但是这样做可能让较亮区域的图像细节丢失（如天空部分的云彩） 同时这也不符合自然现象 此时可以通过改变中间调的方法来创建逼真的自然景观
![Photoshop色彩调整工具 曲线谈 [4]](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxO%7BB6M%7BJxNEdxPUJ%7BNUl2NkV4OUF1Mnqx%5Bx%3E%3E.jpg)
Photoshop色彩调整工具 曲线谈 [4]
不会有明显的改动痕迹 前面我们都是在整体图像中调整 现在我们来看一下单独对通道调整的效果 电子设备所产生的图像都是由红、绿、蓝三种色光按照不同比例混合而成 （近观彩电的屏幕，你就会看到无数个红绿蓝小点，电脑显示器也是如此但较精细） 换句话说 在屏幕上展现的图像实际上都是由三个单独颜色的图像（红、绿、蓝）混合而成 （如同鸡尾酒虽然整体来说是酒，但实际上是由多种成分混合而成的） 所谓通道即是指这单独的红、绿、蓝部分
![Photoshop色彩调整工具 曲线谈 [5]](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxO%7BB6M%7BJxNEdxPUJ%7BNUl2N%7BR5OUh1Mneq%5Bh%3E%3E.gif)
Photoshop色彩调整工具 曲线谈 [5]
同时减暗蓝色通道的高光部分这样我们就得到了金黄色的天空效果这样的效果虽然绚丽但是仔细看远处的青山也变成了黄色山体应该属于中间调部分所以我们在红色和蓝色通道中将中间调保持在原来的地方
PS笔刷设置详解：笔刷间距
从上面的图中我们看到了熟悉的直径和硬度，它们的作用和前面我们接触过的一样，是对大小和边缘羽化程度的控制。今天我们先介绍笔刷间距。 仔细看一下硬度下方的间距选项，现在的数值是25%，这是什么意思呢？我们前面所使用笔刷，可以看作是由许多圆点排列而成的。如果我们把间距设为100%，就可以看到头尾相接依次排列的各个圆点，如下图： 如果设为200%，就会看到圆点之间有明显的间隙，其间隙正好足够再放一个圆点。如下图： 由此可以看出，那个间距实际就是每两个圆点的圆心距离，间距越大圆点之间的距离也越大。 问题：为什么我们在前面画直线的时候没有感觉出是由圆点组成的呢？ 解答：这是因为间距的取值是百分比，而百分比的参照物就是笔刷的直径。当直径本身很小的时候，这个百分比计算出来的圆点间距也小，因此不明显。而当直径很大的时候，这个百分比计算出来的间距也大，圆点的效果就明显了。 我们可以作一个对比试验，保持25%的间距，分别将直径设为9像素和90像素，然后在图像中各画一条直线，再比较一下它们的边缘。如下图： 可以看到第一条直线边缘平滑，而第二条直线边缘很明显地出现了弧线，这些弧线就是许多的圆点外缘组成的。如下图： 所以使用较大的笔刷的时候要适当降低间距。间距的距离最小为1%，而笔刷的直径最大可以为2500像素。那么当使用2500像素直径时，圆点的间距最小也是25像素，看起来是很明显的，因此效果不好。解决方法是画一个大的长方形来代替。如果关闭间距选项，那么圆点分布的距离就以鼠标拖动的快慢为准，慢的地方圆点较密集，快的地方则较稀疏。
PS笔刷设置详解：圆度和角度
今天我们来仔细了解一下笔刷的圆度和角度。 以前我们使用的笔刷都是一个正圆形，现在多了一个圆度的控制，我们就可以把笔刷形状设为椭圆了。 圆度也是一个百分比，代表椭圆长短直径的比例。100%时是正圆，0%时椭圆外形最扁平。 角度就是椭圆的倾斜角，当圆度为100%时角度就没意义了，因为正圆无论怎么倾斜也还是一个样子。 除了可以输入数值改变以外，也可以在示意图中拉动两个控制点（下图绿色圆圈处）来改变圆度，在示意图中任意点击并拖动即可改变角度。 使用翻转X与翻转Y后，虽然设定中角度和圆度未变，但在实际绘制中会改变笔刷的形状。如下图，横方向是翻转X的效果，竖方向是翻转Y的效果。 看起来似乎两种翻转效果是一样的，都是旋转了一定的角度，但其实翻转和旋转是两个截然不同的概念。如下图，仔细观察一下椭圆边缘红色绿色蓝色三个点在翻转之后的位置，就会明白这并不是旋转所能够做到的。 翻转又称为镜像。把上图左上角的椭圆画在纸上，然后拿一面镜子，分别放在图中两条细线的位置，从镜子中就看到的情景就是镜像。大家可以自己动手做做，看看那镜像是不是上图的效果。 前面我们说过笔刷间距的问题，这个间距在椭圆下有些特殊。我们设置一个直径20像素，角度15，圆度50%，间距200%的笔刷，用SHIFT键绘制一个类似下图的效果：