一点设计上的技巧

01.06.2010, UI Design, by .

做了3年的设计工作了。却发现我只用PS 这个工具就搞定了一大部分的工作内容,一下说不完也说不全那就只说一点用PS来做设计的技巧了。

图层样式


从Photoshop6.0中开始新增的图层样式效果非常丰富,以前需要用很多步骤制作的效果在这里设置几个参数就可以轻松完成,很快成为大家制作图片效果的重要手段之一。不过这个也是一个加快设计效果图的技巧。我建议每个初学设计的朋友都自己建立一个自己的图层样式库。或者是找一些样式库来使用。使用的时候要注意同种风格的效果不要滥用就行了。
图层样式的相关介绍:http://www.yesky.com/SoftChannel/72348986094125056/20030730/1717896.shtml
剪贴蒙板


剪切蒙版就是让上面的图层在下面图层有效像素范围上显示。简单的说就是将上面的图层的内容局限在下面图层为选区的范围内来显示。利用这个可以节省部分设计的时间。也可以构建出一些奇特的拼接效果出来。
善用钢笔工具
个人觉的钢笔工具其实就是用来在PS里面画适量图的,这个配合形状工具可以做出很多效果。也可以用来抠图,抠图的时候用起来比套索顺手,抠出来的质量也比套索高得多。
还有就是使用形状工具的时候请把对齐像素勾上,这样会少很多麻烦。

1px的高光
1px 的描边可以起到的村托的效果。可以用来做把背景和元素的区分开,看起来就有细致的感觉。这是细节的一种处理方式。还有有时候也不一定非要1px,适当是控制才是正确的。比如下面这个图所展示的:

这个图标是 Photoshop Mac 版里面的一个下载的图标,我在图里面把每个各尺寸的细节效果标明了。这样对比起来看起来就很清晰了。对于复杂点的图标和其他东西都是一个抛砖引玉的作用。
网页设计是带着枷锁在跳舞
这句说的一点都没错。网页设计除了策划的要求这个枷锁以外还有个枷锁,那就是网页的 html 代码。html 代码的标签都是矩形的容器,方方正正的。效果图设计出来后要切片后才能通过 html 标签显示在网页上。设计的时候必须考虑好一个图形的在切片的时候用整个图形,还是图形的某部分来做平铺填充页面。
PS:感觉这个还是不够。。。不管了下次继续了。

6 Replies

  1. 羽风 says:

    嗯,PS。像博主这样的设计师是需要会的。学习了!

  2. xsinger says:

    学了点东西!不错

  3. Lynzz says:

    我现是做网页切片,和div+css布局,就不会用ps做图,现打算学学

  4. Mac.Lee says:

    恩、、很有用处、、
    我就是切片做的还不是很好、、有时间要具体研究一下、、

  5. Frank says:

    自己的体会,不错。看好你啊,呵呵。

  6. Leo says:

    曾经学过一段时间,但都是些皮毛。后来很久没用,已经忘得一干二净。

这篇文章的评论已关闭。