推荐阅读
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、用曲线稍微调亮一点红色
最新发布
MAYA做云彩
1:创建一个PLANE U10*V10 2:为PLANE创建一个LATTIE控制网格,在DEFORMATION里5*5*5 3:用网格调整PLANE的形状如图 4:然 5:然后将PLANE MAKE LIVE 选择PARTICLE TOOL工具 钩选SKETCH PARTICLES。
Maya Fake 教程之暗夜天空篇
本套系列教程为maya高级渐进讲义,旨在讲述Maya在实战的技巧及运用。 Maya fake:可以理解为Maya的骗术,并不是Maya欺骗我们,而是在制作中的仿制技巧,一劳永逸。 Maya fake系列,我主要体现在模型,材质,渲染等方面。或许部分内容会让你看起来有些吃力,很可能是你的基础较薄弱;但我仍然会尽力让一切看似简单。下面让我们看一下效果图:(见图1) 1、完成曲线制作(见图2) 2、Loft成NURBS曲面(见图3) 3、创建球体放置如图(见图4)
Maya里创建真实的头发
Introduction--------------------------------------------------------- Hi all, as I see everyday a lot of people asking how to make hair or what’s the best way for creating hair, etc… Just here I will show a little steps how I’m creating hair in Maya using PaintFX. This tutorial contains three parts, first understanding hair elements, second working with complete hair and third setup hair strokes. Part 1: Understanding Hair Elements------ To create hair in Maya using paintFX, you need three things, first (as I named) Hair Heart, second Hair Path, and finally Hair Stroke, from these three elements you can create good paintFX hair… What I mean by these elements? Hair Heart: I mean from where the hair will grow/born (come from), it’s simply a curve, which you will attach the hair brush with it, you can make it shape as you like, I used to make i Hair Path: It’s your hair design, which you will animate in the future; you will make it from curves. Hair Stroke: It’s the hair look and how it will be, here is the real work on the hair will start. Now I will start making a single hair group, it’s just a way to make you start. Let’s start step by step… 1、You should start with your hair design by making the hair curves (hair
MAYA动力学柔体弹簧小教程
动力学是我们经常用到的,现在就做个柔体弹簧效果来抛砖引玉吧 嘿嘿!! 教材虽然小了一点,但对大家很有用!!! 它可以做许多的东西。。。。。不放试一试! 打开动力学模块,建立一个球体和平面体做原物体。 打开如图菜单,选择soft options命令,添加柔体效果,这样球体就有了比较柔软的感觉了。 打开windows菜单 选择out liner命令选择如图。。 同时选择离子 然后为球体添加重力场 ,这样球体就会像有了地球的引力一样。
用Maya创建复杂的曲线教程
First... create these 3 curves (fig 19), or download this step 1 file (Right-Click Save-As), if you open this file you will have 3 curves : 1 straight curve and 3 circle curves (fig 19) 开始...创建3条曲线(fig 19),又或者在下里下载(点击右键另存为),如果你打这个文件,你将得到3条曲线: 1条笔直的曲线和3条画圈(fig 19). OK first step, select all these curves, then select edit curves > intersect curves, you will have these 6 intersect areas, it means this operation will cut these intersect areas (fig 20). Next select back all of these curves then go to edit curves > cut curves. Now you will see some areas has been removed autmatically (fig 21) 第一步,选择所有的曲线,使用edit curves > intersect curves命令,你将在这些范围得到这6个相交点,这意味着我们将这这里剪切它们(fig 20).现在选择所有曲线并使用 e
