推荐阅读
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、用曲线稍微调亮一点红色
最新发布
教你用3D MAX打造可口冰淇淋
制作工具：3DMAX7.0 制作过程： 一、首先制作冰激凌的模型： 1、在“前”视图中新建图01所示的线条。 2、选择线条，进入“修改”命令面板，单击“顶点”按钮，选择图02中所示的点，单击鼠标右键，选择“贝塞尔”，将顶点进行圆滑处理。 3、选择线条，进入“修改”命令面板，在下拉列表中选择“旋转”项，得到图03所示的模型。 4、在“顶”视图中新建图04所示的图形，一个圆形和一个方形。
3D打造辉光文字效果
本教程由中国教程网 呱唧整理收集，转载请保留此信息。这个教程是整理出来的,因为原教程好象没有那么多图解,所以我就整理了一下,方便入门者先看效果图：本新闻共10页,当前在第01页 01 02 03 04 05 06 07 08 09 10
千纸鹤多边形建模
本文由中国教程网 我的奋斗原创，转载请保留此信息！用三D玩折纸，还算有点创意吧，呵呵，请大家看看我的原创作品，千纸鹤。喜欢的话就帮忙加点分哈！有兴趣的朋友就跟着我做一下，其实过程相当简单。先看效果图：本新闻共9页,当前在第1页 1 2 3 4 5 6 7 8 9 在顶视图中建立box
小折叠剪刀3D建模教程
本文由中国教程网专栏作者我的奋斗原创，转载请保留此信息！先看效果图：再来个镀金的，哈哈！本新闻共10页,当前在第01页 01 02 03 04 05 06 07 08 09 10
用好3ds max的《选边创建新图形》功能，快速制作窗格
本文由中国教程网专栏作者海啸原创，转载请保留此信息！我在这是新年献礼 知道的朋友就不要看了~~~先看效果图：本新闻共3页,当前在第1页 1 2 3
灯光与照明设计
当代简约的设计主导 在多年的设计理念中，认为简约的线条及铺排是最核心一环。简洁的设计才能真正的引人入胜，给人真正的享受；相反，太矫饰、繁杂的编排，只会增添许多不必要的元素，有悖于整体设计中增强室内净空感的宗旨。 而最重要的是怎样建立完善的空间结构，让空间传递出不同的气氛和层次感以至喜、怒、哀、乐各种情感，变得与人更加亲近，带来随时的惊喜。这在我的设计作品及最近与多个客户的交谈中多有阐述与认同。 灯光的重要性 在现在的设计工程档案中，不难发现各式各样的灯光主题贯穿于其中，影交集处处皆是，缔造出不同的气氛及多重的意境。 间接照明 灯光可以说是一个较灵活及富有趣味的设计元素，可以成为气氛的催化剂，是一室的焦点及主题所在，也能加强现有装潢的层次感。 一般而言，灯光编排可以分为直接和间接两种。 直接灯光泛指那些直射式的光线，如吊灯及射灯等，光线直接散落在指定的位置上，投射出一圈圈的光影，作照明或突出主题之用，直接、简单。 间接灯光在气氛营造上则能发挥独特的功能性，营造出不同的意境。它的光线不会直射至地面，而是被置于壁凹、天花背后，或是壁面铺饰的背后，光线被投射至墙上再反射至地面，柔和的灯光仿佛轻轻地洗刷整个空间，温柔而浪漫。 这两种灯光的适当配合，才能缔造出完美的空间意境。一些明亮活泼，一些柔和蕴藉，才能透过当中的对比表现出灯光的独有个性，散发出不凡的艺韵。 在家居灯光的运用上卧室要温馨，书房和厨房要明亮实用，客厅要丰富、有层次、有意境，餐厅要浪漫，卫生间要温暖、柔和。这样的灯光编排我想已达到它的最高效能了。 新世纪伊始，建筑环境照明设计在国际上有什么动向？我国建筑环境照明设计的现状与前景如何？ 这是照明设计工作者关心的问题，也是建筑师、规划师有兴趣的话题。 一、 光环境的营造引起建筑师、规划师的重视 光环境受到社会的关注――夜景照明、绿色照明、保护青少年视力…； 城市建设和建筑规模宏大，技术复杂，照明技术不断更新； 追求良好工作环境和生活环境的大趋势； 意识到“光”是环境艺术创作的重要元素。 实例： （一）柏林德国议会大厦透明的宏大玻璃穹顶：*的采光照明技术与屋顶结构融为一体，有强大的艺术冲击力。英国建筑师诺曼.福斯特的这一高技作品在使用现代科技表现建筑艺术方面树立了新的标准，荣获第22届普利茨凯奖。 （二）首都机场新航站楼：设计组在《建筑学报》发表四篇总结性文章，“室内视觉环境中的光”是其中之一。航站楼建筑面积28.65万 m2，安装了上百种、共62962套灯具（平均4.5m2一套）、94864只灯(约3 m2一只灯)，照明总功率4678千瓦(16.3W/ m2)；并在屋顶设105条天窗（3600 m2）供白天采光。这是一个庞大的建筑采光照明工程。该文作者提出建筑师必须进一步提高对光环境经营的认识；有关光环境营造的各方介入应该尽量提前等重要体会。 （三）城市夜景照明的兴起引发了规划师、建筑师对城市夜景观的关注和研究。一些城市和地区在城市规划和城市设计中开始引入“夜景照明规划”的内容。 二、 建筑环境照明设计的动向 （一） 全面评估照明质量，淡化、简化照度指标 2000年北美照明工程学会IESNA出版《北美照明手册―第9版》，它的主编Mark S Rea在《手册》前言中写道：“…过去二十年来在照明实践中有从照明工程（illuminating engineering）到照明设计(Lighting design)的动向，从照度计算到美学评价的动向，从数量到质量的动向。” IESNA的执行副主席William H. Hanly 认为：“这一方法（即《手册》中提出的包含全面质量要素的IESNA照明设计指南――作者注）被称为通往21世纪的桥梁”。 本新闻共2页,当前在第1页 1 2 IESNA主张，全面评估照明质量要综合考虑三方面的因素： 人的需求―― 可见度，作业功效，视觉舒适，社会交往，心情和气氛，健康、安全和愉悦，美的鉴赏； 建筑―― 形式，构图，风格，标准和法规； 经济与环境―― 装置，维护，运行，能量，环境。 对于第一方面的因素，IESNA提出了包含照度水平在内的19个因子，并对各类建筑与空间分别指出这些因子的不同重要程度。同时把照度标准简化为7级，即：定向与简单视觉作业30、50、100 lx；普通视觉作业300、500、1000 lx；特殊视觉作业3000~10000 lx 。 作者认为，对照明质量的要求可概括为三个层次：明亮，舒适，有艺术表现力。当然，三者融为一体的照明是最佳的照明。 明亮――合适的工作面照度和均匀度，作业对象和背景有良好对比，适宜的环境亮度； 舒适――没有眩光和频闪，人和物的造型立体感自然、悦目，作业面与周围环境表面的亮度比适当，照明控制灵活方便； 艺术表现力――光形成特定的情调和氛围，环境亮度图式富有吸引力，照明装置外观优美，生动变化的天然光和室外景观。 (二) 关注节能、环保和健康 节能、环保和健康是绿色照明的基本宗旨。1991年美国环保署倡导的绿色照明已普及全球，深入人心，对照明设计有深刻影响。 绿色照明以节能为中心推动高效节能光源和灯具的开发应用； 制订“照明产品能效标准”和“建筑照明节能标准”并且立法，引导照明设计采用高效节能照明产品。美国ASHRAE/ IESNA联合制订以单位功率密度UPD限值（瓦/ 平方米）为指标的建筑照明节能标准迄今已更新三次，UPD逐次减小； 绿色照明的实施有强大的技术支持――高效节能照明产品数据库，节能效益分析软件，咨询服务等，给照明设计提供便利。 近年特别关注照明造成的负面影响：眩光、光污染和光干扰。 （三）设计观念和设计手法的革新 对照明质量的全面理解与照明新技术的涌现促成了设计观念和手法的革新。 以人为本，个性化的设计――普及照明调控，关怀个人对光的不同需求，追求个性化的照明风格； 注重光色的选择，用光营造情调和氛围，满足人们心理上和精神上的追求； 非均匀照明，动态照明，在需要光的时间，把适量的光送到需要的地点； 室内、室外照明手法的互补和交叉； 舞台照明手法的应用――彩色灯光、动感照明、刻画重点、隐蔽光源。 （四）照明设计师与建筑师之间的沟通与合作日趋密切 优秀的照明设计照明概念一定要及早进入建筑方案，融入建筑设计和室内设计，使“光”成为建筑和室内外空间设计的有机组成部分，支持并演现建筑和室内设计的创意，实现用户的期望和要求。为此，照明设计师与业主、用户、建筑师、规划师之间的沟通与合作非常重要，这种合作日趋密切。 三、 未来的展望 （一）“光”作为设计要素之一，将走进建筑设计、城市规划，溶入建筑师和规划师的脑海. （二） 随着经济发展，生活提高，技术进步，照明将以人文思想作为设计理念；丰富的照明手段将创造新颖的照明方式；人们的身心和视力健康将因优良的照明而获益。 （三） 有志于照明事业的建筑专业年青人将走进建筑环境照明的设计队伍，加快我国照明设计专业化的进程，最终实现照明设计的职业化，规范化 本新闻共2页,当前在第2页 1 2