推荐阅读
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设计折纸风格的字体海报教程
今天的海报设计以文字为主，不乏趣味，刺激阅读。有同学问这类效果能不能用PS作，P大点S微博试着撸了出来，下面讲一下过程。方法千千万万种，条条道路通罗马，这里要带出套索工具的一些实战使用技巧。文末还有关于“套索工具”和“调色命令”组合技的小灶，真心好用哭。结果终稿：这里附上原稿：第一步：用钢笔勾出这张褶皱的纸的外轮廓。吸取一个深紫色，作为基色。然后，我们来用“套索”工具，集合，“曲线”调色命令。来做褶皱。(这里就是一个非常实用的组合技了，教程结束的时候，我还会告诉大家这个东西能做什么)
Photoshop设计时尚的电商全屏海报教程
先看看效果图1、产品介绍产品：除甲醛产品关键词：安全 绿色大自然关键词解析：大自然：除甲醛的意义在于将空气净化，让人们生活的环境更像大自然安全：众所周知，宝宝用的东西全部安全2、按照关键词，寻找素材大自然：绿植 草地 阳光 蓝天 白云
Photoshop制作金色立体效果的端午节字体
最终效果1、新建一个1000 * 650像素，分辨率为72的画布。选择渐变工具，颜色设置如图1，然后由中心向边角拉出图2所示的径向渐变作为背景。2、点击文字小图得到文字素材大图，右键保存(图片格式是PNG的)。用PS打开保存的文字图片，用移动工具拖到新建的文件里面。解锁后新建一个组，把文字拖到组里面，并放好位置。3、锁定文字像素区域，选择渐变工具，颜色设置如图4，然后由底部向上给文字加上图5所示的线性渐变。
Photoshop制作霜冻效果的艺术字教程
先来看看效果图：步骤如下：Step 1打开一张黑色质感背景图，打上文字，如图：这里用的字体是Lobster，当然你也可以用自己喜欢的字体(字体下载：Lobster)Step 2如果你仔细观察糖晶体，你会发现它们在外观上几乎都是正方形，所以我们先自定义一个画笔。新建一个50x50px的画布，填充为黑色，执行：编辑>定义画笔预设，设置一个名称，然后单击确定。
Photoshop设计制作复古风格电影海报教程
本教程主要使用photoshop制作复古插画风格的电影海报教程，教程分享了如何用图片打造插画风格海报，颜色叠加图层样式及其混合模式的应用是重点哟，大家多感受下，喜欢的朋友一起来学习吧。
Photoshop设计抽象的同心圆艺术视觉海报设计
很多人以为，做一个PS高手就是需要用到各种复杂滤镜，最后把图片变得面目全非才好。而在我看来，软件的背后是创作者的心。把PS视作一件玩具，其实就是几个简单的几何形，也能玩出不同的花样。其中，抽象艺术的表达法可以拿来一用，仅仅是一些形状、色彩就能创作出让人耳目一新的视觉感受。最终效果：同心圆STEP 01你一定听过，人脸是最吸引眼球的画面。先准备好相应的人像素材。再打开PS，创建一个尺寸为1800*1200的文档。STEP 02画出三个圆，第一个圆是一个实心圆，第二、三个圆是空心的圆环。总之让它们看上去像一个靶心。它们的大小比例可以参考下图。
Photoshop设计创意的茶道宣传单教程
本次实例以一个安溪铁观音的宣传单为例进行讲述，这次以竖版为例，设计主要讲求创意和灵感，而这两样是最难捉摸的，设计好坏对于不同人来讲标准也不同，所以唯一的方法就是多看多练。先看看效果图1、本教程同样采用photoshop CS5制作，其它版本通用，打开PS5新建一个宣传单页的空白文本，具体的规范请参照“宣传单页设计-牛排店情人节促销”，本处设计如下图所示：2、新建完文档后，选择菜单“视图->新建参考线”，如下图所示：3、按照每边各留0.3厘米的出血规则，设置如下参考线：4、打开原图一，将其拖入到空白文档中，本例提供的素材像素不是很高，所以有可能拖入后图像很小，可以通过按Ctrl+T键进行自由变换，不过会影响到清晰度，真正进行设计时一定要选择清晰度高的素材，原图一拖入后适当调整大小及位置后效果如下图所示：