设计师教你让每一个像素都清晰可辨

2016-02-16 23:58 6 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的设计师教你让每一个像素都清晰可辨,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - 平面设计 】

大家在设计界面和网页时,是不是经常碰到PS里绘制的图标虽然是矢量的,但还是会有许多虚边,在放大、缩小、旋转后虚边变的更严重了,或者是在AI里绘制的精美矢量图标粘到PS里就变虚了,我们辛苦设计的作品就这样变糊了,这是我们双眼所不允许的,我们要让每一个像素都清晰可辨。要解决这些问题就要理解PS像素组成的原理,了解一些设置选项和使用技巧,下面和大家一块分享。(PS=Photoshop, AI=Illustrator)

一、绘制边缘清晰的「 形状图层 」

设计师教你让每一个像素都清晰可辨,PS教程,图老师教程网

我们通常在PS里绘制矩形时会用 「矩形工具」,这样产生的是矢量的形状图层,它的好处是我们无论放大缩小时都保持矢量属性,但当我们放大视图看时还是有虚边(上图),这些虚边虽然在绘制大的图形时影响不太大,但当我们绘制很小的像素级图标时,就会很明显了。

解决方法是选中下图列出的 「对齐像素」选项,当我们再绘制同样的矩形时,放大视图看边缘就清晰可辨了(下图)。其中的原理是:我们屏幕显示的图像是由无数个像素组成的,也就是说像素是图形的最小单位,通常当我们绘制的图形不是整数像素时,比如宽是20.5像素,那0.5的像素小于1像素,PS就会以虚边显示。当选中[对齐像素]选项时,我们绘制的宽、高将都是整数了。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

设计师教你让每一个像素都清晰可辨,PS教程,图老师教程网

二、旋转图形时保持边缘清晰

设计师教你让每一个像素都清晰可辨,PS教程,图老师教程网

当我们以矩形的中心点90度旋转时,得到的矩形缺失了两个边。这是什么原因呢?得知这个矩形的长是奇数、宽是偶数。当以中心点旋转时像素不能整分,所以得到这种结果。解决办法是,可以选矩形的四个角的任一顶点为中心点旋转,或者使矩形的长宽都为奇数或偶数值。如果我们的操作是旋转并缩放图形,最好是旋转完按确定,再进行缩放。不要连续操作完再确定,这样得到的结果会比较清晰。

三、AI粘入PS时保持边缘清晰

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

设计师教你让每一个像素都清晰可辨,PS教程,图老师教程网

有时当我们在AI里绘制了图标后,粘到PS里就会出现如下图的虚边,这是有两种原因造成的,一是在AI里新建文件时没有选中[对齐像素网格]选项(只有AI CS5以上版本有这个选项),这样绘制的图标的各个数值不为整数的情况,粘到PS里就会出现虚边。再一个是选中了 「对齐像素网格」选项粘到PS中依然出现虚边,这是要在粘之前在PS中建一个与图标大小相同的选区,再粘进来就OK了,因为PS中粘贴板中的图标粘入到视图时,图标是以被粘入视图的中心点定位粘贴的,这样粘贴的位置可能不是整数值,所以会出现虚边,这时我们要建一个同样大小的选区,再粘就没问题了。还有粘贴时选 「形状图层 」,这样以后的可编辑性会比较强。

以上方法希望对大家能有所帮助,让我们今后的作品每一个像素都清晰可辨,希望多交流学习!

来源:http://www.tulaoshi.com/n/20160216/1576628.html

延伸阅读
公布秘籍前,先让大家Get一个小技能,在Illustrator、Indesign以及Photoshop中,将文字工具置于两个字母之间,按住Alt / Opt键的同时,按键盘的左右键,即可快捷调整字偶间距。 01. 上下颠倒检查字偶间距 经验证,将字母上下颠倒摆放是有效检查字偶间距的方式。 为何要将字母上下颠倒摆放来查看字偶间距呢?因为这样可以避免你先入为主...
舞者们也许会问自己:Michael Jackson会怎么看我的舞步呢?拳击手们会自问:拳王Muhammad Ali会觉得我的右勾拳怎么样?那么作为设计师,我们一定会问自己Paul Rand会觉得我的logo设计怎样呢?相信我,只要通篇读完,你便知道Paul Rand对你的logo是否看好了。 传奇人物 Paul Rand是一名美国的艺术指导及平面设计师,其著名的logo作品有IBM...
标签: Web开发
网页设计是一门新兴的边缘性的行业,在网络产生以后应运而生。网页如门面,小到个人主页,大到大公司、大的政府部门以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站时,首先映入眼帘的是该网页的界面设计,如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等等。这一切都是网页设计的范畴,都是网页设计师的...
我们用相机表现我们看到的东西,质感却向我们提出了挑战:不仅要让观众知道某样东西是什么样子,还要让他们知道这样东西摸起来是什么感觉。根据日常经验和摄影处理,我们从视觉中得到了事物的触觉,这是美妙的。 牛津字典对质感(texture)的定义是当你触摸某个表面、物体或布料时的感觉,比如粗糙、顺滑、坚硬或柔软等。这个解释显然同样适用于...

经验教程

382

收藏

99
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部