默认页面标题 - 菜鸟图库

推荐阅读

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)。

Photoshop制作漂亮的粉红长毛特效字

阻碍你学习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">  </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" align="right" </td> <td class="code">float: left; float: right;</td> <td>使用CSS可以浮动 任何元素:图片、段落、div、标题、表格、列表等等 当你使用float属性，必须给这个浮动元素定义一个宽度。 </td> </tr> <tr> <td>marginwidth="0" leftmargin="0" marginheight="0" topmargin="0"</td> <td>margin: 0; </td> <td>使用CSS, margin可以设置在任何元素上, 不仅仅是body元素.更重要的，你可以分别指定元素的top, right, bottom和left的margin值。 </td> </tr> <tr> <td>vlink="#333399" alink="#000000" link="#3333FF"</td> <td>a:link #3ff; a:visited: #339; a:hover: #999; a:active: #00f; </td> <td>在HTML中，链接的颜色作为body的一个属性值定义。整个页面的链接风格都一样。使用CSS的选择器，页面不同部分的链接样式可以不一样。 </td> </tr> <tr> <td>bgcolor="#FFFFFF"</td> <td>background-color: #fff; </td> <td>在CSS中，任何元素都可以定义背景颜色，不仅仅局限于body和table元素。 </td> </tr> <tr> <td>bordercolor="#FFFFFF"</td> <td>border-color: #fff;</td> <td>任何元素都可以设置边框(boeder)，你可以分别定义top, right, bottom和left </td> </tr> <tr> <td>border="3" cellspacing="3" </td> <td>border-width: 3px; </td> <td>用CSS，你可以定义table的边框为统一样式，也可以分别定义top, right, bottom and left边框的颜色、尺寸和样式。 你可以使用 table, td or th 这些选择器. 如果你需要设置无边框效果，可以使用CSS定义： border-collapse: collapse; </td> </tr> <tr> <td> </td> <td>clear: left; clear: right; clear: both; </td> <td>许多2列或者3列布局都使用 float属性来定位。如果你在浮动层中定义了背景颜色或者背景图片，你可以使用clear属性. </td> </tr> <tr> <td>cellpadding="3" vspace="3" hspace="3" </td> <td>padding: 3px; </td> <td></td> </tr> <tr> <td>align="center"</td> <td>text-align: center; margin-right: auto; margin-left: auto; </td> <td>Text-align 只适用于文本. 象div，p这样的块级怨毒可以通过margin-right: auto; 和margin-left: auto;来水平居中 </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》将非常有帮助。