推荐阅读
Photoshop抠出背景简单人物的三种实用抠图方法
最终效果原图一、 准备我们都知道，抠图会是一些事物本身造成一些缺失，需要将这些部分先用钢笔工具抠出来。我们先这样做。原图如下。 2、先复制两层，在加入一个背景图层，在子上面的图层用钢笔工具抠图，如下。先用钢笔抠出，右键点击建立选区，羽化一个像素。
Photoshop应用超小技巧十则
1、图形的复制 不管使用何种工具，只须将图形选择后，同时按住Alt和Ctrl键，用鼠标左键按住图形拖动即可。如图形在拖动前未被选择，则将复制出相同的图层。 2、图形的微移 有时因图形太小等原因，用鼠标进行微小移动操作很不方便，这时只要选中移动工具，按下键盘上的上下左右方向键，即可令图形自如移动。 3、图层移动技巧 要把当前的选中图层往上移，只要按下Ctrl键后，再按下“]”键，就可以把当前的图层往上移动；按下Ctrl键后，再按下“[”键，就可以把当前的图层往下移动。 4、快速查看Photoshop的处理效果 在使用Photoshop时，如果要查看对选择区处理后的效果，就要去掉选择，我们可以利用Photoshop的隐藏选择办法，但是比较麻烦。其实，你只要按上键盘上的Win键，就可以看到图片处理后的效果了。当你再按Win键时，又会回到选择状态了。 5、精确裁减图像 裁切工具大家都一定用过，这种情况你也一定遇到过：在你调整裁切框、而裁切框又比较接近图像边界的时候，裁减框会自动地贴到图像的边上，令你无法精确裁切图像。不过只要在调整裁切框的时候按下“Ctrl”键，那么裁切框就会服服帖帖，让你精确裁切。
老照片翻新教程
2。在对复制层初步处理后（调曲线、色阶or用图层属性将灰暗的图调亮） 3。再把初步整理的图复制一个图层（用作抠人象），下面的用做背景and对照， 4。点掉下面两层的眼睛，对最上一层抠图（一般用删除法：就是用不同的方法选取人像以外的部分逐步删除，比如曲线的地方就用钢笔[ctrl+鼠标点路径转化为选区]；一般的就用直线套索，边缘界线分明的用磁性套索，如果是纯色背景的用魔术棒或选取色彩范围[之前可以复制一层调色阶，也可反相用做辅助，之后删除该层]，还有很多方法[诸如通道等等――天师是不常用的]） 5。用图章and修复工具(我很少用)、手指（用做处理大大的网纹，改变形状大小，拉头发）对照片破烂、肮脏处进行修复打磨。（对于特别烂的地方，可以复制对称或相近的地方移植过来[――用套索工具选取，羽化“alt+s,f”,拷贝为图层“ctrl+j”,自由变换“ctrl+t”,放到大概位置后可以改变该层的透明度{主要是用来复制眼睛、嘴巴等精确位置的地方}：一般50%，然后精确调整位置，再对该层调色等处理―有必要的话才调整，让他和周围相近，最后向下合并“ctrl+e”,图章处理]，用图章精心处理五官，把画笔大小调大点图章透明度设小点[30%左右]，按照面部肌肉走向连续涂抹[注意不是点是拖]）――――――对于有网纹的可以结合高斯模糊 6。对于衣服，可以不必那么精细（如果你有足够的时间也可以仔细点），天师一般把衣服copy一个图层，方便以后上色、调整。 7。单独对身体上灰暗、偏色。。。。等地方再调整，特别是五官（有时用到手绘）。
Maya 官方教程-流体
大家先看效果 2 在 PS 下先制作一张图，比如： ALIAS 创建 2D 流体容器， CTRL+A 打开属性窗口，将分辨率 (resolution) 改为 100*100 如图所示 点按 Fluid Effects > Add/Edit Contents > Paint Fluids Tool 后面的小方框 . 弹出流体笔刷属性框，将 Paintable Attributes 选为 Density 在 IMPORT 标记菜单下， Attribute Maps > Import 的 Import... 将我们刚才做好的黑白图片导入 执行 Fluid Effects > Set Initial State 命令（初始化图画）
最新发布
30多个资源可帮你开始学习HTML5
早在几个星期前，Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知，HTML5在互联网领域掀起了一场大论战，并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语 言。以下30多个资源可帮你开始学习HTML5。Blowing up HTML5 video and mapping it into 3D space（将HTML5视频吹散并组成3D效果）最近我研究了HTML 5中的Canvas 和Video 标签，并发现了一些很酷的特性。其中之一就是Canvas.drawImage() api。此为详细介绍。Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3（用HTML5 和CSS3 打造向下兼容的网页）HTML5更加语义化，使用HTML5 我们不必在网页上布满没有意义的div。它引入了有意义的tag，比如 navigations 和 footers 使代码更有意义也更接近自然语言。Coding A HTML 5 Layout From Scratch（HTML 5 布局）这篇文章将教你
HTML5是什么:很酷的HTML可视化的解说
来自Focus.com, 《HTML5是什么》是一幅很酷的HTML可视化的解说,分析了各种浏览器的支持，以及和Flash的各种对比。从图形信息设计的角度来看，我不喜欢颜色组分析浏览器性能的那块，不应该让我回头来看对比颜色，看哪个浏览器缺失了哪个性能。 如果看不清楚，点击看大图原文：coolinfographics编译：MazingTech
W3C Web应用工作组：HTML5应用的下一步
现在的HTML5就像当年崭露头角时的Ajax，有人在做，但不知道叫它什么。最近，苹果在HTML5上大做文章，而著名的Web设计师Eric Meyer则提出了Web Stacks的概念。Alex Kessinger是Yahoo的一名前端工程师，本文是他对HTML5应用现状与前景的思考。开源模式带来转变O’Reilly创始人，TimO’Reilly，一位开源的支持者，曾在《Open Source Paradigm Shift》中如是说："IBM对个人电脑设计的商品化使利润从硬件转移到软件这一层面，而开源将带来新的财富"价值在不同的层面转移，HTML5将成为新的层面，商品的价值在下降，现时的浏览器已经成为商品，但这并没有问题，只要它们都遵守标准。人们说，我们可以将操作系统置入浏览器中，但这行不通，如果我们可以从过去的经历中学到些什么，那就是，不能简单照抄过去的模式，好比广播到电视的变迁，你不能简单地在一个播音员面前放台摄像机完事，将操作系统置入浏览器未必比HTML5离线应用本身更有价值。发布渠道的重要诸如苹果应用商店，Android应用商店一类的渠道将成为主导，另外，一些新的，象Valve游戏渠道，Netflix电影渠道一类的东西将会出现，在”云“时代，这些发布渠道将像桌面时代的操作系统一样用来对用户进行组织和归类。我们是如何到达现在这个阶段的?有两个关键的因素。感谢Web标准
Chrome中调试HTML、JavaScript和CSS
对于在Chrome中调试HTML、JavaScript和CSS来说，Chrome开发者工具是非常有用的。如果您正在为Chrome Web Store编写一个网页或网络应用程序，您可以检查DOM中的要素，现场调试JavaScript脚本，然后直接在当前页面编辑CSS式样。扩展包通过提供其他额外的功能，使人们可以在浏览器中轻松访问，从而使Chrome成为一个更好的网站开发环境。为了帮助开发者，我们创建了一个显示用于网站开发的扩展包的页面，希望它们对您创建应用程序和网站有所帮助。例如，Speed Tracer是能帮助您发现并解决网络应用程序中的性能问题的一个扩展包。借助Speed Tracer，您可以更好地了解在应用程序中的哪些地方消耗了时间，并可以解决JavaScript语法分析和执行、CSS式样以及更多方面的问题。另一个有用的扩展包Resolution Test，它可以改变浏览器窗口大小，从而使网站开发者可以在不同的屏幕分辨率下预览网站。它包括一个常用分辨率列表，以及可以输入您自己的分辨率的定制选项。凭借Web Developer扩展包，您可以访问其他的开发者工具，例如验证选项，页面尺寸调整和CSS要素浏览器：所有功能都可以从工具栏中一个额外的按钮进入。除开上面介绍的之外，还有一个扩展包Chrome Editor是您不能错过的。它可以让您在浏览器中轻松编码，这样，您就不必在浏览器和代码编辑器之间切换。同时，您还可以在电脑上保存参考代码供日后使用。这些只是我们用于网站开发页面的扩展包的一部分，您还可以在扩展包总览中可以找到更多。
HTML 5视频的相关知识背景和技术规范
1 Video介绍引用我翻译文档《在HTML5页面中嵌入音频和视频》中的介绍文字：“当今，在网页上嵌入视频且所有用户不管使用任何浏览器或者操作系统都能看到的唯一可靠方法是使用Flash。这需要Adobe Flash插件，并且结合<object>和<embed>标签。大多数用户已经安装了Flash插件（事实上，大概95%的上网用户都装有Flash的某个版本），但HTML 5的支持者正在推动一个开放的，不需要任何插件的视频标准。这就是HTML 5的新标签<video>带来的构想，他提供了一个嵌入视频（以及与其交互）而不需要类似Flash的私有插件的方法。不幸的是，视频并非那么简单。不仅仅是浏览器需要理解<video>标签，而且需要一个必要的编码译码器来播放视频。明显的解决方法只能是HTML 5规范的缔造者们选择一个视频编码译码器，并且让每一个浏览器制造商执行。总之，这就是所推荐的打算。同时，这也是引起混乱的导火索。对于各种各样编码译码器的争论就已经很烦杂了，但更悲剧的事情是，浏览器制造商们还不能就此达成统一。苹果不愿意使用提议的Ogg Theora编码译码器，但Opera和Mozilla也不愿意支付由于他们的浏览器装载H.264编码译码器而造成的许可费用。Google同时支持两者，微软面对争论，远远的置身事外，因为他现在根本没有计划去支持HTML 5的视频元素。面对浏览器制造商的僵持局面，HTML 5善意的*者Ian Hickson甩了甩他的手并说到去他妈的。所以HTML 5规范中没有特别指名或规定的视频编码解码器。”好吧，引用到这儿。如今的情况是，微软终于陷进去了，但很悲剧的是，在IE 9中只支持H.264。同时，Googe终于在I/O大会上发布了开源的视频封装格式webM和视频编码格式VP8。Opera、Mozilla、Chrome宣布将完全支持VP8，IE宣布部分支持（需要装一个插件，但如果我没记错的话，HTML5的一个愿景就是脱离浏览器插件，微软真是让人觉得悲剧）。苹果决定不支持VP8，乔布斯认为VP8在质量或效率方面不如H.264，不能满足其产品的要求。另外最新消息表明VP8还有可能牵扯到专利的问题（如果真的侵犯专利的话，Opera和Firefox估计马上会无视VP8的）。说了这么多，其实说到底就是，现在如果要在页面中使用<video>标签，需要考虑三种情况，支持Ogg Theora或者VP8（如果这玩意儿没出事的话）的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、7、8）。
8个你从未见过的HTML5 Canvas和JavaScript的动画
HTML5 的 Canvas 对象将改变 JavaScript 的使命，使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的，基于 HTML5 Canvas 和 JavaScript 的动画，这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任何插件。Tunnelers纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。The Mesmerizer在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。Burn在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。Cheloniidae Live
HTML教程:几个不常用的HTML标记使用方法
Xhtml有很多不常用却很有用的标签。有的能事半功倍，有的能改进语义，有的则能提高易用性，我总结了一些，总结的原则是有用而且能用，就是大多数浏览器得支持，否则就不算“上上签”了。只能望“签”兴叹又有什么用呢？<base>标签作用：标签为页面中所有链接指定默认链接地址或链接目标。有时候我们需要让首页的链接全部在新窗口中打开，使用这个标签就能一下搞定了！属性：href:链接地址，target:目标，他的值可以是_blank,_parent,_self,_top,可以在除Strict模式下使用，这个用法我最先是在163.com上发现的。用法：<head><!--写在head标签之间--> <base href="http://www.poluoluo.com/" /> <!--将默认链接定义为http://www.poluoluo.com/--> <base target="_blank" /> <!--将默认链接目标定义为新窗口中打开--> </head> <head><!--写在head标签之间--><base href="http://www.poluoluo.com/" /> <!--将默认链接定义为http://www.poluoluo.com/--><base target="_blank" /> <!--将默认链接目标定义为新窗口中打开--></head><caption>标签作用：caption标签用来定义表格的标题，给表格定义一个标题，来说明这个表格是干什么的，岂不是很有“语义”，caption应该写在table之后，默认的样式是居中显示在表格的顶部。你可以通过css来改变它的样式。用法：<table width="200" border="1" > <caption> <!--caption应该写在table之后--> 其实我是caption</caption> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> <table width="200" border="1" ><caption> <!--caption应该写在table之后-->其实我是caption</caption><tr><td> </td><td> </td></tr><tr><td> </td><td> </td></tr></table>
15 个非常值得收藏的 HTML5 资源
HTML5 越来越引起人们的关注，苹果甚至将 HTML5 视为 Flash 的掘墓人。然而，作为一种尚未成型的技术，HTML5 对很多人来说仍然是陌生的。本文收集了 15 个非常值得收藏的 HTML5 资源，这些资源可以让你同 HTML5 的发展保持一致，并始终处于这门技术的最前沿。这是一个关于 HTML5 Infographics 的站点，包含诸如 HTML5 同 Flash 的对比，HTML5 不同浏览器支持情况，HTML5 最受欢迎的功能等资料。Mark Pilgrim 是知名软件开发师与博客作者，他在线编写了一本有关 HTML5 的书，侧重 HTML5 的编程方面的功能。发布 HTML5 相关的文章，介绍目前我们可以借助 HTML5 实现的应用。站点中的一些文章和栏目，也是 HTML5 相应技术的最佳注解，如 dl element ，article element 以及 Q&As 部分。这个站点由一群在 Future of Web Design 大会相遇相识的开发人员共同创办。
13个应用HTML5 和 CSS3 实现的Web效果
HTML5 和 CSS3 已经在很多的网站编码中实现了应用，HTML5和CSS3给网站设计带来出色效果是之前其他编码语言无法比拟的。现在很多的流行浏览器都已经开始支持HTML5 和 CSS3 ，从而为Web前端工作者学习和应用HTML5 和 CSS3 提供了更好的应用平台，这里是13个应用HTML5 和 CSS3 实现的Web效果，从这些迷人的Web效果中，总可以看出HTML5 和 CSS3 组合的超级能力了。SlidenafillGoogleBoxPage FlipBar ChartSolar SystemColourful ClockCoverFlowLeavesBokeh
13个应用HTML5和CSS3实现的Web效果
HTML5 和 CSS3 已经在很多的网站编码中实现了应用，HTML5和CSS3给网站设计带来出色效果是之前其他编码语言无法比拟的。现在很多的流行浏览器都已经开始支持HTML5 和 CSS3 ，从而为Web前端工作者学习和应用HTML5 和 CSS3 提供了更好的应用平台，这里是13个应用HTML5 和 CSS3 实现的Web效果，从这些迷人的Web效果中，总可以看出HTML5 和 CSS3 组合的超级能力了。SlidenafillGoogleBoxPage FlipBar ChartSolar SystemColourful ClockCoverFlowLeavesBokeh