推荐阅读

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的模糊工具内含三个工具,它们分别是模糊工具、锐化工具、涂抹工具,这个工具的快捷键是字母R。 photoshop的模糊工具 模糊工具: 顾名思义,一种通过笔刷使图像变模糊的工具。它的工作原理是降低像素之间的反差。 模糊工具的任务栏: photoshop的模糊工具的工具属性栏 画笔:选择画笔的形状。

用Photoshop合成动物和风景二次曝光效果详细教程
最终效果1、打开PS软件,按Ctrl + N 新建文件,尺寸为1297 * 860像素,分辨率为72像素/英寸,如下图。2、选择渐变工具,在属性栏点击渐变设置渐变色,颜色设置如下图。 3、在属性栏选择“线性渐变”,然后由顶部往下拉出下图所示的渐变作为背景。

Photoshop简单合成从鸡蛋中跃起的海豚详细教程
最终效果1、打开PS软件,按Ctrl + N 新建文件,尺寸为872 * 1100像素,分辨率为72像素/英寸,然后确定。2、在工具箱选择“渐变工具”,在属性栏点击渐变色设置渐变,如下图。3、再选择“径向渐变”,如下图。4、按下面的箭头方向拉出渐变作为背景。

Photoshop制作梦幻绚丽的光丝艺术字教程
光丝字制作方法有很多,用下面的方法是最快的。思路:先绘制一条曲线,曲线为半透明,局部用铅笔涂上小点,并定义成画笔;然后把文字转为路径,并用路径描边,选择曲线画笔得到初步效果;再用图层样式增加发光效果即可,最终效果1、制作文字效果之前,我们需要先来定义一款笔刷。新建一个600 * 600像素,分辨率为72的画布,如下图。2、选择钢笔工具,勾出下图所示的闭合路径。如果文字比较大,这里的路径也要勾大一点。3、新建一个图层,按字母键“D”把前,背景颜色恢复到默认的黑白。

ps图层保存为图片单独导出图层的3种方法
ps软件里面单独图层保存为图片,或者说单个图层导出图片,有多个方法都可以实现,并且ps也有批处理的功能,因破解的原因,很多ps无法使用,本文重点讲解常用的三种方法,没有哪种更好或者更快捷,只是根据自己的 情况选择合适的方法。 1、隐藏其它图层 1-1、只有导出图层可见,其他图层隐藏,然后保存即可,多个图层如何快速显示或者隐藏?只需要选中一个图层,点击显示/隐藏区域,具体如下图标注所示,右键单击此处之后,再次左键点击下拉菜单中的【显示/隐藏所有其他图层】,多个图层操作更为快捷,如果就几个图层,手动挨个点选更快一些。 1-2、如下图所示,只有导出图层显示,其他图层隐藏,点击导航栏上的【文件】,下拉菜单里面,点击【存储为web所用格式】, 1-3、弹出的界面上,需要注意一点,如果所保存的图片里面还有透明区域,那么选择png格式,保存到电脑上即可完成图层的导出。 2、复制图层新建 2-1、如果所做的设计中包含图层特别多,不便于隐藏其它图层,这时候可以选中图层,点击导航栏上的【图层】,下拉菜单中点击【复制图层】,也可以直接右键单击图层,弹出的菜单里面也有【复制图层】, 2-2、弹出的复制图层设置界面上,一定要把目标文档选为【新建】,此时为新建出一个图片文档, 2-3、新建的图片文档中,保留所有的图层信息,透明信息也会包含在内,图片中明显是透明区域过大,想要把多余的透明部分删掉,只需要点击点击导航【图像】,下拉菜单里面点击【裁剪】, 2-4、弹出的界面上,无需做任何设置,默认是裁剪【透明像素】,点击确定之后,多余透明部分会被删除。

Photoshop制作立体黄金质感的艺术字教程
本教程主要使用photoshop孩子做复古金色质感的艺术字教程,对金属感的立体字效果不怎么擅长,作者比较喜欢做容易出效果的动作,不喜欢去操作更多的参数,喜欢这个效果的朋友让我们一起来学习吧。

Photoshop制作金色华丽的七夕立体艺术字
简单的立体字完全可以手动完成。可以先做出表面的效果,合并为一个图层,然后用特定的变形工具处理,在有规律的复制就可以得到不错的透视立体面。后期再调整一下颜色即可。 最终效果一、新建一个1000 * 650像素,分辨率为72的画布。选择渐变工具,颜色设置为暗红至深红色如图1,然后由中心向边角拉出径向渐变作为背景如图2。二、直接在图3上面右键选择保存,然后在PS中打开,并拖到新建的画布里面,解锁后放好位置,如图4。三、选择文字图层,锁定像素区域。选择渐变工具,颜色设置如图5,然后由右上角网左下角拉出图6所示的线性渐变。

Photoshop制作梦幻唯美效果的花草树木文字
本教程的字体创意非常不错,作者用一些树干等拼凑成所需的文字,然后用绿植能作为表面装饰,再加上合适的背景等。总体看上非常有树林生态感觉。 最终效果一、新建1180*680px大小的文档,我们打开山坡的图片,用快速选择工具选择山坡的上半部分,如下。二、复制选区内的山坡,拉入我们新建的文档中,调整大小使它的宽度与画布的宽度对。三、用柔软的橡皮擦擦拭边缘部分,有点像雾的感觉,效果如下。四、添加调整图层--色相/饱和度,色相-1,饱和度+76。