PS技巧/像素对齐网格(附PS20绿色破解版)

4周前 (01-10 01:42)阅读1回复0
zaibaike
zaibaike
  • 管理员
  • 注册排名1
  • 经验值165935
  • 级别管理员
  • 主题33187
  • 回复0
楼主

Photoshop自觉布以来,不断颇受好评,细心的伴侣可能发现最新的PS 撑持矢量对象绘造、变更时像素主动对齐网格,并且十分好用。Photoshop的像素主动对齐网格功用在绘图过程中,无疑便利了良多,没必要再担忧图形边沿会呈现模糊,但是我们在现实的图形设想过程中会发现,仍是会经常需要调整一些途径没有完全对齐到网格产生的半通明的过渡像素,用来光滑图形边沿削减锯齿感,或让图形看上去更丰满、更细腻,我们称其为次像素 (或亚像素,Sub-pixel,一般用于屏幕显示手艺等范畴),如下图所示。

像素对齐网格

1. 对象绘造时像素对齐网格

像素对齐网格更大的感化就是制止绘造图形时呈现虚边,处理图形模糊的问题,尤其是将画布放大数倍去抠界面、图标细节时,精度能够到达像素级,让设想师将精神更多的集中在创意表达层面,没必要因为担忧模糊而隆重的去操做,从而进步工做效率。

在初始形态时,只要当画布在100%比例下,也就是现实像素比例时,画出来的图形才不会模糊,放大或缩小画布到其他比例下,即便翻开网格停止辅助,画出来的图形也会模糊,如图2所示,蓝色图形与紫色图形别离为100%画布下不翻开网格,和非100%比例画布下翻开网格随意绘造的不异大小的矩形,我们能明显的看到紫色图形边沿十分的模糊。

那时的网格没有起到感化,是因为在PS CC初始形态时,网格的参数不是以像素为单元,而是毫米,如图,首选项窗口能够通过主菜单中”编纂>首选项>常规”或快速键Ctrl+K来翻开。

想要在常规图形 (矩形、圆角矩形、圆形) 绘造过程中,使像素在任何情况下都对齐网格,在PS CC的首选项窗口中,对”参考线、网格和切片”选项卡的网格参数停止简单的设置,并共同快速键就能够做到。

能够看到网格线间隔的默认值是25毫米,将单元改为像素,那时单元前面的数值会主动变成1,那时的网格线并未与画布上的像素格对齐,需要手动从头输入数值,且网格线间隔数值与子网格数值必需相等,图4展现的是在3200%比例下,两种差别数值网格所呈现出的效果,可按照本身的爱好停止调整。网格可通过主菜单”视图>显示>网格”来显示或隐藏,快速键为Ctrl+’(回车左侧的引号键)。

完成了如上设置,最初确保”主菜单>视图>对齐”及”对齐到>网格”两个选项已勾选,”对齐到>网格”选项在翻开显示网格的情况下才可编纂。

像素对齐网格设置完成,以后在非100%视图下绘造常规图形,只要翻开网格辅助,就不会呈现模糊情况。像素对齐网格在PS CC中仍是存在必然的局限性,遭到图形外形的约束,当利用线条东西、多边形东西、自定义外形东西绘造一些带有倾斜边沿或非曲角的图形时,仍是无法包管所有角点和边沿对齐网格,当然那里的模糊更多的是防锯齿效果,能够操纵网格手动调整。

2. 对象变更时像素对齐网格

PS CC中,长宽都是奇数或都是偶数时,停止90°变更时都能够对齐像素,当长宽数值别离是奇数和偶数时,再停止顺时针或逆时针90°变更就会使图形模糊,无法对齐到像素,那时能够先扭转,然后翻开网格停止辅助,不要退出自在变更形式,拖动对象,那时边沿就会主动吸附对齐网格,如下图:

操纵次像素让图形更丰满

举个小例子,看看次像素在图形设想中的感化,抛砖引玉。

在界面设想中,经常会绘造下拉菜单等控件上的三角形箭头外形,最常见的做法就是用铅笔东西点象素画出来,如图7-a所示,看上去很明晰,但在分辩率较小的屏幕上看,会稍显生硬、有锯齿感,影响界面的细腻度;用途径对齐网格绘造箭头,如图7-b所示,处理了锯齿问题,但看上去体量感被削弱了,不敷丰满;图7-c中所示的效果,是对次像素微调后的效果,既消弭了锯齿,并且在体量感上不输第一种计划的效果。

没看出不同?我们将三种计划放在一路比照下,见图8,从左至右依次为图7中的a、b、c计划,我们看到中间的b计划固然没有了锯齿,但体量上明显小于a、c计划,而c计划同时具备无锯齿、相等的体量感两个长处。

通过放大图片我们能够看到在次像素上的不同,要到达计划c的办法其实很简单,看看下图放大的效果和途径你就大白了。

只要将角点上的途径锚点别离向外挪动一点,让本来颜色比力淡的次像素略微加深就能够了,操做时,放大画布让调理更细微和切确,选中锚点,轻点屡次键盘上的标的目的键来挪动即可,那个办法不局限于箭头外形,各人能够开启像素眼去发现更多的应用场景。

附件:PS2020绿色破解版

此版本亲测不变,功用齐备好用,大可安心安拆,美滋滋。为制止协调,请点击下方链接进群索取资本o(* ̄︶ ̄*)o

点击获取PS2020绿色破解版

0
回帖

PS技巧/像素对齐网格(附PS20绿色破解版) 期待您的回复!

取消