分享PS设计中如何让像素对齐网格

天天1v3

工作中整天和像素打交道，感触比较深的特性就是PSCS6支持矢量对象绘制、变换时像素自动对齐格。PS软件下载的最新消息可以到我们平台网站了解一下，也可以咨询客服人员进行详细的解答！https://b23.tv/4Okllaf

当然，对象绘制、变换时像素对齐格并不是PSCS6独有的功能，只是更智能更好用了，PSCS6的像素自动对齐格功能在绘图过程中，疑方便了很多，不必再担心图形边缘会出现模糊，但是我们在际的图形设计过程中会发现，还是会经常需要调整一些路径没有完全对齐到格产生的半透明的过渡像素，用来平滑图形边缘减少锯齿感，或让图形看上去更饱满、更细腻，我们称其为次像素(或亚像素，S-，一般用于屏幕显示技术等领域)，如下图所示。 图1-消除锯齿的次像素 趁着PSCS6正式版还未普及，以PSCS5为例，和大家探讨矢量路径图形绘制时如何让像素对齐格，如何利用路径调整次像素改善图形的饱满度的一些经验，希望对大家有所启发和帮助。 一、像素对齐格 1对象绘制时像素对齐格 像素对齐格比较大的作用就是避免绘制图形时出现虚边，解决图形模糊的问题，尤其是将画布放大数倍去抠界面、图标细节时，精度可以达到像素级，让设计师将精力更多的集中在创意表达层面，不必因为担心模糊而谨慎的去操作，从而提高工作效率。 在PSCS5初始状态时，只有当画布在100%比例下，也就是际像素比例时，画出来的图形才不会模糊，放大或缩小画布到其他比例下，即使打开格进行辅助，画出来的图形也会模糊，如图2所示，蓝色图形与紫色图形分别为100%画布下不打开格，和非100%比例画布下打开格随意绘制的相同大小的矩形，我们能明显的看到紫色图形边缘非常的模糊。 图2-对齐像素图形和未对齐像素图形的对比 这时的格没有起到作用，是因为在PSCS5初始状态时，格的参数不是以像素为单位，而是毫米，如图-3，首选项窗口可以通过主菜单中“编辑首选项常规”或捷键C+K来打开。 图3-初始状态下的格参数 想要在常规图形(矩形、圆角矩形、圆形)绘制过程中，使像素在任何情况下都对齐格，在PSCS5的首选项窗口中，对“参考线、格和切片”选项卡的格参数进行简单的设置，并配合捷键就可以做到。 图3中可以看到格线间隔的默认值是25毫米，将单位改为像素，这时单位前面的数值会自动变为1，这时的格线并未与画布上的像素格对齐，需要手动重新输入数值，且格线间隔数值与子格数值必须相等，图4展示的是在3200%比例下，两种不同数值格所呈现出的效果，可根据自己的喜好进行调整。格可通过主菜单“视图显示格“来显示或隐藏，捷键为C+’(回车左侧的引号键)。 图4-不同格参数呈现的效果 完成了如上设置，比较后确保”主菜单视图对齐”及“对齐到格“两个选项已勾选，“对齐到格“选项在打开显示格的情况下才可编辑。 图5-对齐功能及相关选项 像素对齐格设置完成，以后在非100%视图下绘制常规图形，只要打开格辅助，就不会出现模糊情况。像素对齐格在PSCS5中还是存在一定的局限性，受到图形形状的约束，当使用线条工具、多边形工具、自定义形状工具绘制一些带有倾斜边缘或非直角的图形时，还是法保证所有角点和边缘对齐格，当然这里的模糊更多的是防锯齿效果，可以利用格手动调整。 2对象变换时像素对齐格 PSCS5中，长宽都是奇数或都是偶数时，进行90°变换时都可以对齐像素，当长宽数值分别是奇数和偶数时，再进行或逆时针90°变换就会使图形模糊，法对齐到像素，这时可以先旋转，然后打开格进行辅助，不要退出自由变换模式，拖动对象，这时边缘就会自动吸附对齐格，如下图： 图6-变换图形时对齐格 二、利用次像素让图形更饱满 举个小例子，看看次像素在图形设计中的作用，抛砖引玉。 在界面设计中，经常会绘制下拉菜单等控件上的角形箭头形状，比较常见的做法就是用铅笔工具点象素画出来，如图7-所示，看上去很清晰，但在分辨率较小的屏幕上看，会稍显生硬、有锯齿感，影响界面的细腻度；用路径对齐格绘制箭头，如图7-所示，解决了锯齿问题，但看上去体量感被削弱了，不够饱满；图7-中所示的效果，是对次像素微调后的效果，既消除了锯齿，而且在体量感上不输首种方案的效果。 图7-种不同方法绘制的箭头 没看出差别我们将种方案放在一起对比下，见图8，从左至右依次为图7中的、、方案，我们看到中间的方案虽然没有了锯齿，但体量上明显小于、方案，而方案同时具备锯齿、相等的体量感两个点。 图8-下拉箭头效果对比 通过放大图片我们可以看到在次像素上的差别，要达到方案的方法其很简单，看看下图放大的效果和路径你就明白了。 图9-使用路径改善后的次像素 只要将角点上的路径锚点分别向外移动一点，让原本颜色比较淡的次像素稍微加深就可以了，操作时，放大画布让调节更细微和精确，选中锚点，轻点多次键盘上的方向键来移动即可，这个方法不局限于箭头形状，大家可以开启像素眼去发现更多的应用场景。 总结 啰嗦了这么多，希望这些小的点能对大家工作有所帮助和启发。我们总是希望利用现有的资源做更多的事，不断的探索设计中的更多可能性，关注设计细节的展现，论是PSCS5还是即将发布的CS6，每一项功能改进都激动人心，使操作更加得心应手，也帮助设计师能够在更智能的环境中专注于创意表达，提高输出效率，相信ACS6设计套装在各个方面都不会让人失望，让我们一起期待。