推荐阅读

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照片合成教程:大火过后的MM特效
素材来自形色素材图 1 最终效果图 另一种效果图 1、打开素材1图片,把素材2拖入到素材1图片的上方,并调节跟素材1一样大小。 2、选中天空图片图层,按住Ctrl+A键全选,按住Ctrl+C拷贝,进入通道面版,创建新通道,Ctrl+V粘贴。 3、按住Ctrl+L键打开色阶面板,增大新通道的对比度,参数如下图设置:

Photoshop照片合成教程:暖色个性签名
本教程主要是使用素材来制作个性签名,其中用到了图层混合模式巧妙的把素材融于图片中。原图 最终效果 素材1 素材2 1.打开原图按Ctrl + J 复制一层,然后选择菜单:滤镜 > 模糊 > 高斯模糊 数值为2,然后把图层混合模式该为叠加如下图 2.把素材1拖进来适当的防好位置,然后把图层混合模式改为叠加,用橡皮工具选择羽化笔刷把人物脸部分擦掉并不图层不透明度改为75%效果如下图 3.把素材2拖进来适当的防好位置,然后把图层混合模式改为叠加,同样用橡皮工具选择羽化笔刷把人物脸部分擦掉并不图层不透明度改为86%效果如下图 4.加上适当的花纹笔刷,如果你还没有安装请点这里下载,然后打上签名,再制作个小边框完成最终效果.

Photoshop制作恐怖另类的舌头
看到这个图片的朋友先不要吃惊真实生活中是没有这样的舌头的,这只不过是PS变的一个小戏法而已^^在这个教程里我会教你如何用PHOTOSHOP制作一个另类的舌头,其中所涉及到的都是PS的一些常用工具和基本知识,是相对比较简单的一个教程比较适合初学者朋友制作.OK,先看下最后的效图. 在制作之前你需要先对图层蒙板,图层混合模式,和其他的常用工具用一定的了解不然制作起来就有些棘手了. 请表在意我的语言表述能力,之中可能会有一些没有头表述清楚的地方和错别字希望在看完了这个教程的朋友能原谅^^ OK,下面我们在PHOTOSHOP打开需要合成的2幅图象.. 首先用魔术棒工具将青蛙的图片去背后再用移动工具直接拖放到“舌头”的图片中去,用自由变换工具再将“青蛙”按照一定比例缩小,如下所示: 下面在为“青蛙”的图层加入一个图层蒙板,将不需要的部分去掉(选择菜单-图层-添加图层蒙板-显示全部。或是点击图层调板中的“添加图层蒙板”按钮). 现在用多边形套锁或是钢笔工具选择"舌头"图层中舌头部分,将它复制后并建立一个新图层,将它放置在“青蛙”和“舌头”图层中间。现在将青蛙的图层的不透明度设置为40%,然后将复制的"舌头"的图层用自由变换工具将它调整成和"舌2"层相似的大小. 调整好后在将青蛙的图层隐藏,如下所示: 现在按CTRL住点击青蛙图层,载入其选区用仿制图章工具在“舌2”层中进行仿制(这里注意要勾选仿制图章工具中的“用于所有图层”和“对齐的”2项设置)。

Photoshop图片合成教程:沙漠变雪景
原图素材图最终效果图 1、打开原图,CTRL+ALT+~,得到亮部选区,按CTRL+I反选,得到暗部选区,按CTRL+J生成新图层,将其混合模式改为叠加。

Photoshop为照片添加动态大雪纷飞特效
本教程主要是讲解动态GIF图片制作,在制作动态效果之前我们就需要把不同场景的图片先做出来,然后用IR连贯起来播放就可以了!原图 1.打开原图 2.打开动作面版,按新建按钮新建动作取名“雪花”然后点记录 3.如下土所示开始记录 4.新建图层1,填充为黑色,然后选择菜单:滤镜 > 像素化 > 点状化,数值为5 5.选择菜单:图像 > 调整 > 阀值,数值为255 6.把图层混合模式改为“滤色”

Photoshop图片合成教程:美女和树
本教程简要讲解一般图片合成的技巧,需要把握好整体的颜色,融合的接口需要非常自然。最终效果 1.打开素材1 2.打开素材2把人物抠出来拉到素材1的上面,调出图层样式设置投影和斜面和浮雕,参数自己把握 3.按Ctrl 点图层调出人物的选区,先建一层选择菜单:编辑 > 描边,选用绿色

Photoshop将普通图片变漂亮的圣诞夜景
今天我们用Photoshop将一张普通的图片素材PS成漂亮的圣诞夜景,增添一些节日的快乐气氛。 一、白天变黑夜 为了更好地体现圣诞夜晚的气氛,我们首先要做的工作就是调整图片素材的色调,使其看起来更加神秘、更加漂亮。 第一步:调色准备。首先我们要对事先准备好的图片素材进行调色,使图片的色调偏暗、偏冷。启动Photoshop CS3,单击菜单栏中的“文件→打开”命令,从弹出的对话框中找到事先准备好的图片素材,将其导入到工作区之中,如图1所示。现在的图片显示的状态是在白天,下面我们的工作就是调整照片的色调,让白天变成黑夜。图1 素材图 第二步:进行亮度、对比度调整。在图层面板中,拖动“背景”图层到下方的“创建新图层”按钮上创建一个新的图层--“背景 副本”图层。接下来单击菜单栏中的“图像→调整→亮度/对比度”命令,打开“亮度/对比度”对话框。在其中将"亮度"参数值调整到-83;“对比度”参数值调整到57,如图2所示。图2 亮度/对比度调整 第三步:继续来调整图片素材的色调。单击菜单栏中的“图像→调整→曲线”命令,打开“曲线”对话框。在其中调整“输出”参数值为126;“输入”参数值为145,如图3所示。单击“确定”按钮返回。这时的图片景色已经有了黑天的“味道”了。如图3 曲线设置

PS外挂Topaz滤镜将位图打造成矢量风格
近来和馄饨版主在探讨将位图打造成矢量风格,现得到一个效果不是非常好却比较简单的方法。希望借此抛砖引玉,欢迎大家拍砖,讨论。教程开始先看原图:1、利用木刻,视情况设置,得到类似入土的效果2、利用topaz滤镜使得边缘清晰化,可以视情况多次使用3、用最小值的方法得到线稿层,方法请搜索“抽线”