推荐阅读
PS打造蓝色质感水晶文字效果
这篇教程教飞特的朋友们用PS打造蓝色质感水晶文字效果，教程制作出来的文字效果灰常漂亮，制作难度中等，教程主要体现的是质感的部分吧，希望飞特的朋友们能从这篇教程中有所收获，先来看看最终的效果图吧：效果图：具体的制作步骤如下： 1.打开背景图，开始打字，设置前景色#77a5c2 ，打上你想要的字样，我用的是Alba字体(字体素材下载)，然后复制文字图层，得到文字副本层， 把填充改成0% 2.回到文字图层，更改图层样式
理解Web框架，和如何构建一个CSS框架
什么是框架? 为了便于沟通，我们给“框架”统一一个定义（至少在本篇文章中是统一的）：一套包含工具、函数库、约定，以及尝试从常用任务中抽象出可以复用的通用模块，目标是使设计师和开发人员把重点放在任务项目所特有的方面，避免重复开发。通常的讲，框架就是上面提到的JavaScript框架和Web应用框架。 需要强调说明的是，我们不必讨论构造、打包发布，相反，一个框架只为你或你的团队使用即可。CSS框架 有些时候，你可能尝到了抽象类似的CSS代码的甜头，在那些同时设计几个类似网站的设计师身上表现最为明显。此外，团队中的设计师们从框架的方法上有很多的获益。比如，我在一家报馆工作，所有的20多个网站保持着很多的共同点，基于新闻网站的特点，它们趋向于更加相似，而不是差异。但是，即使单独一个设计师，设计一个从表面上看有差异很大的项目，也可以为CSS框架抽象出一些通用的小碎片。 劳伦斯日报（Lawrence Journal-World），我在那里工作，我们最近建立了一个CSS框架，并发现它是一个巨大的效率倍增。当然，我们花了数天时间自己创建了一个CSS框架，但一旦框架完工，开发高质量网页的速度是极快的。更何况，既然团队每一个设计师现在都使用这个框架，当一个设计师修改另一个团队成员网页时，他们不再需要花20分钟理解别人的构建思路，可以马上上手。 有那些可以忽略? 当投入到一个整体性很强的CSS框架，你想寻找的东西，是每个项目都做了一遍又一遍的重复通用的代码，目标是巩固这些代码核心地位，遵循“不重复自己（Don’t Repeat Yourself）”编码方法。这使得维护工作容易了许多，还可以帮访问者节省带宽开销。 几乎每个我参与的项目中，我必须声明的几个CSS问题： “大量重置”浏览器默认风格，比如，设置所有元素的margin和padding为0，去掉框架（framesets）和图片（images）的border，等等。 以基线对齐。这包括诸如设定块级元素的margins相同的(或多个)基准行高，如段落（paragraph）、头（header）、以及列表（list）。 创建表单（Form）的基本样式。 创建几个常用的CSS 类，例如，.hide(把display置为none，即隐藏元素)、.mute(设定为一个较小的字体和较亮的颜色)。 还有更有趣的事情，许多网站设计师发现自己不断重复使用着相同的基本结构，为什么不动它整理成自己的，在某种程度上可以非常灵活的用于多个网站?Yahoo这样做了，这就是YUI。当我们为的劳伦斯日报网站（the Journal-World）建立CSS框架的时候，我先看看Yahoo是怎么做的。我们很肯定那不是我们想要的，但作为一个很好的例子，给我们提供了很多思考和如何建构自己框架的想法。我们解决了16个单元格的问题，它具有足够的灵活性使我们的每一个网站都可以应用，即使每个网站看上去与下一个版本有些差异。另外大多数网站共用widgets ，象下拉菜单、导航菜单、按钮等，这些也是主要的需要抽象提取的对象。除此之外,你可能有共同的内容名称，如图片列表的缩略图，你可以规范对CSS命名，如“thumbnail-list”，让所有显示缩略图的都使用这个CSS类。
IE9在对HTML5的支持上依然垫底
HTML5带来新热潮，W3C预计在2012年使其视频、绘图和地理规范稳定下来并达到推荐水平。事实上多个浏览器已经开始全面拥抱HTML5，也包含不思进取的IE。html5test.com是一个在线的基准测试，它类似于Acid3，但主要用来测试浏览器对HTML5的兼容性，讽刺的是，IE9仅仅带来了更快的JS引擎，在对HTML5的支持上依然垫底，以下是成绩公布：
最新发布
Photoshop调出梦幻深蓝色田园背景婚纱照片
素材图片背景有点杂乱，人物部分不够突出。处理的时候可以考虑把杂乱的部分模糊或者加深处理，然后把主色调统一，这样画面就干净很多。 最终效果 原图一、photoshop打开素材图片，创建可选颜色调整图层，对红、黄、绿进行调整，参数设置如图1 - 3，效果如图4。这一步主要把图片中的黄绿色转为教暗的青绿色。二、按Ctrl + J 把当前可选颜色调整图层复制一层，效果如下图。
Photoshop调出橙黄色树叶背景的婚纱照片教程
原图素材背景比较单调，都是碧绿的树叶。调色的时候可以把较亮的树叶调成鲜艳的橙红色，增加画面的色彩，其它色彩可以按照自己的喜好添加。最后美化一下人物部分即可。最终效果 原图一、打开原图素材，创建可选颜色调整图层，对黄，绿，青进行调整，参数设置如图1 - 3，效果如图4。二、按Ctrl + J 把当前可选颜色调整图层复制一层，图层不透明度改为：60%，效果如下图。
PS制作剥落格子碎片效果的美女头像图片
PS美女照片后期教程：创意打造剥落格子碎片效果的美女头像图片，效果图非常有创意，制作过程也不是很复杂。推荐给大家学习一下！原图最终效果1、观察人物素材特点，画面几乎完全没有问题，只是稍稍暗淡了些，构思在后续的设计中做出适当的调整！ 开始制作 ：新建 (单位px) 宽 1000 × 高 900。 将人物素材置入画板中，调整位置，根据这次的设计构思，把人物靠左放置留出合理空间为后续的效果留出制作空间。 我们需要做的第一步是什么呢！答对了，格子！ 那么问题来了，多大的格子才是合适的呢！我们可以这样做，PS中打开参考线，设置合适的单位，用于网络 OR 屏幕显示，一般采用像素（px），用于印刷一般采用毫米（mm） OR 厘米（cm），考虑到画布大小的分布，构思人物格子的大小，具体可按照你的具体设计需要制作，以画布的尺寸为依据在 Illustrator中使用矩形网格工具，建立格子，我这里的设置为，水平线15、垂直线15 ，如图所示：线条描边1mm（这里的描边粗细亦没有所谓一定之规，按你的需求设置即可）。2、将AI中的格子素材置入 photoshop，控制缩放适合的大小，然后观察，由于人脸是立体的空间结构，故而格子的表现理所当然应该是体现出人脸的立体空间，适当的调整格子的编制，快捷键 Ctrl T，控制完成大体的范围之后，点击变形模式，扭转格子曲线贴合人物脸部轮廓，这一步需要耐心与细致，尽量完美贴合。 友情提示：这里纯正面人物，相对容易制作，若是其他角度，个人建议：把图片置入AI 中操作好格子之后再转入PS执行后期步骤。3、好了，到这一步格子已经控制完成，下一步是，先复制人物图层，以备不时之需，按住ctrl，点击格子缩览图，引发蚂蚁线，在人物图层上做删除命令，把人物图像切成格子。
PS调出橙黄色效果的树林美女婚纱照片写真
橙红色也是常用的色调。比较适合背景树木较多的外景人物图片。大致调色过程：先把图片高亮的黄绿色转为橙色，然后把绿色部分转为黄绿色。再在暗部增加一些补色即可。最终效果 原图一、photoshop打开原图素材，按Ctrl + Alt + ~ 调出高光选区，按Ctrl + Shift + I 反选。新建一个图层填充暗紫色：#592C5B，混合模式改为“滤色”，效果如下图。二、创建可选颜色调整图层，对黄、绿进行调整，参数设置如图2,3，效果如图4。这一步把树叶颜色转为青绿色，黄绿色部分转为橙黄色。
Photoshop调色调出冷色艺术效果的夏季人像照片
本来计划是拍一组游泳池清新阳光的片子，奈何拍摄当天天气很不好，还伴随着下雨，心想，那就拍一组情绪类的片子吧，这个闷热的夏季，蝉鸣，雨声，成都的午后，空气不好，确实烦闷。服装提前就在网上买好了，场地也提前去了解过。基本的前期情况就是这样，主要讲讲后期的部分。首先来看一下修图前后的对比：那下面就介绍一下 如何打造暗调，表现阴郁的感觉。第一步：在PS中打开CR2格式的原图，通过Camera raw 对图片进行调整。首先是整体曝光稍微加一点，对比度加一点。由于远处水面太亮，故高光减少。阴影，白色，黑色细节提一下。清晰度和自然饱和度加一点。第二步：曲线调整，增加画面的明暗对比。第三步：通过HSL对色彩的调整，橙色主要控制肤色，其他色彩调整看个人的感觉，不必记参数。
使用Photoshop合成创意的电商男士面膜海报设计教程
本教程主要使用photoshop合成创意的电商男士面膜海报教程，这次的海报设计比较具有实用性，制作的教程也是比较简单的，教程的主要知识点在于绘制和调色上，这次的教程大家可以套用在自己的产品上，好了感兴趣的朋友一起来学习吧。
Photoshop给街边美女添加朦胧逆光效果
最终效果原图1、打开素材图片，创建可选颜色调整图层，对黄色，绿色进行调整，参数及效果如下图。这一步给图片增加橙黄色。2、按Ctrl + J 把当前可选颜色调整图层复制一层，效果如下图。
Photoshop给草地女孩照片添加夕阳光效效果
最终效果原图1、打开原图素材大图，把背景图层复制一层，混合模式改为“正片叠底”，不透明度改为：30%，用柔边橡皮工具把中间区域擦掉，如下图。2、创建可选颜色调整图层，对黄色，绿色，白色进行调整，参数设置如图2 - 4，效果如图5。这一步主要把草地颜色转为橙黄色。
Photoshop调出暖金色色彩效果的人像照片
对比色在人物调色的时候经常用到。如把人物肤色调成鲜艳的橙黄色，再把背景部分调成蓝色，冷暖对比后可以很好的突出人物部分，给人以鲜明的印象。最终效果 原图一、打开原图素材，创建可选颜色调整图层，对红，白，中性色进行调整，参数设置如图1 - 3，效果如图4。二、创建曲线调整图层，对红，蓝进行调整调整，参数设置如图5，6，效果如图7。