PHOTOSHOP中完美添加1PX大小分割线技巧

1、PHOTOSHOP完美添加IPX大小分割线的技巧在网页设计中细节的处理十分重要，经常观摩外国佬的网站，发现优秀的网站设计在细节方面的处理都是照顾十分周全的。今天的小技巧很简单，却可以很好的增强整个网站的细节，且对提升你的网站设计水平也有帮助。这些技巧都围绕一个词，就是“像素化”，简单地说就是一些1px,2px的小线。1像素分隔线（1）分隔线，请看下图，为Pixel2L的导航栏。图中红圈中的线已经按钮之间的分隔线，有凹进去的感觉，形成一种很好的分隔线的感觉。我把这张图放大300倍，我们看看其中原理。看到这些分隔线，都是有2条相邻的1px直线构成，一条颜色较背景色更深，一条较浅。具体操作方法：选取

2、铅笔工具（不要选错为画笔），大小调为1px选取一个较背景色更深的颜色，如图中的深蓝色，按住Shift画出一条直线选取一个较浅的颜色，再画一条直线。PS画线过程可以放大画布（Z）以便观察。效果比单色的分隔线要好很多。接下来再看一些使用这个分隔线技巧的例子：*clearspringaplatformtliewidqettutorial92.像素边缘首先看一张没有加“像素边缘”的原图:BoxHeaderNamcjrsusvariusmlSuspendissevitaediamnontortorvfverrasuscipiLVivamusmolestie.Integereros.Aeneanaucto

3、rvehiculanunc.Nullavestibulumorcicon-sequattortor.Nuncpulvinarturpisvelipsum.Pellentesquemolestiecommodolibero.Inmattisnisivulputateest.Sedcondimentumitellusajusto.Doneenonsapien.Nuncerat.Quisqueconguelobor-tismetuis.Nullamlobortismagnaegetddor.AliquameratvolJtpat.Sedornarecondimentumelit接下来是加上“像素边缘

4、”的原图:BoxHeaderNamcjrsusvariusmLSuspendissevitaediamnontortoivfverrasusdpi匸/h/3rTHJmolestie.Integereros.AeneananctorvehiculanuncNullavestibulumorcicon-sequattortor.Nuncpulvinarturpisvelipsum.Pellentesquemolestiecommodolibero.Inmattisnisivulputateest.Sedcondimentumitellusajusto.Doneenonsapien.Nuncerat.Quisqueconguelobor-tismetJs.Nullamlobortismagnaegetdolor.AliquameratvolutpatSedornarecondimentum创it.看出来区别了吗？没关系，接下来请看放大下的图片:100%Zoom可以看到在黑色块的下面画了一条1px的纯白色线。而这条线让下面的白色块的边缘不再平淡无奇，而有一种灯光反射（高亮）的效果。使得