Photoshop

Photoshop Lab 模式下的波纹滤除

很久没在这个图像处理分类里写东西了。自从成了一个专业的Coder之后,图形方面的技能最终只是在辅助我的职业,而绝非我的职业本身。 最近在翻阅以前自己写的一些Photoshop的教材类文章,发现还是有一些需要搬回自己的博客的。虽然现在PS已经不是自己的主业,但回想过去,2008年之前的时候自己是那么的着迷于各种各样的PS技巧和图像处理。恐怕大学时代从图书馆里借的最多的书,就是关于PS的。其中有一本超级贵的书——《Photoshop Lab修色圣典》,作者Dan,好吧,所以唯独这本书记得这么清楚恰恰是因为它的价格,100多RMB,当时对一个穷学生而言,这么薄一本居然要这价格觉得好不可思议~不过后来很快在论坛用上了这本书中的内容,帮助论坛的一个朋友处理了一张波纹图片。 今天翻阅帖子的时候就正好看到,于是,那段天天和图片打交道的日子又浮现在眼前... 下面这些文字写于2008年11月15日,算来也已经超过4年了。帖子里我写的非常详细,如何一步步地使用lab模式滤除波纹杂色。 首先把模式改成LAB:…

像Photoshop一样地使用CSS

无论是作为前端,还是作为设计师,应该对下面这个界面颇为熟悉。 Photoshop的图层样式,恐怕是网页设计里最常接触的操作界面之一,因为传统Web设计很大程度上就是图层的样式层叠。很多年前,我还是一个蹩脚的设计师的时候,就常常看那些设计教程里大段大段的关于图层样式调整的描述,所以直到现在即使自己成了前端,但那些样式的调整都历历在目。而现在,如果用一个前端的眼光来看待Photoshop的图层样式,是可以把层的概念和样式直接映射到代码里的。 CSS究其本质,无非是一种描述性语句,与我们操作GUI的界面而言其实没有什么太多不同:选项和参数组成了完整描述使得浏览器能准确地反映出来。随着CSS3的普及,大部分的图层样式就能直接对应于CSS代码,而不需要我们再去切图。 如你所想,投影、内阴影、外发光、内发光,乃至斜面浮雕和光泽,都部分或全部的由 box-shadow 模拟出来。…

Photoshop 笔刷资源

虽然不搞PS和网页设计很久了,不过过往几年的各种有关PS的积累却还是在那里慢慢生锈。既然以后估计不会在用到,那么共享出来给有用的人最好不过了。本文主要是一些链接,关于PS的各种笔刷——在网页设计里,我觉得笔刷的重要程度仅次于灰度、渐变和阴影,不论是用以表现纹理,还是做必要的修饰,甚至仅仅只是浅到看不清的底纹,即使是细微之处都让设计看起来更浑然一体。 当然笔刷虽然强大,但实际上,可能平时收藏了很多,到时候基本自己也忘记自己有些什么,也就更加谈不上去用了。所以有一个分门别类的网站就显得更加重要。下面列举的这些网站是我以前经常查看的,其中任何一个的资源量都足够一个设计师长时间使用。很多笔刷都异常绚丽,有时候不仅仅是拿来用——比如拿来找些灵感也相当给力。 因为罗列资源网站并截图的做法在国外的文章里特别常见,为此我也特意模仿了那种截图的处理风格,并做了一个Action加快处理速度。很久不用PS的缘故所以还颇费了一些周折:-) BrushKing…

美工生活的终结

有多久没有用过Photoshop了呢?一年,或许更久。然后我又开始回顾些过往的幼稚的记录,怀念些过往的莫名的热情,觉得那时自己的生活状态真是不错啊,呵呵。 感觉现在的人多少都会些PS,就好像是个男的都就会装电脑一样。技术变得普遍和廉价,老一辈牛人辈出的时代就这样过去了,就像经典论坛里的PS区,如今只剩下死气沉沉的过往的为数众多的参考资料,以及不时出现的新人的常见问题。贴数寥寥,好大一半还是挖坟贴... 翻遍了电脑,却居然只有一张切楼的图。原来自己把绝大部分的图像处理时间花在了恶搞同学那了:) 。回过头再来看看这张自己切的图,问题还真不少。首先是透视有点问题,那是因为移动的时候没有做透视形变。然后天空换掉了,大楼上的倒影却没有跟上。最后,虽然考虑到了手的反射,但是角度却有点问题。总的来说,虽然把自己的手给整进去了,…

化石鱼 金属效果和材质

原文由Adam Smith发表于advanced photoshop magazine,可以在这本杂志的第33期的第33页找到英文的原版。由于在这类文章里比起学习技术,更多的还是在学习思路,加之原文的冗长,所以和那篇切楼一样,我仍然只是写我理解的主要思路。原文标题《metal effects and textures》,即金属效果和材质。 此文我翻译后最早发布在经典论坛。 最终效果图 步骤 1.首先,抠出鱼身。图中使用的是钢笔,并且勾的是形状而非路径,于是得到的是一个鱼身的形状图层。关于素材,应该不难找到类似的,并且此文中素材的作用其实是提供一个轮廓。 2.栅格化形状图层,…

切割大楼

有时也会翻译一些PS的非常赞的教材,但因为忙可能只是复述了大体的思路。切割大楼这篇文章是我早期翻译的可操作性很强的文章。现在也把这篇文章搬回博客。 原文出自Paul Hollingworth发表于第28期的《Advanced Photoshop-the magazine for Adobe Photoshop professionals》的同名文章。Advanced Photoshop是一本很不错的杂志(虽然现在这本杂志好像没以前好看了),现在也还可以从VeryCD上断断续续地下载到。虽然我很喜欢原文翻译,但是这篇原文实在太冗长了。最后只是复述了整个过程。 最终效果图 步骤 1.打开所要切割的大楼,复制背景。 2.为背景添加白云。 3.新建一层,…