推荐阅读
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调色给树林人物照片添加冷色光影效果的照片处理教程
素材图片层次感非常好，很适合制作背光效果；前期直接把图片整体及边角压暗；然后在中间区域渲染高光和透射光；再调整好人物的光影和颜色，得到想要的效果。最终效果原图1、把图片转为中性效果。打开原图素材，创建色相/饱和度调整图层，对全图、红色、黄色、绿色、青色进行调整，参数及效果如下图。
用PS调色调出暖色阳光色彩清新女孩照片的photoshop照片处理教程
分析原图我们知道图片很灰，没有层次。天空部分过曝光，天空以外的不光不足。皮肤不通透，大面积的绿色十分难看。我后期想要暖黄梦幻通透的感觉，我们往这个方向调色。希望大家可以喜欢。这组片子的灵感来源于七七的那组轻婚纱照。夏天来了就很想拍一组大逆光的通透的精灵照。服装上本来想选绿色的欧根纱吊带裙，在某宝转了一圈最终还是选了七七同款轻婚纱，白色纱裙很出片，随便一拍就很好看。翅膀我去年买过50多块钱的，很丑，拍一次就扔了，所以这次选择了更好更贵的这个。配饰我是在淘宝随便搜的新娘发饰，捧花和花篮都是之前买的道具。模特脸上贴的是真的干花，头发上抹的是闪亮七彩啫喱。妆容方面主要是用粉色眼影替代眉笔和鼻影，高光着重画在鼻头和唇峰处，用白色眼线以及粉色睫毛膏。大写加粗：妆容很重要。场地及时间这次是选在天津水上公园拍摄。因为我们化妆太慢了，到公园已经快六点了，而且是多云天气，不是一直都有直射光，所以这组只拍了不到一个小时。后期调色
PS精准把控唯美人像中肤色的photoshop调色技巧教程
大家好我是清颜，今天要为大家分享的是关于肤色的秘密。一、废话啰嗦一下很多业余爱好者，在拍摄人像时，对于人的肤色把控往往不知 所措，越调越脏，之所以这样有些原因是看了太多的教程，什么色相统一，什么高低频，双曲线等等这类的教程，看的太多，用的太 多，但都没有明白真正的核心，今天我来为大家揭秘!曾经我还看到有人把人脸的RGB值给出来了，但是这不是重点， 我今天将用最简单的方法告诉大家人脸的肤色到底该调成什么样的?二、HSL说到底调色无非三要素如果都能玩转它，那么你就是高手，关键不仅在于你只是知道了它们，而是在于你们怎么运用，就像别人摄影可赚钱，你不能而且只会烧钱，一样的道理。为什么别人有妹子拍，而你的相机要“时时勤拂拭，勿使惹尘埃”呢?三、以上纯属废话(哈哈哈)那么在人脸的肤色上我们该怎么把控呢?直接进入案例中，我们来观察一下吧
PS调色调出唯美小清新风格油菜花人物照片的照片处理教程
本篇教程主要告诉大家如何调出小清新风格外景人像，把一张曝光不足的油菜花人像调出唯美的小清新效果。希望大家可以喜欢。这组教程一个月前就已经发布在了微博上，收到了不少小伙伴的喜欢，虽然也有一些质疑的声音，但当我看到有的同学学会了我所分享的换天小方法用上了和我照片一样的同款蓝天，看到有的小伙伴学会了我所分享的排版方法并分享给了更多朋友，内心感到特别满足。我不是人民币做不到让所有人都喜欢我，但我还是要尽最大的努力让更多人能喜欢我认可我。为什么要拍油菜花?大概是因为我本人特别喜欢明亮的黄色，在向日葵还没有开放的季节油菜花也会是一个不错的选择。拍摄之前我了解过南京周边哪里有大片的油菜花地，一个是江北的河岸花海，还有就是高淳的国际慢城。两处都在比较偏僻的地方，路程比较远往返都比较费时间。我选择的这处地方就是无意中在地铁上瞄到了一片油菜花田，地方不算大但还算空旷也没有过多的游客，相信大家都比较容易找到这样的场所。拍摄之前我也在网上看过不少别人拍的油菜花，大概是和油菜花的品种有关。除了少部分在青海拍摄的矮品种油菜花，大部分的油菜花比较高，有相当多的整组构图比较单调。甚至有些人整组都只在花丛中露出一个头，这不是我想要的效果。所以写这篇教程，主要是想和大家分享本次拍摄的五点：1、前期准备2、换天
Photoshop制作简约渐变风格的插画设计教程
制作如下图所示这种插画很简单，网上亦有很多类似教程，但是发现其中大多是针对于有部分基础的人群，制作步骤上对新手有些不友好，所以特别做这个文章，分享给身边有需求的朋友们。首先，大多数教程多是直接开始构件图层，虽然这种小图不会有太多的构图问题存在，但是我还是觉得制作之前应该有简单的构图。下图为我大致的起草构图，颜色仅适用于区分色块和区域，只要鲜明，美丑并不要紧，反正都要覆盖。(PS：构图多是简单图形，相对复杂的无非是主体人物或者动物，网上找照片描边和找素材很好找，但是还是推荐新手多锻炼下造型能力，不要发展成"设计的图每张都好看，但是每张都好像在哪里见过的设计师。”)底层圆形填色：给底层的圆形一个渐变叠加，这里不输入代码，根据色彩感觉自行配色即可，网上教程大多为叫深邃的颜色，彰显孤单寂静的美感，可以去参考一下，这里我个人比较喜欢纯色，所以相比其他的插画提高了饱和度和明度。给第二层石头来个渐变叠加：颜色同样自行配置，然后给剪切蒙版，这里也不提供代码，这里需要特别注意，可能会出现剪切蒙版之后石头不见了的情况。解决方法：一定要在刚才的圆形的图层(底层)打开图层样式，选择混合选项，将其中的“将内部效果混合成组”勾选。
Photoshop结合AI绘制城市扁平场景插画设计教程
本次教程内容来源于 Sail Ho Studio的Cities Of Colors 系列中的一幅扁平插画作品，亮眼的颜色搭配、具有代表性的城市建筑、自然景观以及城市的英文缩写组成了这张独具风格的插画作品。接下来教程将通过整体-细节的方式教你一步步绘制插画，在绘制的过程中，学会效果中形状的绘制以及运用配色的方法。学会以后，你也可以试试创作出属于你的城市的作品。先看看效果图STEP 01 绘制背景绘制背景线条使用矩形工具和圆形工具(无填充，描边1)完成背景线条的绘制。其中圆角矩形的绘制为画一个矩形，选中锚点并向里拖动圆角标志。半圆的绘制为画一个圆，然后选中橡皮工具，按住ALT键框选并删除不想要的部分。填充颜色
巧用Photoshop通道抠出透明玻璃碗的图片抠图教程
最终效果原图1、把原图素材保存到本机，打开PS后，再打开保存的素材图片。2、按Ctrl + J 把背景图层复制一层，再按Ctrl + Shift + U 去色，然后把当前图层命名为“去色”，如下图。3、在工具箱选择“钢笔工具”，在属性栏选择“路径”，如下图。
Photoshop调色给外景人像照片添加清新阳光效果教程
最终效果原图1、把上面的原图素材保存到本机，打开PS软件，再打开保存的素材。2、按Ctrl + J 把背景图层复制一层，选择菜单：滤镜 > 模糊 > 高斯模糊，半径设置为5，确定后按住Alt键 + 鼠标左键点击蒙版按钮，添加黑色蒙版，如下图。3、把前景色设置为白色，选择画笔工具，画笔不透明度设置为20%，如下图。
Photoshop创意合成橙子纹理风格灯泡照片合成教程
最终效果1、把下面的背景图片保存到本机，打开PS软件，再打开保存的素材。2、打开下面的灯泡素材。3、在工具箱选择“钢笔工具”，在属性栏选择“路径”，如下图。4、勾出灯泡的轮廓路径。
Photoshop调色调出惊艳冷色效果的室内人像照片
效果图：原图：拍这组片子的时候没有用闪光灯因为忘记带了，当时房间其实是背光，不是顺光，房间没有阳光照进来，就用的自然光，自然是最美的。我们先把照片导入进PS，因为我是使用RAW底片格式拍摄，所以放进PS里面直接打开Camera Raw，想让一张片子有偏冷的感觉，我们首先就是要控制色温，其次我们通过微调塑造照片的结构 敢于尝试不同感觉，不要怕，拉到底试试看接下来我们在色调曲线面板里面在对图片进行一个处理，让图片暗部在收进去一点。初步调整之后效果