推荐阅读
Knockout常规抠图实例：毛绒小熊
本文我们用实例的方式介绍抠图软件Corel Knockout的常规抠图步骤，把下面这只可爱的毛绒小熊从背景中抠出来。 一、输入要处理的图像文件 1) 启动COREL KNOCKOUT1。5程序，点击菜单FILE>OPEN； 2) 寻找程序的安装目录； 3) 在该目录中，点击TUTORIAL FILES\SAMPLE\IMAGES\BEAR。TIF。输入该图像到程序的操作界面中。如果图像太小，不便处理，可以点击菜单WINDOW\ZOOM IN放大该图像。 二、绘制对象内部选区 通过绘制对象的内部选区，可以定义前景对象，也就是要"抠""对象，而编辑选区是指添加，移动特定的选区。在必要的情况下，在绘制选区的同时，可以使用小型放大镜，放大局部边缘，以便精确绘制选区。 1) 点击工具箱中的"对象内部"选区工具 2) 绘制对象"熊"的内部选区线。注意，一定不要碰到边缘处透过皮毛显示出来的背景区域。 正确的内部选区 错误的内部选区 3) 如果必要，在绘制选区线的同时，按下"L"键，激活小型放大镜，以便能更精确地绘制选区线条。所谓精确是指尽可能地靠近对象的边缘区域，但是绝对不能碰到背景色象素。选区线的精确程度，影响着最后的处理效果。 4) 如果必要，可以按下"SHIFT"键，同时绘制选区线条，可以添加选区； 5) 如果必要，按下"ALT"键，同时划线，可以去掉特定区域的选区线； 4)和5)是精确处理选区的编辑操作。 6) 如果对整个选区不满意，按下"DELETE"键，将其全删除，重新绘制。 三、绘制对象的外部选区 绘制外部选区是用来定义图像背景的，操作方法同绘制内部选区几乎相同。 1) 点击工具箱中的"对象外部"选区工具 2) 绘制外部选区线条。注意，一定不要碰到小熊的皮毛； 正确的外部选区 错误的内部选区 四、"抠"图处理 1) 在工具箱的"过渡区复杂度"列表中，根据过渡区中前，背景色的复杂程度，选择任一合适的选项:低，中低，中高，高。因本例比较简单，故选择"LOW"； 2) 点击列表下面的"处理"按钮，或者CTRL+P，进行"抠"图。程序根据内外选区及复杂度，自动处理图像，将前景对象从背景中"抠"出来； 3) 如果必要，可以点击颜色面板中的任一色彩选项，替换衬托色。不同的衬托色可以检验出"抠"图的效果； 4) 如果必要，点击颜色面板下面的"图像"按钮，输入衬托图像。 5) 点击菜单VIEW，然后根据意愿，执行以下命令: ORIGINAL:显示原始状态图像； KNOCKED OUT:显示"抠"图:ALPHA:显示阿尔法通道。 阿尔法通道是COREL KNOCKOUT的精髓，该通道在PS6中将得到充分的利用。 五、保存项目 1) 点击菜单FILE\SAVE PROJECT AS； 2) 确定存盘路径，输入文件名； 3) 点击"保存"，COREL KNOCKOUT保存的项目的扩展名为CKO； 六、输出"抠"图 抠图的最终目的是将其应用到特定的背景图像中，COREL KNOCKOUT以三种格式输出图像:PHOTOSHOP的PSD，COREL PHOTO PAINT 的CPT和TIF位图。输出的同时，保留了阿尔法通道，以便用户能在如PHOTOSHOP等位图编辑程序中应用。 1) 点击菜单FILE\EXPORT(输出)； 2) 在随之打开的窗口中确定输出路径，输入文件名，选择文件输出格式(本例选择的是PSD)，然后点击"保存"； 七、在PHOTOSHOP6中应用抠图 1) 启动PS6，并打开刚刚保存的文件； 2) 粘贴选好的背景图像； 3) 使用FREE TRANSFORM命令，调整背景图像的大小，使之适合窗口； 4) 点击菜单SELECT，执行LOAD SELECTIONG命令。在随之弹出的窗口里，打开CHANNEL选择菜单，选择ALPHA 1，点击OK。这时，编辑窗口里将显示选区。然后反选； 5) 点击菜单EDIT，执行CLEAR命令； 6) 压平图层，然后取消选区(CTRL+P)。
阻碍你学习CSS的因素 思维的转变 HTML结构化
我们通常采用DIV元素来将这些结构定义出来，类似这样： 以下是代码片段：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.suncss.com</title> <style type="text/css"> <!-- .code{ color:#666666; } table {border-collapse:collapse;} td,th {border:#000 solid 1px;} --> </style> </head> <body bgcolor="#FFFFFF"> <table border="0" cellspacing="0"> <tbody> <tr> <th>HTML属性 </th> <th>CSS方法 </th> <th>说明</th> </tr> <tr> <td class="code">align="left"<br /> align="right" </td> <td class="code">float: left; <br /> float: right;</td> <td><p>使用CSS可以浮动 <em>任何元素</em>:图片、段落、div、标题、表格、列表等等 </p> <p>当你使用float属性，必须给这个浮动元素定义一个宽度。 </p></td> </tr> <tr> <td><span class="code"><strong><font face="Verdana" color="#60a179">marginwidth="0" leftmargin="0" marginheight="0" topmargin="0"</font></strong></span></td> <td><span class="code"><strong><font face="Verdana" color="#60a179">margin: 0; </font></strong></span></td> <td><p>使用CSS, <span class="code"><strong><font face="Verdana" color="#60a179">margin</font></strong></span>可以设置在<em>任何</em>元素上, 不仅仅是body元素.更重要的，你可以分别指定元素的top, right, bottom和left的margin值。 </p> </P></td> </tr> <tr> <td><span class="code"><strong><font face="Verdana" color="#60a179">vlink="#333399" alink="#000000" link="#3333FF"</font></strong></span></td> <td><p><span class="code"><strong><font face="Verdana" color="#60a179">a:link #3ff;<br /> a:visited: #339;<br /> a:hover: #999;<br /> a:active: #00f; </font></strong></span> </p></td> <td><p>在HTML中，链接的颜色作为body的一个属性值定义。整个页面的链接风格都一样。使用CSS的选择器，页面不同部分的链接样式可以不一样。 <span class='Hbz109'></span> </p></td> </tr> <tr> <td><span class="code"><strong><font face="Verdana" color="#60a179">bgcolor="#FFFFFF"</font></strong></span></td> <td><span class="code"><strong><font face="Verdana" color="#60a179">background-color: #fff; </font></strong></span></td> <td><p>在CSS中，任何元素都可以定义背景颜色，不仅仅局限于body和table元素。 </p> </P></td> </tr> <tr> <td><span class="code"><strong><font face="Verdana" color="#60a179">bordercolor="#FFFFFF"</font></strong></span></td> <td><span class="code"><strong><font face="Verdana" color="#60a179">border-color: #fff;</font></strong></span></td> <td><p>任何元素都可以设置边框(boeder)，你可以分别定义top, right, bottom和left </p> </P></td> </tr> <tr> <td><span class="code"><strong><font face="Verdana" color="#60a179">border="3"<br /> cellspacing="3" </font></strong></span></td> <td><span class="code"><strong><font face="Verdana" color="#60a179">border-width: 3px; </font></strong></span></td> <td><p>用CSS，你可以定义table的边框为统一样式，也可以分别定义top, right, bottom and left边框的颜色、尺寸和样式。 </p> </P> <p>你可以使用 <span class="code"><strong><font face="Verdana" color="#60a179">table</font></strong></span>, <span class="code"><strong><font face="Verdana" color="#60a179">td</font></strong></span> or <span class="code"><strong><font face="Verdana" color="#60a179">th</font></strong></span> 这些选择器. </p> </P> <p>如果你需要设置无边框效果，可以使用CSS定义：<span class="code"><strong><font face="Verdana" color="#60a179"> border-collapse: collapse;</font></strong></span> </p> </P></td> </tr> <tr> <td><p><span class="code"><strong><font face="Verdana" color="#60a179"><br clear="left"><br /> <br clear="right"><br /> <br clear="all"> </font></strong></span> </p> </P></td> <td><p><span class="code"><strong><font face="Verdana" color="#60a179">clear: left;<br /> clear: right;<br /> clear: both; </font></strong></span> <span class='Hbz109'></span> </p></td> <td><p>许多2列或者3列布局都使用 <span class="code"><strong><font face="Verdana" color="#60a179">float</font></strong></span>属性来定位。如果你在浮动层中定义了背景颜色或者背景图片，你可以使用<span class="code"><strong><font face="Verdana" color="#60a179">clear</font></strong></span>属性. </p> </P></td> </tr> <tr> <td><span class="code"><strong><font face="Verdana" color="#60a179">cellpadding="3"<br /> vspace="3"<br /> hspace="3" </font></strong></span></td> <td><span class="code"><strong><font face="Verdana" color="#60a179">padding: 3px; </font></strong></span></td> <td><p></p></td> </tr> <tr> <td><span class="code"><strong><font face="Verdana" color="#60a179">align="center"</font></strong></span></td> <td><p><span class="code"><strong><font face="Verdana" color="#60a179">text-align: center;</font></strong></span> </p> </P> <p><span class="code"><strong><font face="Verdana" color="#60a179">margin-right: auto; margin-left: auto; </font></strong></span> </p> </P></td> <td><p><span class="code"><strong><font face="Verdana" color="#60a179">Text-align</font></strong></span> 只适用于文本. </p> </P> <p>象div，p这样的块级怨毒可以通过<span class="code"><strong><font face="Verdana" color="#60a179">margin-right: auto; </font></strong></span>和<span class="code"><strong><font face="Verdana" color="#60a179">margin-left: auto;</font></strong></span>来水平居中 <span class='Hbz109'></span> </p></td> </tr> </tbody> </table> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行] 一些令人遗憾的技巧和工作环境 由于浏览器对CSS支持的不完善，我们有时候不得不采取一些技巧(hacks)或建立一种环境(Workarounds)来让CSS实现传统方法同样的效果。例如块级元素有时侯需要使用水平居中的技巧，盒模型bug的技巧等等。所有这些技巧都在Molly Holzschlag的文章《Integrated Web Design: Strategies for Long-Term CSS Hack Management》中有详细说明。 另外一个关于CSS技巧的资源站点是Big John和Holly Bergevin的“Position is Everything”。 理解浮动行为 Eric Meyer的《Containing Floats》将帮助你掌握如何使用float属性布局。float元素有时候需要清除(clear)，阅读《How To Clear Floats Without Structural Markup》将非常有帮助。
Fireworks制作破壳而出的美女
编者注：此文介绍的是一种设计思路及过程。适合具有一定fireworks基础者学习，借鉴。 无意中看到网友六月海写的一个蛋壳美人的photoshop教程（点击查看），想法很新颖，于是乎我尝试着用 Fireworks 做了一个大概，只用了两小时，时间很短，可能有很多地方都不完善，希望大家多提意见，共同提高对 Fireworks 的认识。 下载源文件请点击这里 1、首先画一个椭圆 5、用钢笔勾出几个光点 6、用曲线稍微调亮一点红色
最新发布
Photoshop制作仿水墨画效果的中国风江南水乡意境主题风景图片
photoshop给中国风江南水乡意境主题风景图片制作成仿水墨画的效果1、首先我们把素材文件拖拽进PS，按CTRL+J复制一层2、我们选择复制的图层按CTRL+L调整色阶按白场吸管点击水面，用黑场吸管点击门框的黑色边缘3、点击图像-调整-色相饱和度来降低一些图片的饱和度4、我们将这个图层继续按CTRL+J复制一层，选择滤镜-风格化-查找边缘，然后点击图像-调整-去色5、按CTRL+L调整色阶增加一些对比度。
Photoshop制作创意的几何图案填充图案实例教程
先看下最终效果图：步骤1我们新建或Ctrl+N，创建1280x 1024像素大小，分辨率72像素/英寸，RGB颜色，8位，背景内容为白色的新文件 。大小也可以根据需要自己设定。步骤2选择多边形工具(U)，在画布上画一个多边形，把多边形改成边：8，W:200像素，H:200像素。到图层中把图层不透明度改成50%。颜色选#ffff00。步骤3
Photoshop转素描：快速把人像照片转成艺术素描效果
最终效果原图1、将照片素材拖拽进PS，同时CTRL+J复制一层。2、CTRL+SHIFT+U去色，然后按CTRL+J复制一层，按CTRL+I执行反相操作。 3、将图层的混合模式改为颜色减淡，效果如图。
Photoshop调色调出自然唯美的肤色效果人像后期照片
本教程向大家分享了PS后期修图秘笈及人像完美润色技巧，教程难度不是很大，但技巧基础性很强，对于PS初学者来说，教程实用性很强。感谢原创作者么么茶的分享，推荐给脚本之家的朋友，喜欢的朋友一起来学习吧目前市面上有许多图像处理软件，其中如美图秀秀等傻瓜式软件虽然用起来方便，但修图效果却远远不及photoshop。Photoshop中有许多功能都可用于后期修图，即使是很细微的变动都可对最后的图像结果有很大的影响。在本PS教程中，笔者将会通过一些调整图层、笔刷、蒙版等很基础的PS工具来完成对人像的润色。PS高手分享后期修图秘笈最终效果图：图01素材：美女模特第一步：
Photoshop简单的制作创意的边框效果图教程
先来几张效果图OK开始我们今天的教程1、将我们的素材图拖拽进PS，CTRL+J复制一层2、点击矩形选框工具，在图层上选择一个小于图片的区域然后按CTRL+SHIFT+I执行反选操作。
使用Photoshop快速的方法给人像照片磨皮教程
先看效果：一：复制蓝色通道进入通道，复制蓝色通道，一般的脏点都在蓝色通道。二：高反差保留对蓝色通道进行高反差保留，是脏点进一步分离出来。千万注意，没有这一步，后面就会失败。
Photoshop抠图教程：简单的使用色彩范围扣除人像照片
通常抠发丝，我们知道用通道抠图最普遍，但通道抠图，很多人开始都会不明白是什么原理，也许在别人操作的时候，感觉很清晰，但是等到自己操作的时候，发现不行，还是问题多多，不知道哪里出了问题，头发丝还是抠不出来。下面就为大家分享一个不用通道那么复杂的步骤，就可以轻轻松松抠出头发丝的良心教程。先来看张效果图：如果喜欢，请给我点赞和欢呼，当然了，我也看不到是吧。那就在内心默默地送上一份真诚的祝福吧~下面开始分享：1，首先，打开图片，复制一层为图层1，养成原图保存好，在新图层上操作的习惯 2,点击菜单栏“选择”选择 - “色彩范围”命令，面板如下图所示：
Photoshop调色教程:把风景照片转成高质量黑白艺术效果
制作黑白影像有很多种方法，但是无论哪一种方法，都不可能直接就呈现出最佳的黑白效果，都需要人为的判断、调整，才能够根据色彩的明度关系准确地控制出我们想要的黑白影调。因此，我们说，没有任何一种方法能够直接就把黑白影调调整出最佳状态。下面将会介绍如何在ACR 中制作超高品质的黑白影像。打开一张照片后，首先，应分析照片的直方图，让影像做到全影调，也就是从暗部到高光全部都有细节分布。摄影大师亚当斯的区域曝光法就是把对影调的控制做到了极致。它针对不同区域的曝光，通过对后期药水温度的控制、显影时间的控制做到了对全影调的控制。现在，我们在数码暗房中，或者说在Photoshop 中要做到全影调已经变得十分简单了。在这一过程中，最重要的不是对工具应用的掌握，而是对影调结构的理解。很多影友会有这样的问题，相机中有直接的黑白功能，使用它来拍摄黑白照片的效果好不好呢?答案是：肯定不好，因为相机无法分辨照片中颜色的亮度关系，它只是搭载了一个滤镜，例如，红色滤镜，它可以减少蓝色光线的通过，使天空颜色更深，但我们拍照时不可能总是拍蓝天，因此，要制作出合适的影调，应该进行人为的调整，根据色彩的亮度关系进行合理的控制。在ACR 中打开这张照片首先， 控制照片的细节、暗部、高光的层次，以及整个照片的对比度。在“基本”面板中，调整“阴影”为+99、“ 高光” 为-93、“对比度”为+100、“黑色”为+33，以及“清晰度”为+24。只有把这些参数都控制到位后，再去调整照片的黑白效果才有意义。接下来，切换到“HSL/ 灰度”面板，进入色彩三要素中利用颜色的明度关系，来分离色彩，并根据照片本身的亮度和需要强调的主体的亮度去合理地控制灰度，例如，要把这张照片转换为黑白影像，首先，要提亮寺庙的金色。由于其他颜色都是次要颜色，因此要将其他颜色的明度都降低，这样才能做到合理的转换。勾选“转换为灰度”复选框，这样照片就被转换为灰度图了。
Photoshop快速把胡歌照片转成素描手绘效果
先看看效果图下面是原图2、打开背景图层，将背景图层进行复制CTRL+J，然后CTRL+SHIFT+U去色。3、效果如下4、复制去色的图层1，然后反相CTRL+I
Photoshop快速把外景动物照片转成水彩画效果教程
最终效果1、用PS打开一张图片，把图片转为智能对象。2、滤镜 > 滤镜库 > 艺术效果 > 干画笔，画笔大小：10;画笔细节：10;纹理：1。 3、滤镜 > 滤镜库 > 木刻，画笔色阶数：5;边缘简化度：4;边缘逼真度：1;把鼠标放在木刻滤镜库这一图层上，右键：编辑智能滤镜混合选项 > 模式：点光。