推荐阅读
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的支持上依然垫底，以下是成绩公布：
最新发布
制作简洁音乐播放器图标的PS教程
播放图标很常见，不过要做好还是要下一定功夫的。首先要在造型上有一定的特色，最好多找一些实物图参考；然后画出线稿图，并作出分层图；再给图标上色，用图层样式等加上质感等即可。最终效果 一、在做这个图标之前，我首先翻箱倒柜去找了一个古董级MP3来参考一下。 二、考了一下，我决定把一体的按键变成五个，科技感会强一些。在这里我画了一个草图。 三、新建一个1000*600的文档，设置前景色为白色#ffffff，背景色为#cfcfcf，使用渐变工具，画一个白色到浅灰色的渐变，渐变跟我下图中的箭头差不多就行了。
制作奇幻唯美动漫海报图片的PS教程
为客户做的两张秋季新品发布的创意广告图，客户想走奇幻的感觉，想跟大自然中的精灵一起出现。我个人觉得万物都是大自然的精灵，鹿比较优雅有气质，这点比较符合女性，所以就大胆尝试了下。最终效果 一、找一些合适的参考素材。 二、这次没有画草图，因为感觉到位了，也没想做特别复杂的。直接找素材。
PS设计大海漂泊场景效果的饮料海报图片
我们的年龄在慢慢的增长，也就会开始慢慢的回忆那些过往，很怀念高中的时候，三五结伴去到校外的一个路边卖冷饮的店，呼唤老板：给我来罐健力宝。那种味道是其他饮料比不了的。至今这种味道一直留存在味蕾。最终效果图：1.新建950X450PX，72分辨率的设计文档。2.导入天空风景图，以此来作为海平面上的天空，在找天空的时候，尽可能找这种有发散性的，一点透视的图。会有更强的视觉冲击力。3.为了让天空有些层次，再次导入图片，进行叠加，下方多余的部分，用图层蒙版进行擦除。4.新建图层，在天空的*用柔和画笔绘制泛黄的颜色。以此来增加层级以及表明光源点。
PS制作动感喷溅玫瑰花型裙子海报图片
效果图非常大气，也非常有艺术感。主体部分为穿玫瑰裙字的人物，作者给裙子边缘增加了一些喷溅效果，背景部分增加了一些高光素材，其它部分增加了一些几何元素，非常动感。最终效果 一、打开人物图片，利用矩形选框工具将文件放大到要求大小。 二、打开星空素材，拖到人物图层上面，混合模式改为“柔光”，不透明度改为：40%。
PS海报教程:设计抽象波纹数字海报效果
为主要风格的我尝试了一下其实只是运用了一个小技巧而已，原理我不清楚，但是方法应该是对的。当然原图应该还涉及到字体的设计，由于我不是设计师，所以字体的修改方面我就瞎糊弄了。来吧，让我们看看那种远看像8近看又不太像8的效果制作思路是怎么样的吧先看看效果图打开Ai，新建画板，然后用矩形工具画一个矩形，暂时给一个描边色吧，只是用于方便观察：复制出多个矩形出来，这一步不用说吧，最好是奇数个，这样的话后面做起来对称的效果我个人觉得会比较好一点：把这些矩形组复制出来一份放到一边后面用，然后选择一个合适的字体轮廓化以后调整其尺寸以及位置。原图我确实不知道用的什么字体，我这里就用常见的微软雅黑粗体吧：
制作高清细腻燃烧火柴图片的PS实例教程
本教程重点是火焰部分的制作。火焰又由火光及烟雾部分构成。可以先做火焰部分，先铺好大致的底色，然后渲染高光，再把几条火焰高光渲染出来。烟雾跟火焰制作基本类似，控制好边缘的过渡即可。最终效果 一、效果图由火柴及火焰两部分构成，如下图。 二、新建一个800 * 800像素的文件，背景填充黑色。新建一个组，用钢笔勾出火柴棍的轮廓，转为选区后给组添加图层蒙版，如下图。
制作精致漂亮金色水滴图案的PS教程
精致漂亮水滴图案制作思路相对简单，重点是刻画各部分的暗部及高光等，把体积感及光感表现出来。如果制作的时候还不够了解，可以找一些相关的实物素材参考一下。 最终效果 一、新建一个1000 * 750像素的画布，背景填充暗黄色：#5D5F42，如下图。 二、新建一个组，命名为“油滴”，用钢笔勾出油滴的轮廓如图2，转为选区后给组添加图层蒙版，如图3。
PS制作可爱卡通水晶表情图标
本教程介绍一些简单的表情图片的制作方法。整个制作过程比较简单，只需要用选区工具做好图形的选区，然后加上渐变色和高光即可。方法很简单。教程的图片是网上找的表情图片，版权归原作者所有。最终效果 一、新建一个600 * 600像素的文件，新建一个图层，用钢笔勾出图1所示的选区（为了勾出的图形均匀，先勾一半的选区，另一半直接复制即可）。 二、把选区填充颜色：#64EEFB，效果如图2，然后把做好的图层复制一层，执行：编辑 > 变换 > 水平翻转，再把两个图形对接在一起并合并。图层命名为“主体轮廓”，效果如图3。
PS制作金属镶边的质感蓝色音乐图标
图片虽然简单，不过制作起来并不容易。图标边缘有金属边框，中间为水晶效果，顶部还有图形。每一部分都要求做到非常细致，这样整体效果才更精致。最终效果 一、首先，新建一个512×512的画布，设置如下。 二、设置参考线，上下左右各留出20px的边距，也就是说，这个图标的实际大小是472×472。 三、紧贴参考线，用形状工具画一个正圆，颜色随便，大小应该是472×472，给此图层起名叫“outside”。
PS制作一个生动的禁火图标效果
本教程主要制作部分是火柴及火焰。火柴部分制作稍微简单一点，用钢笔勾出选区填充颜色后，加上一些没有完全燃烧的木质即可。火焰部分的制作不需要制作太细致，可以适当用滤镜来制作火苗的过度。最终效果 一、新建一个600 * 600 像素的文件，背景填充黑色，新建一个图层，选择椭圆选框工具，按住Shift 拉一个正圆选区，填充红色，效果如图1。 二、新建一个图层，在红圆正上方拉一个较小的正圆填充黑色，如图2，取消选区后效果如图3。