推荐阅读
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制作透明字教程
这篇教程是我刚刚学习过的用PS制作透明字的教程，教程像飞特的朋友们介绍了四种用PS制作透明字的方法。希望大家喜欢这个教程。我做的效果已经发布到http://bbs.fevte.com/thread-6103-1-1.html，请大家多多指教。好了看教程吧！今介绍可移动的透明立体字的四种做法，欢迎交流。Photoshop中透明立体字制作方法之一：图层模式法打开图片，打白色字，在字体层执行：图层-图层样式-斜面和浮雕，参数自定。图层模式为正片叠底。如果打黑色字，模式为滤色（屏幕）。用移动工具把字拖动到任意地方看看。Photoshop中透明立体字制作方法之二：降填充值法用任意颜色打字，做浮雕效果，把填充值降到0%。
PS黄金字教程
这篇教程是一个很好的制作黄金字的教程，我学过几种黄金字的制作方法，但是感觉都没有这个简单和逼真，呵呵。转发到飞特，相信这个教程会受到大家的欢迎的。我也学飞特的大虾们打下广告，我做的效果是这个：http://bbs.fevte.com/thread-6104-1-1.html 大家也可以把作业交到这里。O(∩_∩)O~原图：打开原图，删除白色部分 1. 打开原图，删除白色部分，然后再给文字填充灰如图12. 先在图层面版里按ctrl键选取文字，新建一个Alpha通道，在通道里把字体填充白色如图23.
PS打造超酷文字特效
教程教飞特的朋友们用简单的方法制作一个非常酷的文字效果。我们最终效果图：步骤1创建1200 × 800、72dpi的新文件。同时用你熟悉的办法建立以下矢量文字形状。【可以先输入文字然后转化为矢量图形】步骤2隐藏所有矢量，创建一个新的文本框。在此我输入了我们公司名下的“Creative Volition Inc”。我所选择的字体是“ITC Avant Garde Gothic”。继续复制/粘贴文本框中的文本。看下图：步骤3文字设置：16pt的字体，标准，16pt高度的间距，颜色#404040。步骤4继续复制/粘贴文字，直到它填充了整个画布。使用文字工具拉伸文本框，直到它超出了画布的大小。
PS笔刷和路径制作漂亮文字效果
先看效果： 首先新建文档：给背景填充渐变（深紫色到黑色的渐变）： 选择径向渐变：输入你想要的文字 还有你喜欢的字体,然后添加图层样式 斜面与浮雕效果 载入等高线点击追加
Photoshop制作逼真石头字
效果图 素材 教程步骤如下 用ps打开素材 打上你要的字体，字体随意拉，如图 复制一字层，记得要把两个字层，图层面板上的填充改为0,图 设置复制的字层，打开图层样式，添加投影，外发光，斜面浮雕，等高线。
Photoshop笔刷与滤镜表现国画山石
用Photoshop画中国画的时候，个人感觉墨韵的问题好解决，不过笔触不太好表现。下面我们介绍一种比较好用的表现方法。 试验作品： 关键技巧： 1 用60粉笔笔刷设置成自己画松树的笔刷： 2 在画布上按意图涂抹，然后，运用滤镜中的“查找边缘”滤镜。 3 把制作好的岩石单元进行组合： 4 加浓减淡处理即可。
Photoshop滤镜应用让照片成为艺术作品(推荐)
一、水墨丹青画 第一步：启动Photoshop，打开原始图片素材，如图1所示。按F7键打开图层面板，拖动其中的“背景”图层到下方的“创建新图层”按钮上，创建两个新的图层。 第二步：首先选中“背景 副本2”，点击菜单栏中的“滤镜→模糊→特殊模糊”命令，打开“特殊模糊”滤镜对话框，设置参数，如图2所示。 第三步：再点击菜单栏中的“滤镜→艺术效果→水彩”命令，在打开的“水彩”对话框，设置参数，如图3所示。 第四步：在“图层”面板中将“背景 副本2”的“图层混合模式”设置为强光，如图4所示。 第五步：选中“背景 副本”，然后单击菜单栏中的“滤镜→模糊→高斯模糊”命令，在弹出的“高斯模糊”对话框中设置参数，如图5所示。 第六步：再单击菜单栏中的“图像→调整→照片滤镜”命令，打开“照片滤镜”对话框，设置参数，如图6所示。单击“好”按钮应用变化，并将“背景 副本”的图层混合模式设置为“颜色”。 小提示：在本例的制作过程中，滤镜参数以及图层混合模式设置的不同，所产生的效果也大不相同，大家在实际制作时可以适当改变滤镜参数和图层混合模式从而获得最佳的艺术效果。 第七步：选中背景图层，单击菜单栏中的“图像→调整→去色”命令，将背景图像去处颜色。下面我们要为图画添加上纸质效果，使它更加真实些。选中“背景 副本2”图层并打开“动作”面板，单击其左侧的三角形按钮，载入“纹理”动作组，选择“羊皮纸”动作并单击下方的“播放选定的动作”按钮，执行该动作，如图7所示。然后返回到图层面板，将这个新生成的图层的图层混合模式更改为“正片叠底”，并将其“不透明度”设置为50%。接着按快捷键Ctrl+Shift+E键合并所有可见层，然后对其调整亮度、对比度以及色相、饱和度等参数，使效果更佳，这样一幅古色古香的国画就制作完成了。 第八步：最后我们来为国画装裱上一个铝框。还是在“动作”面板中载入“画框”动作组，选择其中的“木制画框 50像素”，并单击其下方的“播放选定的动作”按钮，执行这个动作，这样就制作并装裱好了如图8所示的国画了。
Photoshop镜头光晕滤镜打造奇特效果
首先建立一个黑背景文件，然后执行镜头光晕滤镜，设置如下。 重复上述步骤3次，改变亮度大小和位置，最终如下图说示。 执行挤压滤镜，设置如下。 然后执行旋转扭曲滤镜。 执行塑料包装滤镜。
数码照片修复美化滤镜推荐
数码照片拍摄过程中，照片难免会存在色偏、过曝、欠曝等林林总总的小问题，直接丢弃实在很可惜？现在小编为你推荐几个滤镜，它们简单易用，使用这些滤镜你就可以轻松修复你的数码照片，恢复那一瞬间的精彩了，当然还有一个设计相框的软件，我也会在这推荐给大家，希望能为你的照片增添美丽的一笔。下面我们就来看看这些滤镜吧！1、mediachance公司的photoshop新滤镜DCE Tools 1.0――处理照片的专家 (1) 自动修缮 (2) CCD噪点修复（效果不是很明显，但是对高要求的玩友还是有帮助的） (3)智能色彩还原 (4)曝光补偿