推荐阅读
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、用曲线稍微调亮一点红色
最新发布
PS给比基尼美女照片色彩提亮加深处理的photoshop后期修图教程
一直没写点东西·网上搜索到的教程更多的是参数，后期最后的根本发现还是一个工具，就是一个人的理解，所以帖子重点还是理解而不是律严的参数，写个自己的思路大家共研。效果图：原图：第一步：液化(省略······)第二步：调整人物色我喜欢用曲线·个人习惯～～用蓝色底提升·这是对照片暗部的提蓝～压住曲线中间点·保证中间调不变～
用PS把曝光不足的人像照片调亮处理的照片处理教程
本篇教程可谓是空手套白宇，为什么这么说，本来是一张糊的，我们利用高科技，是PS把原本较糊的照片调的稍微可以看得清，清晰一点，教程比较适合新手，比较好上手，本篇教程可谓是空手套白宇，为什么这么说，本来是一张糊的，我们利用高科技，哦，不对，是PS把原本较糊的照片调的稍微可以看得清，清晰一点，教程比较适合新手，比较好上手，同学们可以根据教程来试着学习一下，如果哪天网友PO了一张糊照给你故作玄虚，你分分钟给她摆清了，厉害不厉害，一起来通过教程学习一下吧。效果图：原图：基友换了白宇的头像，但是也太黑了，我叫她调亮点，她说这样好看，好吧!我就按捺不住自己想练手的心，我就拿了这张照片练练手，之前没怎么调过照片，调的不好。操作步骤：一、首先我是用到老师之前扣人像的方法来扣这张图，因为这张图我主要是想把人物调亮点，所以我就先把白宇给抠出来，也就是在通道里，选出绿色副本，复制一个然后【Ctrl+L】调出色阶工具，本来就够黑的，所以黑色色板不要动，动白色的那块，参数值如上，然后确定
详解杂志人像PS后期精修的人像照片精修教程
这种杂志人像的精修不是那种几步就可以完成的快餐作品，此类效果的皮肤处理非常的到位，质感的表现也非常不错，商业精修教程中非常不错的一篇文章，在PS教程开始之前，我想先说一句，如果你想学真正的商业修图，就不要再迷信五分钟教你调出大片，学会这几招你就变后期PS大神等这类标题神叨的快餐教程了。如果你的答案并不乐观，不如静下心来花点时间认真完成一个靠谱的修图作业，并理清思路，才能真正学到东西，才能举一反三。先看一下完成效果与原片对比 :【完成效果图】【原图】先给大家总结本教程的四个步骤：一、基础修饰;二、配色定调;三、精细调色;四、细节完善至最终完成。下面为大家详细讲解一下：一、基础修饰
详解PS后期精修的7个要点的photoshop产品图片精修教程
这并不是一篇手把手教大家修图的教程，主要是分享修图的思路和步骤，希望对你有所帮助。首先，问你一个问题，以下两张海报哪一张更能打动你，并促使你购买?我想你会毫不犹豫地选择右图吧，左右两张海报的差距在哪?除了产品图片其他都一模一样。事实上它们的配图也来源于同一张照片，区别在于左边的是原图，而右边的是一张精修图，从这里我们就可以看出图片精修的重要性。那何为精修呢?外行与设计新手也许只能看出精修后的效果比精修前漂亮，却不一定能看出设计师在原图的基础上动了哪些手脚，更不知道具体该怎么操作。以至于想要精修一张图片时不知从何下手，又或者即使精修后的效果依然不尽人意。所以，葱爷觉得有必要写一篇文章来帮助大家解决这些困扰。图片精修主要是从七个方面来对原图片进行优化，即轮廓、纯净度、体积感、光照、清晰度、材质、以及颜色，下面我来一一解析它们具体指代什么?以及如何进行优化操作。优化轮廓俗话说：美人在骨不在皮。说的就是轮廓对颜值的影响很大，其实轮廓对于物的美丑也起着关键作用，有时是物体本身的轮廓不够好看，比如一个苹果长得有点扭曲;有时是因为物体被拍摄的角度不好看，这些都会影响到图片的美观。所以在精修图片时，第一步就是要优化主体的轮廓。比如我们想要精修下面这张洗衣机图片，第一步就是要观察它的轮廓是否还可以优化。这张照片的拍摄角度有点俯视，所以有些上面大，下面小的感觉，拉上辅助线就可以很明显地看出来。这种拍摄角度在展示产品时不是很美观，所以我们通常会把它处理成上面与下面一样宽，即竖向的三条边要垂直于地面，这么处理虽然不符合真实的透视，但在视觉上更美观。
详解Photoshop需要复杂抠图的素材后期中使用
在我们后期的过程中，我们经常会遇到抠图这个步骤，但是很多人看到这个步骤就会十分头疼，尤其是对于新手来说，完全无从下手。今天，我们来为大家带来两个的抠图案例，帮助你能够快速的处理简单到复杂图片的抠图步骤。一、抠选火焰抠选火焰的方法与通过颜色通道抠选火焰的方法有着非常大的区别：使用“滤色”混合模式只是将黑色及暗调图像隐藏起来而达到抠图的目的，因此具有一定的局限性;而使用颜色通道抠选的火焰是真正让其脱离了原来的黑色背景，此时抠出的火焰可不必设置混合模式，置于其他作品中时已经是脱离背景的，可随意对其进行混合、调色、改变亮度等处理。1、打开随书所附光盘中的文件“07混合模式/7.3.2-素材1.jpg”，如上图所示。在本例中，将为该图像叠加火焰图像，以增强整体的视觉效果。2、打开随书所附光盘中的文件“07混合模式/7.3.2-素材2.jpg”，如图所示。使用移动工具将其拖至上一步打开的图像中，得到“图层1”。3、按Ctrl+T键调出自由变换控制框，按住Shift键将其放大直至覆盖整个图像为止，按Enter键确认变换。
PS如何塑造照片的立体感教程,加深立体元素在后期中的使用
要在一个二维空间里，表现出现实中的立体感，需要摄影师在前期等待合适的光线，或者在后期的时候，用本文的方法，进一步的塑造照片的立体感。本文的立体感，侧重强调物体本身。我们在前期拍摄的时候，会发现完全顺光、逆光的物体，立体感都会比较差。而侧光、侧逆光、侧顺光的物体，立体感就会比较强烈。同样都是热气球，为什么逆光的热气球会显得非常平面，而侧光的热气球却立体感十足呢?要理解立体感的来源，我们需要再次从美术中汲取营养，那就是三大面五调子。三大面五调子起源于西方素描体系，表现了物体受光后的明暗区域划分，是表现立体感的重要手段。三大面指的是亮面、暗面和灰面。
PS钢笔结合通道抠图抠出草原上透明的婚纱照片
原图最终效果加上背景效果1、点击原图打开原图素材大图，右键选择“图片另存为”保存到本机，然后用PS打开保存的素材大图。用钢笔工具把整体先抠出路径，如下图，这一步比较重要，可以减少外围环境影响。2、按Ctrl + 回车把路径转为选区，再按Ctrl + J 把选区部分的图像复制到新的图层，如下图。这样我们就得到人物整体的效果，后面会用到。
Photoshop抽出滤镜抠图给沙滩婚纱照片换背景
抠婚纱是比较麻烦的，用单一一种抠图工具抠出的效果不是很理想，因为透明的婚纱融入了背景，背景如果很杂乱的话，婚纱就有很多杂物。后期还需要花时间慢慢把婚纱处理干净。最终效果原图一、打开素材图片，创建色相/饱和度调整图层，选择红色，用吸管吸取沙滩颜色再调整，把背景调红一点，参数及效果如下图。这一步把背景及婚纱的颜色对比拉大，方便后面抠图。二、新建一个图层，按Ctrl + Alt + Shift + E 盖印图层，如下图。
PS绘制金属拉丝质感的音乐APP图标设计教程
最终效果：下面是教程：步骤一：首先新建画布1000px*1000px画布，命名为音乐图标，为背景填充颜色#475479，并添加杂色。 步骤二：我们最先来绘制底座吧，使用圆角矩形工具、绘制一个650px*650px圆角半径90px的底座，并为它添加图层样式。
PS绘制银色金属质感的播放器图标设计教程
最终效果：下面是教程：步骤一：首先新建画布800px*600px画布，命名为个性图标，为背景添加颜色#5c5857。步骤二：使用圆角矩形工具、绘制一个425px*425px圆角半径为60px底座，并为它添加图层样式。