推荐阅读

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的支持上依然垫底,以下是成绩公布:
最新发布

一定要用好调整层(1)什么是调整层
调整图像是PS操作中最富有艺术性、创造性和挑战性的工作。操作者在掌握了图像调整的一般操作之后,充分使用调整层来处理图像,可以使得调整图像操作具有更大的灵活性、重复性和特效性。属于“非破坏性调整”操作。调整层将图层操作、调整操作和蒙版操作三者完美地结合在一起,使得每一个操作者在图像调整中得到一种极大的享受和成就感。需要强调的是,在学习使用调整层之前,应该已经掌握了“调整”菜单下各项命令的使用方法,而且已经掌握了蒙版的使用技能。我们分几讲来介绍“非破坏性调整”的调整层操作的方法和思路。先看原图 23 4

Photoshop数码暗房9大功能图解
了解Photoshop数码暗房的功能,对于系统的搭建数码暗房的概念,有的放矢地学习数码暗房的技术是有必要的。 本贴的详细步骤和教程详见《PhotoshopCS 数码照片处理典型实例---技能版》 (人民邮电出版社) 3

菜鸟爸妈学PS之一:PhotoShop操作界面的讲解
请大家安装好PS(这不是废话嘛……),然后将PS的界面熟悉一下,消除对PS的惧怕心理~~学会新建文件和保存文件,学会设置参考线。安装完毕后,打开PS,就进入了PS的操作界面,我们来看一下【图1.1】。【图1.1】有点看晕了?呵呵,不要紧,接下来我们会详细讲解。最上面是菜单栏,文件,编辑,图像,等等。这里是一些基本操作选项,我们在实际的操作中会使用到,现在先不多说。菜单栏的下面是属性栏,当我们选择了工具栏中的工具时,这里就显示该工具的相关属性。我们在讲解工具的时候会详细说。最中间的灰色区域是文件编辑区。文件都在这里进行编辑。左边是工具栏,这里列出了PS的基本工具。我们可以通过菜单栏上的“窗口”-“工具”按钮,来显示和隐藏工具栏。【图1.2】将鼠标放在某个工具上,可以显示这个工具的名称。有些工具的右下角还有一个三角,就表示这个一个组合工具,这里还有其他的工具。用鼠标长按这个三角,就会把这里包含的工具都显示出来。

菜鸟爸妈学PS之三:裁剪、修复画笔、图章工具的使用
-------------------------------------------------------本节课程主要内容:学习裁剪工具、污点修复画笔工具、修复画笔工具、修补工具、套索工具、红眼工具、仿制图章工具和图案图章工具的应用。-------------------------------------------------------上回的课后作业,大部分同学都认真完成了,有的同学做得很好,有的在作图的过程中,总结了一些非常好的经验,值得大家学习!也有的同学因为初学PS,所以还不是用得很熟练。以后还要多加练习。PS不同于office,office之类的办公软件,只要掌握了方法,大家都可以做得一样。PS则是比较感性的东西,需要不断地练习实践、不断地去感觉。多练习,多思考,这是我给大家的要求:)在学习之前,我们来讲解一下关于选区的一点知识。我们在第二节课,已经学习过选区。所谓选区,就是选择图片中的某个部分。当你选择了选区,那么用各种工具对图进行修饰时,只对选区中的图片起作用。没有选中的部分是不会被修改的。如果没有选择任何选区,那么PS的工具是对整张图片起作用的。在作图的过程中,我们经常会遇到只需要对图的某个部分进行修改的情况,为了保护我们不想改变的内容,我们就要经常使用选区功能。关于选区,以后还会有一次详细的讲解。1. 裁剪工具在作图的过程中,经常需要对图片进行裁剪,我们可以通过裁剪工具实现。选择裁剪工具,在需要进行裁剪的图片上拉出一个矩形选区。选区中间亮的部分就是要保留的部分,四周暗的部分就是要被裁去的部分。【图3.1】选区的边线上有八个小方块,将鼠标停留在方块上拖动,可以将选区放大或者缩小。如果将鼠标放在选区之外,鼠标会变成一个弯弯的箭头形状,这时候可以对选区进行旋转。

菜鸟爸妈学PS之八:选区的学习和探讨+实例制作
----------------------------------------------------本节课程主要内容:了解选区的概念,学习选区的移动、反选、扩展、收缩、套用、改变半径、变换、羽化等。学习填充和描边,学习自定义图案。学习实例制作:1.秋日风情2.抽线效果图。---------------------------------------很抱歉,这节课程拖了那么久才出,最近实在事情太多了。希望我的教程能够坚持下去,大家也能坚持学下去。1.选区的概念我们在之前的课程里,已经接触过选区。矩形选区工具、套索工具、魔棒工具,都可以用于建立选区。用钢笔工具进行抠图建立选区,也是一种常见的做法。以后我们会详细学习钢笔工具抠图的做法。PS的任何操作,都是在选区内进行。如果没有选区,那么默认就会对当前层进行操作。【图8.1】选择菜单栏的“选择”,打开选择菜单。要选择整张图片,就选“全部”,就是全选图片,快捷键CTRL+A。要取消当前的选择,快捷键CTRL+D。取消后要重新选择刚才的选区,快捷键SHIFT+CTRL+D。【图8.2】2.移动选区用【图8.1】中的选择移动工具,可以对建立的选区进行移动。这个移动实际上是对选区内的图像进行了剪切,然后移动到其他位置。【图8.3】3.反选我们选择一个选区后,对其进行反选(快捷键SHIFT+CTRL+I),就可以选择和选区相反的区域。【图8.4】4.色彩范围执行菜单栏的“选择”-“色彩范围”,我们可以选择整个图形中的相近颜色。在色彩范围的对话框中,选择这里,我们可以选择各种颜色。比如我们选中了红色,确定后就可以看到图片

菜鸟爸妈学PS十一:图层蒙版的深入学习和探讨
---------------------------------------本节课程主要内容:学习剪切蒙版和图层蒙版的应用。---------------------------------------我真勤快啊,一天一课~~看来我是闲的慌~~这节课我们要学习的内容是蒙版。蒙版这个概念,形象得说,就是相当于在一张图片上盖了一层白纸,然后对盖上的白纸进行挖空,那么挖空的地方,下面的图片就显示出来了,不挖空的地方,就看不到下面的图片。当然了,我们在图片上用橡皮擦也是可以让图片的某些部分消失的,但是用了橡皮擦,图片被擦掉的部分就损失掉了,再也无法恢复。用蒙版则只是盖起来,去掉了蒙版,图片还是原来的图片,不会有任何损伤。这个概念,应该还是比较简单的吧?蒙版分为剪切蒙版和图层蒙版两种,下面来详细解说。1. 剪切蒙版我们来看一下【图12.1】,这个图片,有一个纹理层的图层(也就是树叶的图案),在纹理层下面,我们用自定义形状工具画了一个形状图层。【图12.1】在两个图层之间,按住ALT键,点击一下。我们可以看到,纹理层前面出现了一个向下的小箭头。图片就按照形状层的形状显示了纹理层的图案。这就是剪切图层。我们也可以用快捷键来实现这个功能,在纹理层上按ALT+CTRL+G,也可以得到剪切蒙版。【图12.2】除了可以用形状,还可以用文字做成剪切图层。【图12.3】就是我们用文字做的剪切图层。制作步骤是:(1) 建立一个文字层,输入文字,字体尽量选择粗一些的,这样好体现纹理效果。文字层在纹理层之下,建立剪切图层。(2) 给文字添加一些投影和描边的效果。(3) 在文字层下面建立一个浅绿色的图层。这样就得到了【图12.3】的效果。