推荐阅读
3D MAX建模教程：女性角色模型解析
先来卡看最终效果图：嗨，各位，我是Andrius Balčiūnas，接下来，我将带领你们来了解我制作”Shadow Conscious”这副图的制作过程。这个项目主要是为了学习而制作。我想制作一个真实的(至少是自然的)人物。首先，寻找参考资料。我从网上收集了许多女孩的图片。虽然我不知道最后会成什么样子，不过我认为如果你拥有多个角度的女孩参考资料以及许多符合要求的解剖图片那会很有利于你的创作。我使用了可编辑的多边形建模。简单的从一个长方体开始，添加边缘线，切分等，我认为创建人物中最困难的地方在于它不是一个技术活，而是美与结构之间精准的平衡(如果这个是你的目的)。这里有个眼球建模的小技巧。不要把瞳孔开始的地方做成硬边。因为在后期渲染时将会得到非常糟糕的效果。同样，当你在制作眼球的外部球体来实现反射效果时，不要让它仅仅是一个简单的球体，你需要把它做的有点凸起。这样，就能得到自然的反射效果。
告诉你亚当斯区域曝光秘籍
除了分别曝光，可能确实没有什么能让你在前期做到既让左侧的透过云彩的阳光清晰，又能让右侧的建筑物清晰的方式。 景山万春亭 iso200 白平衡自动 亚当斯认为，黑白负片所能呈现的最大明、暗对比是从第2 – 8区 (数码的宽容度公认的比负片要低些但高于反转片)。而自然中光线强弱的变化，从最亮的阳光下的积雪，到最暗的阴影甚至会超过0 – 10区。有的情况下，画面中的景物又没有这么大的反差。比如只有从第4 – 6区，那就要通过曝光和暗房后期增加反差。总之，最终的效果是要充分利用底片(相纸)的宽容度，使一张照片中，黑的地方黑(第2-3区)白的地方白(第7 – 8区)，这才是好照片!(注意以上叙述并非亚当斯原话，是老败对亚当斯精神实质的理解，信不信由你)。看看他拍出来的照片，漂亮照片都是这样的。 操作上，亚当斯的方法必须使用测光表，并且是点测光表(没有就DIY，象亚当斯那样)，并且首先要了解一点测光表的工作原理。上面说过，这1 – 10区的灰阶是摄影工业标准。测光表工作的逻辑过程是这样的：你给它‘看’一个目标，它检测目标的亮度后告诉你使此目标‘正确’曝光的光圈/快门组合(亚当斯那年头的测光表没这么先进，只能告诉他目标亮度是多少烛光每平方英尺，剩下的自己算。所以确切地知道亚当斯的操作细节没有意义。我们需要理解的是其精神实质对我们现在的帮助)。需注意‘正确’二字加了引号，什么意思呢?正确，就是把你的目标曝光成中灰，18%灰，第5区，随你怎么叫。而且不管你给它看的目标是白的(8、9区)，还是黑的(2、3区)，按测光表曝出来的效果就是第5区。听起来有点荒唐?没事可以慢慢想想，很难有更好的办法。 知道了测光表的逻辑过程。对亚当斯的语言就很好理解了。他常说在拍某某照片时把某某景物(比如一块石头，一片树林，一片云)“放在”第几区。怎么个‘放’法?用点测对目标(一块石头)测光，然后用测光表告诉你的光圈/快门组合曝光，你就是把这块石头‘放’在了第5区。也就是说，在你的照片里这块石头将是中灰。什么?!灰色的石头?!不行!这块石头在俺的画面里很重要，它处在树下阴影部分，色泽幽暗，与旁边天光直射下的花丛成鲜明的对比。它明明都快是黑的了，怎么弄成中灰了!这哪成?!?#￥%…… OK! 你的意思是这块石头不应该被放在第5区，而应该被放在第3区?那好办，按刚测出来的光圈/快门组合减两档曝光就是了。再测测边上的花丛，亮度比石头高出了4档光圈之多，把石头放在3区，花丛就被放在了7区，无论是底片还是数码的宽容度都该足够，挺好，按快门吧，你都应该已经能想象出能够得到一张什么样的照片了。(prevision 是亚当斯在推广他的理论时所宣称的重要优点之一。但这一点在当今数码 OK! 不知不觉，咱们已经按照亚当斯区域曝光理论虚拟操作一次了。体会到它的优点了吗?如果用点测光，测石头并曝光，石头出来是中灰(5区)，花丛就是9区!完蛋，曝过了!超过底片/数码的宽容度，只得到惨白的花丛。用点测，测花丛并曝光，拍出来花丛是中灰(5区)，石头可就成了1区了!完蛋!还是超过底片/数码的宽容度，欠曝，只得到漆黑的，没有质感的石头。那我用视场平均测光(这是亚当斯年代就有的)。那就得看运气了，你的暗石头占多大画面面积?花丛又占多少?其它背景很可能面积更大且可能很黑(地面阴影)，也可能很亮(天空或水面), 它们会主导视场平均测光的结果(因为面积更大)，所得出的曝光结果是你完全无法预料的。那我用*重点平均测光，评价测光，使用曝光锁定按钮……….. 这些都可以，但都不能保证给你一个暗而有细节的石头和明亮而有细节的花丛。只有亚当斯区域曝光法 – Adams’s Zone System 可以帮助你信心满满地做到这一点。 亚当斯的区域曝光法可以保证你得到反差漂亮的照片，可好多人看了都嫌麻烦。当然了，嫌麻烦的可不只一个两个，懒人有一个优点就是聪明，于是就总结出了亚当斯理论的简化版，就4个字：白加黑减。啥意思呢?道理很简单。 首先明确前提条件：点测光。凡是谈亚当斯的道理都是在谈点测光，白加黑减是亚当斯简化版当然也不例外。 千万别把视场平均测光混进来，那肯定绕糊涂! 然后定义‘黑’和‘白’。‘黑’，就是画面中最暗的部分。‘白’就是画面中最亮的部分。 请看这张照片。先用视场平均测光来介绍一下这个画面。这是冬季上午9点不到室内阳光直射下的一个音箱。画面中的‘黑’与‘白’分别用绿圈和红圈标示。看看曝光组合。一切都规规矩矩，有什么错嘛?没有。可画面就是那么平淡。看看那中间调，就一个字：肉!结论: 视场平均测光不是好办法!
定焦镜头的优势与选择的理由
很多摄影爱好者希望“一镜走天下”，对变焦范围小的镜头都不满意，更别说定焦镜头了，其实，真正从摄影的角度分析，定焦镜头有许多优势。 首先补充一点点英文概念：一只定焦镜头(prime lens)特指只有一个固定焦距的镜头，相对应的另一种镜头则是变焦镜头(zoom lens)，后者拥有可调整的多种焦段。虽然变焦镜头比定焦镜头在取景上更为方便，但是很多摄影者最终会选择一只定焦镜头作为自己最主要的拍摄伙伴，下面是最重要的6个让人钟情定焦镜头的理由。 1.实惠的价格 一般来说，定焦镜头要比变焦镜头的价格更低廉，相对变焦镜头，一只Prime Len采用更少的镜片组以及更简单的结构设计，一般来说，最出色的定焦镜头只有变焦镜头的一半价格，尤其是50mm焦段，几乎是各家最便宜的镜头焦段。 2.较小的畸变 畸变是变焦镜头最大的软肋，几乎所有涉及广角的变焦镜头都存在明显的畸变问题，而定焦镜头因为只需对一个焦段的成像进行纠正与优化，所以往往很少会出现畸变现象;另外值得一提的是，旁轴相机在广角畸变上比单反相机有天生优势，例如15mm/f4.5等超广角镜头甚至完全不存在畸变。 3.更锐利的成像 简单的镜片结构自然会带来更锐利的图像，尤其是那些含有ASPH非球面镜片的定焦镜头，在最大光圈下也能提供极为锐利的焦内成像。 4.柔美的焦外(Bokeh) 在相同价格下，定焦镜头可以比变焦镜头提供更大的光圈(事实上变焦镜头的极限光圈便是F2.8)，也就意味着更柔和的焦外虚化(Bokeh)效果，除此之外，定焦镜头的光圈叶片更多，接近圆形的光圈会提供最漂亮的Bokeh。
最新发布
网页HTML代码讲解:有序列表和无序列表
用于组织数据的列表学习了这么多控制网页显示的HTML标签，读者可以初步制作纯文章页面了。本节学习HTML中的列表元素，列表形式在网站设计中占有比较大的比重，显示信息非常整齐直观，便于用户理解。在后面的CSS样式学习中将大量使用到列表元素的高级作用。 4.4.1 列表的结构组成HTML的列表元素是一个由列表标签封闭的结构，包含的列表项由<li></li>组成。具体结构如图4.17所示。 4.4.2 制作无序列表顾名思义，无序列表就是列表结构中的列表项没有先后顺序的列表形式。大部分网页应用中的列表均采用无序列表，其列表标签采用<ul></ul>，编写方法如下：<ul> <li>列表项一</li>
网页HTML代码：滚动文字的制作
制作滚动文字 通过本章前面的学习，读者已经能够很好地控制各种段落文字的显示方式，不过无论怎么设置，文字都是静态的。本节笔者讲述HTML代码中比较特殊的标签，它能使网页中的文字滚动，并且可以控制其滚动的属性。 4.3.1 设置文字滚动HTML技术中使文字滚动的方法是使用双标签<marquee></marquee>。在HTML代码中可使其作用区文字滚动，默认为从右到左，循环滚动。在D:\web\目录下创建网页文件，命名为mar.htm，编写代码如代码4.15所示。 代码4.15 文字滚动的设置：mar.htm <html><head>
HTML网页各种字体格式的细节修饰
4.2 文字的多样化修饰上一节学习了大块段落的各种设置，对于文字本身修饰似乎更加吸引人。本节从文字的细节修饰入手，使读者能把握HTML的各种字体格式的变化，制作出更为专业的网页。 4.2.1 文字样式设置的基本标签—<font>设置字体样式的基本标签是<font></font>，被其包含的文本为样式作用区。在初学者的HTML代码编写中，<font></font>容易被多重嵌套，如<font 属性1=值1><font 属性2=值2>文本</font></font>。还有一种情况是标签嵌套错位，如<font><p>文本</font></p>。为了规范代码的编写，避免不必要的错误，读者在初学时一定要谨慎。 4.2.2 设置文字的颜色color是<font></font>标签的属性之一，用于设置文字颜色。在D:\web\目录下创建网页文件，命名为font_color.htm，编写代码如代码4.7所示。代码4.7 字体颜色的设置：font_color.htm<html><head>
HTML网页的段落排版和换行
HTML网页中的文字和段落通过上一章的学习，读者在网页整体表现设置方面有了比较扎实的基础。但是读者不仅是希望在网页上表现文字，更希望对网页上的文字进行排版、修饰。本章将学习文字的简单排版、修饰、滚动文字以及超级链接。超级链接在网站开发中无处不在，是网页中的重点。学习本章时，在D:\web\目录下创建一个目录命名为chapter3，把上一章的文件移动到D:\web\chapter3，做一个归类。本章继续在D:\web\目录下创建示例文件，这样方便用IIS测试示例文件。— 说明：以后章节都作类似处理，不再重复说明。如第4章文件归类到D:\web\ chapter4。4.1 段落排版和换行网页的外观是否美观，很大程度上取决于其排版。在页面中出现大段的文字，通常采用分段进行规划，对换行也有极其严格的划分。本节从段落的细节设置入手，使读者学习后能利用标签自如地处理大段的文字。 4.1.1 给大段文字进行分段简单地对文字分段常用<p></p>标签，即段落的开始用<p>，段落的结束用</p>标签。某些网页分段时省略了</p>，即作为单标签使用，因为下一段开始的<p>标签就意味上一段的结束。— 注意：笔者不推荐把<p>当作单标签使用，这样代码不规范，易出错。
网页中flash wmode属性你会用吗？
在flash标签中<param name=”wmode" value="xxxx">"Window" 在 Web 页上用影片自己的矩形窗口来播放应用程序，并且始终位于最顶层。"Opaque" 显示页面上位于它后面的内容。"Transparent"使 HTML 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。注："Opaque"和"Transparent"都可与 HTML 层交互，从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于"Transparent"允许透明，因此，如果 SWF 文件的某一部分是透明的，则 SWF 文件下方的 HTML 层可以透过该部分显示出来，而"opaque"则不会显示。也就是如果发生FLASH遮盖DIV层的情况，就必须要改wmode属性为“Transparent”在做web开发中可能会遇到flash遮挡页面中元素的情况，无论怎么设置flash容器和层的深度(z-index)也无济于事，现有的解决方案是在插入flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”，但wmode属性到底是什么意义，为什么可以解决这个问题呢？window mode(wmode)
XHTML教程:Transitional和Strict的区别
在推广Web标准的今天，那些崇尚Web标准的人经常说XHTML比HTML更加严格，当然从某种意义上说是的，比如它要求所有的标签关闭并且所有的属性都用引号。但其实XHTML 1.0还分两种（加上Frameset DOCTYPE的话算三种，本文不讨论），Transitional（过渡型）和Strict（严格）DOCTYPEs。并且HTML 4.01也有同样的文档声明。从字面上就可以看出来意思：Transitional DOCTYPEs只是为了实现从旧时代到新时代的过渡，而且Strict DOCTYPEs是默认的文档声明， 对构造HTML 4.01和XHTML 1.0都适用。使用Transitional DOCTYPE一般是由于代码中含有过多陈旧的写法，并且一下子很难完全转换到Strict DOCTYPE来。但是Strict DOCTYPE才应该是你的目标。它鼓励甚至有时是强迫你把结构与表现区分开来，把表现层的代码都写在CSS里。HTML 4 Document Type Definition：本HTML 4.01 Strict DTD不包括表现层属性和标签，W3C将逐渐淘汰这些属性和标签，您完全可以使用样式表来实现。您应该使用Strict DTD，如需获得表现层属性和标签的支持，请使用Transitional DTD。用Strict DOCTYPE还有一个好处，即可以让浏览器使用它们最严格、（一定程度上）最符合标准的模式来渲染页面。Tommy Olsson在Web Standards Group的Ten questions for Tommy Olsson一文中很好的阐述了使用Strict的好处：我觉得，使用Strict DTD，无论是HTML 4.01 Strict还是XHTML 1.0 Strict，远比讨论是用HTML还是XHTML重要的多。它代表了未来互联网的质量。它将结构和表现分开，使得维护一个站点非常容易。对于刚开始接触web standards和正确的、语义化的结构的人，认清Transitional和Strict DOCTYPEs的区别非常重要。更多详细列表请参考：XHTML: Differences between Strict & Transitional、Comparison of Strict and Transitional XHTML和XHTML1.0 Element Attributes by DTD。对于准备向Strict进发的人来说，两者的有些区别很可能会使开发者犯错误，接下来我将会谈到。元素类型的内容模型描述了什么样的元素类型实例可以被包含。这一点上，两种文档声明的最大区别在于blockquote, body, 和form元素仅能够包含块级元素，如：
网页设计之5种简单的XHTML网页表单
将输入框，选择框和文本框全部包含进 label 元素，并全部设置为块级元素。将单选按钮和多选框显示方式设置为 inline 以便于它们在同一行出现。如果你比较喜欢 label 和单选按钮/多选框出现在不同行，可以选择不把它包含在 label 里面，或者使用硬换行处理。每种情况都在下面展示了。当这些看起来比较时髦的时候，W3C 事实上已经含蓄地展示了他们的 label 例子。主要好处：简单代码：label, input, select, textarea {display: block;} label {margin-bottom: 10px;} input[type="radio"], input[type="checkbox"] {display: inline;} <form> <fieldset> <legend>Contact Form</legend> <label for="name"> Name</label> <input id="name" name="name" size="20" /> <label for="email">Email</label> <input id="email" name="email" size="20" /> <label for=" Choices"> Choices (radio) — <em>wrapped label</em></label> <input name=" Choice" type="radio" /> Choice 1 <input name=" Choice" type="radio" /> Choice 2 <input name=" Choice" type="radio" /> Choice 3 <label style="margin-bottom: 0pt;" for=" Choices2"> Choices (checkbox) — <em>non-wrapped label, margin reset</em></label> <input name=" Choice2" type="checkbox" /> Choice 1 <input name=" Choice2" type="checkbox" /> Choice 2 <input name=" Choice2" type="checkbox" /> Choice 3 <div style="height: 10px;"><!-- just to split the demo up --></div> <label for=" Choices3"> Choices (checkbox) — <em>wrapped, hard line-break</em></label> <input name=" Choice3" type="checkbox" /> Choice 1 <input name=" Choice3" type="checkbox" /> Choice 2 <input name=" Choice3" type="checkbox" /> Choice 3 <label for="dropdown"> Question</label> <select id="dropdown"> <optgroup label="Group of Options"></optgroup> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> </select> <label for="message"> Message <textarea cols="36" rows="12" name="message"></textarea> </label> <input type="submit" value="send it" /> </fieldset> </form> 运行结果：
译文：如何写出漂亮的HTML代码
老外写的一篇文章:What Beautiful HTML Code Looks Like 如何写出漂亮的HTML代码 感觉写的非常的不错，转载过来，与大家分享一下:ps:原文地址：http://css-tricks.com/what-beautiful-html-code-looks-like/1.DOCTYPE Properly Declared别忘记头部的声明，它会告诉浏览器如何渲染你的HTML。2.Tidy Head Section设置title,字符集.将CSS和JS外链(包括一个打印用的CSS)。3.Body IDed给body一个ID。这里作者提到的原因是，为多页面的中容器选择提供便利。比如通过给page1和page2中BODY设置不同的ID，就可以通过#page1 h2和#page2 h2来设置两种不同的效果，我感觉这个到是要看情况和具体架构再具体使用。4.Semantically Clean Menu编写符合语意的菜单代码。<div id="menu"><ul><li><a href="index.php">Home</a></li><li><a href="about.php">About</a></li><li><a href="contact.php">Contact</a></li></ul></div>ps:我个人觉得这样写代码应该更简单一点吧:<ul id="menu"><li><a href="index.php">Home</a></li><li><a href="about.php">About</a></li><li><a href="contact.php">Contact</a></li></ul>5.Main DIV for all Page Content要有一个主体DIV包含所有的内容。方便固定主体的宽度,边距等等。6.Important Content First先写主要内容,再写次要内容.如果你的导航或者侧边栏不是很重要,最好将他们写在最后。7.Common Content INCLUDED将导航,页尾等公用的部分用动态调用的方式引入,比如PHP的include。8.Code is Tabbed into Sections缩进代码
IE的有条件注释优点和缺点
IE的有条件注释是一种专有的（因此是非标准的）、对常规（X）HTML注释的Miscrosoft扩展。顾名思义，有条件注释使你能够根据条件（比如浏览器版本）显示代码块。尽管是非标准的，但是有条件注释对于其他所有浏览器作为常规注释出现，因此本质上是无害的。有条件注释在Windows上的IE5中首次出现，并且得到了Widnows浏览器所有后续版本的支持。IE的有条件注释及其有效，而且非常容易记住。主要的缺点是这些注释需要放在HTML页面中，而不是放在CSS中。这样，当你不需要这些东西，或者有所更改的时候，就需要维护很多的地方。让我们据几个例子来看看吧——只有IE才能识别因为只有IE5以上的版本才开始支持IE条件注释，所有“只有IE”才能识别的意思是“只有IE5版本以上”才能识别。只有特定版本才能识别例如，只有IE5才能识别，只有IE6才能识别，只有IE7或者IE8才能识别。识别的条件是特定的版本，高了或者低了都不可以。例如下面的代码块，将只会在IE8中有效<!--[if IE 8]><style type="text/css"> @import "test.css";</style><![endif]-->