推荐阅读
PS调出梦幻紫色效果的外景林中女孩照片处理
最终效果原图1、打开原图素材大图，创建可选颜色调整图层，对绿色进行调整，参数及效果如下图。这一步把图片中的绿色转为青绿色，并调暗一点。2、按Ctrl + J 把当前可选颜色调整图层复制一层，效果如下图。3、创建曲线调整图层，对RGB、红、绿、蓝通道进行调整，参数及效果如下图。这一步把图片暗部稍微调亮，并增加紫红色。
photoshop快速简单给少女转换成精细的素描效果
原图效果图1、打开素材原图，复制背景图层。执行图像>调整>去色 参数设置如下图2、再把去色图层复制一层。执行图像>调整>反相 图层样式设置为“颜色减淡”如下图4、双击图层样式，对混合选项进行调整。最终效果如下图
CorelDRAW巧绘卡通曼雅形象(1)
大家都知道韩国的曼雅搞笑可爱，今天我们用来画一个曼雅（图1），这个过程中你将学习到CorelDRAW的很多绘画技巧。本文以CorelDRAW 9.0版本为例，来讲述绘制卡通的窍门。 新建一个文件，文件尺寸自定，首先我们要把曼雅的大概形状画出来，先画头部，使用“椭圆形工具”在工作区里画出一个椭圆，按“Ctrl+Q”转换成曲线，按“F10”使用造型工具修改形状，也可以通过用鼠标拖拉椭圆的控制手柄来对圆进行变形。如果想通过控制节点来控制椭圆的形状，就必须先把椭圆曲线化。 耳朵：使用同样的方法，用“椭圆形工具”画出一个椭圆，对它进行旋转操作，先要选中椭圆，再点击鼠标一次，出现旋转箭头，拖动箭头就可旋转。调整好角度与位置后，复制一份用来做右边的耳朵，然后点击属性栏内的“水平翻转工具”。 技巧提示：按住Ctrl键，拖动对象上的旋转箭头，进行旋转，每次旋转角度为15度选取所需复制的对象，按小键盘上的“+”键，可快速复制。
摄影常识基础：曝光锁定与曝光补偿
当摄影场景明暗、反差变化很大，例如逆光状态下，该怎么有效控制测光值呢?这时我们可以运用相机的「曝光锁定」功能，将测好的曝光值固定起来，这样子无论怎么改变构图、改变拍摄角度，都不会被外来光线给影响。本篇文章就为大家介绍，如何正确运用、操作曝光锁定与曝光补偿功能。 什么是曝光锁定按钮 曝光锁定，顾名思义就是锁定某一个点的曝光值。如果在想要表现的画面中，主体并不在中心点，可以先对准需要表现的主体进行测光，并使用曝光锁定功能锁定对主体测光的资料，最后根据自己的想法，重新构图，对焦后按下快门按钮拍摄。 需要注意的是，在使用权衡式测光时，曝光锁定的是合焦的自动对焦点的测光结果。使用中央重点平均测光、点测光和局部测光时，则锁定中央对焦点的测光结果。半按下快门键针对被摄主体对焦、测光，再按下机身背面的按钮即可锁定曝光值。 按下相机上的曝光锁定按钮。 曝光锁定的操作要领 在人像摄影中，常常对准人物的脸部准确测光，配合曝光锁定功能，避免人物曝光受到周围环境的影响。用微距镜头拍摄昆虫和花卉，由于被摄主体常常很小，并且很容易受周围环境的影响。因此，也需要配合曝光锁定功能主体精确曝光。在拍摄明暗反差非常大的风景时，正确地选择测光点，配合曝光锁定功能是有效避免曝光失误的关键。以Canon EOS 5D Mark Ⅲ为例，设定和使用曝光锁定功能的方法如下。摄影教程 针对主体测光对准想要重点表现的主体，半按快门按钮测光，观景器下方显示光圈和快门值。
最新发布
平面设计理论:创造视觉冲击力作品
译者的话】 无论是什么设计，首先是它必须能够引起别人的注意，也意味着它必须有某种视觉冲击力，否则没有人会有耐性看下去。本文从几个因素来讨论如何通过从尺寸变化、颜色运用及对比来使你的设计给人留下深刻的印象。本文共两页。一个平面设计主要有三种目的：要达到前面两种目的，最好的办法就是视觉冲击力。你的设计及版面会决定别人观看你的作品时间的长短，只有别人的注意力在你的作品中停留的时间较长，信息才能有效沟通。如果你的作品不能引起别人的注意，其它一切都是无意义的。字体、图片及各种设计元素的尺寸决定了你的作品是否具有冲击力。尺寸的使用技巧就是我们必须在设计中产生强对比。如果一个元素仅仅比其它元素大一点，并不会有什么效果出来。 在下面这个设计中，图片及标题的尺寸是这个设计中具有冲击力的一个决定元素。部分标题文字尺寸较小，使我们在对比中能够更直观感觉大的元素。 时钟的图片通过剪切后作为背景，而且放得很大，而没有剪切的时钟图片则放在前面，这种设计比简单地放上一个时钟的效果要好很多。记住，当我们对一件大家都熟悉的物品进行剪切时，人们在观看时会在脑海里将被剪切掉的部分自己补充上，这种视觉惯性对于我们设计来说是一个有利的因素，使我们可以设计出一些“看不见的空间”。虽然只是一个黑白设计，但冲击力非常强烈。很显然，下面的设计中插图非常简洁，而且插图元素非常大，虽然仅是一个黑白的低预算设计，但却非常吸引人的视线。
了解如何减少 reflow 次数
浏览器为了重新渲染部分或整个页面，重新计算页面元素位置和几何结构（geometries）的进程叫做 reflow。由于 reflow 是一种浏览器中的用户拦截（user-blocking）操作，所以了解如何减少 reflow 次数，及不同的文档属性（DOM 层级（DOM depth），CSS 效率，不用类型的 style 变化）对 reflow 次数的影响对开发者来说非常必要。有时 reflow 页面中的一个元素会 reflow 它的父元素（译注：这里是复数）以及所有子元素。有多种用户操作和 DHTML 变化可能会触发 reflow。调整浏览器窗口的大小，用 javascript 计算样式（computed styles），在 DOM 中创建删除元素，改变元素的 class 都会触发 reflow。值得注意的是，有些操作会多次触发 reflow，超出你的想象。下图源自 Steve Souders 的演讲 "Even Faster Web Sites"：从上表可以很明显的看出，在所有浏览器中并非所有 javascript 控制的样式都触发 reflow，即使触发了触发的次数也不尽相同。同时可以看出现代浏览器在控制 reflow 次数方面做的越来越好。在 Google，我们通过多种方式对我们的页面及 Web 应用测速，同时 reflow 是我们增加 UI 时考虑的一个关键因素。我们致力于传达轻快的（lively），交互性强的（interactive）和令人愉悦的（delightful）的用户体验。原则下面是一些减小 reflow 的原则：在下面的视频中（译注：引用自 youtube，无法观看，请到原文翻墙），Lindsey 介绍了一些减少 reflow 的方法。延伸阅读
网页设计师如何应对客户无理要求
作为一个网页设计师，最头痛的事情是碰上“你不明白我的意思”这样的客户。这篇文章谈谈客户无理要求令网页设计师头疼的七大问题。当然并不会仅仅是发现这些常见的问题，我们将还会与大家分享如何避免这类问题的产生并向顾客解释清楚为什么无法满足他们的要求。最难应付的问题之一就是客户没有充分意识到你即将向他提供服务的价值。网页设计师也要谋生，如果项目的报酬太低，大多数情况下还是算了，因为这种低报酬的项目还会让你失去其它机会。如何应对 如果说你正要寻找更多的客户，那么积极做出回应也无妨，但是如果你有相当多的工作要做，还是考虑推掉这种项目。虽然关于项目的价格最终达成一致可能需要一点时间，一开始这么回复比较有帮助：“我最低时薪为$XX小时，如果你有兴趣，我很乐意给你一个更详细的报价。”如果他们对你比较感兴趣的话，他们可能会回复，如果没有回复的话，不要试图依靠调整时薪来获取这个用户，这是不明智的。还是等待更好的时机，花更多的时间和精力在你现有的客户身上。有些客户甚至可能还会进一步压低我们的报酬，说诸如“我儿子说只要50美元就可以做了，我只是打算找些更专业的人罢了，不过看起来好像太贵了，就算是专业人士也不值这个价。”碰到这种情况，一定要保持镇静同时显示出你的专业性，跟客户解释清楚专业网站设计师与业余设计师是有区别的。这类型的客户通常会是需要把工作外包的专业人士，也可能是一些业余的设计师却自认为自己达到了专业网页设计师的水准。他们的心态往往是这样的，”这 种工作我也可以做，不需要花费太多钱”。 除此之外，这类客户似乎知道如何把所有的事情做好，有点霸道或者无法放手发挥你的创造性。如何应对
HTML的sub,sup标签制作电子商务网站中的价格
HTML的sub,sup标签制作电子商务网站中的产品价格标签。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>html中的sub与sup标签</title> </head> <style type="text/css"> body { font:12px/1.8 Tahoma} span.price { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:700; color:red;} span.price sub { vertical-align:baseline; font-size:12px;} span.price sup { vertical-align:text-bottom; color:#555} </style> <body> <span class="price"><sup>￥</sup>43.<sub>26</sub></span> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
让IE支持HTML5办法
HTML5预计是在2022年发布，但我认为它距离我们并不是那么遥远，因为在html5gallery就例举了大量正在使用HTML5的站点，当然包括本人BLOG在内。关于HTML5不得不提IE，在苹果、Google、Opera和Mozilla等主流浏览器厂商积极参与新版本HTML标准的制定和推广时，微软却对HTML 5规范不屑一顾。然而微软近期才表态要在IE中支持HTML 5，以致到今天为止的IE8及以下是无法支持HTML5标签的。但在sitepoint找到了让IE支持HTML5办法。以下是在的IE 8显示的例子,未作处理前：让IE(包括IE6)支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的document.createElement声明，利用条件注释针对IE在对象中创建对应的节点。<!--[if IE]> <script> document.createElement("header"); document.createElement("footer"); document.createElement("nav"); document.createElement("article"); document.createElement("section"); </script> <![endif]--> 添加以上代码后，在IE8中显示的效果如下：sitepoint例子中创建节点的JavaScript代码似乎过于臃肿，在smashingmagazine提供的代码似乎更简洁。Demo：http://blog.gulu77.com/demo/200908/html5_demo3.html<!--[if IE]> <script> (function(){if(!/*@cc_on!@*/0)return;var e = "header,footer,nav,article,section".split(','),i=e.length;while(i--){document.createElement(e[i])}})() </script> <![endif]--> HTML5在默认情况下表现为内联元素，对这些元素进行布局我们需要利用CSS手工把它们转为块状元素，如下例：
IE9关键字:硬件渲染,新的JS引擎,CSS,标准
虽然IE6在依然是很重要的钉子户，但是我们不能放弃关注未来ie的变化。IE9 的几个关键字： 硬件渲染，新的JS引擎，CSS，标准大家期待已久的圆角也将支持了不过这里最让大家期待的是硬件渲染的支持。这可以让浏览器性能提高一个很高的档次。关于新的脚本引擎可以用下图来说明，这个测试是用著名的SunSpider来测试的更多信息可以从官方博客得到 :P
网页制作掌握的最常用的HTML标记
一、HTML常用标签的优化对于html，应该是网络编辑的基本技能，不熟悉是说不过的。作为网络编辑，所有的SEO参数没有必要全部掌握，但HTML基本标签中相关SEO的东西，大家有必要了解一下。 <html><head><title>页面标题</title><meta http-equiv=Content-Language content=zh-cn><meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”><meta name=“keywords” content=“关键词”><meta name=“description” content=“网页描述”>
网页设计教程:TabIndex元素
TabIndex就是按Tab键有顺序的获取定义过的TabIndex元素设置在各个元素之间的焦点。 做过表单或者填写过表单的人都会发现，使用Tab键可以逐一获得每个input的焦点。这个东东其实也是可以修改的，比如不想被获取，或者改变被获取的顺序。 在填写表单的时候（注册登录或其它），有很多用户都是不通过鼠标，而直接按Tab键跳到下一个文本框的，等到所有的东东都填好，然后是提交，这是一个非常好和方便的功能。我个人的习惯是，在填写完所有的东西时，提交一般都是用鼠标去点击提交按钮的，而且不希望Tab会使焦点跳到button上面，但我很少发现有使用Tab不会跳到button上的，不知道是不是个人习惯太BT了-_-!!! 如果不想某个东东被获取焦点，可以tabindex=-x，让tabindex的值为负，这样的话Tab就会直接跳过。下面用一个简单的表单做例：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="gb2312" /> <title>TabIndex是干什么滴</title> <style type="text/css"> html,body { font:14px/200% Georgia, Verdana, Arial, "宋体"; } </style> </head> <body> <form method="post" action="#"> <p><label for="t1">The first pressing Tab to set focus to textbox </label><input type="text" id="t1" tabindex="1" /></p> <p><label for="t2">The Second pressing Tab to set focus to textbox </label><input type="text" id="t2" tabindex="2" /></p> <p><label for="t3">The Third pressing Tab to set focus to textbox </label><input type="text" id="t3" tabindex="3" /></p> <p>Press Tab, Not focusing to textbox <input type="submit" id="t4" tabindex="-1" value="SendInfo" /></p> </form> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]<form method="post" action="#"> <p><label for="t1">The first pressing Tab to set focus to textbox </label><input type="text" id="t1" tabindex="1" /></p> <p><label for="t2">The Second pressing Tab to set focus to textbox </label><input type="text" id="t2" tabindex="2" /></p> <p><label for="t3">The Third pressing Tab to set focus to textbox </label><input type="text" id="t3" tabindex="3" /></p> <p>Press Tab, Not focusing to textbox <input type="submit" id="t4" tabindex="-1" value="SendInfo" /></p></form> 使用Tab键，获取焦点的顺序就是通过tabindex的值大小来排序的。上面的例子依次获得焦点的是t1, t2, t3, 到t4的时候，由于TabIndex的值为-1，所以t4不会获得焦点，而是直接跳到下一个获取焦点的元素上。 t1, t2, t3, t4的TabIndex值可以根据实际需求任意更改，Tab焦点根据值由小到大被获得。 TabIndex就是用来做这些滴。。。
网页制作教程:TD也可以溢出隐藏显示
或许我这篇文章一取这样的名字，就会有人要问了：你怎么还在关注table啊，那早就过时了…赶紧Xhtml…div好…ul好…ol好…dl好…完了，不知道还有什么好了。 table真的过时了么？你真的了解table么？你真的会用table么？ 打口水仗不是我们要做的，留给那些时间很充裕的人吧。 言归正传： 不记得是什么时候，有人在用table模拟DataGrid的时候说，为什么td超出设置为固定宽度的文字不能隐藏，而是会直接换行呢？ 是的，事实确实如此，如：<style type="text/css">table {width:500px;table-layout:fixed;}.col1 {width:100px;}.col2 {width:200px;}.col3 {width:200px;}td {white-space:nowrap;overflow:hidden;}</style><table border="1" cellspacing="0" summary="回头来看看Table：TD也玩overflow:hidden"> <tr> <td class="col1">神舟 优雅Q400N</td> <td class="col2">优雅Q400N，采用Intel Core2 Duo(Merom) T5450(1.66G)处理器</td> <td class="col3">迅驰4平台，突出的性价比，漂亮的外观</td> </tr></table> 运行如上代码，你会发现单元格里超过固定宽度的文字不会被隐藏掉，而是换行显示了，显然，这并不是我的本意。 看起来，这似乎是table的一个特性，它不能很好的支持{width:*px;white-space:nowrap;overflow:hidden;}的组合，说到底就是white-space:nowrap这个东东没起作用，所以看起来overflow:hidden就失效了。{注：如果是一连串的无意义字符则可生效，例如：<td class="col1">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>，这个时候就不需要{white-space:nowrap}来强制它在一行内显示，因为这一连串的a会被认定为是一个字而不发生换行，从而超出.col1宽度的a会被隐藏} ［解决方案一：］
网页页面实现自动刷新的3种代码
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。1.页面自动刷新：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.2.页面自动跳转：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20;url=http://www.poluoluo.com">,其中20指隔20秒后跳转到http://www.poluoluo.com页面3.页面自动刷新js版<script language="JavaScript">function myrefresh(){ window.location.reload();}setTimeout('myrefresh()',1000); //指定1秒刷新一次</script>