Illustrator为Web图像消除锯齿 |
大多数Adobe Illustrator的作品都是矢量 格局 。为了用位图 格局,如GIF、JPEG或PNG 格局 保留矢量图像,必须先将它栅格化 。便是说,把矢量图形转换为像素,还有自动 利用 肃清锯齿 。在矢量物件被栅格化时,边缘会产生锯齿, 肃清锯齿 性能 可以平滑那些锯齿边缘,但这可能会产生 细微的线条和含糊的文字 。为了操纵 肃清锯齿的程度和 规模,在你将作品 保留为 合适网络传输的 格局之前,先栅格化图像,像素预览模式(Pixel preview ) 可以使你看到Illustrator是如何将矢量图像转换为像素的 。(如图) 1.激活像素预览模式 在Illustrator中, 取舍视图>像素预览(View > Pixel Preview),Illustrator将以像素显示矢量图像 。放大图像的某些 部分,直到 可以清楚的看到线条,文字,和被栅格化的其它物件 。 像素预览 格局显示了物件被栅格化以后的样子,假如你需求将矢量作品 保留为位图 格局的话,如GIF, JPEG, 或PNG,你 可以在像素预览模式,而实际状况是矢量的状况下 批改你的作品 。(图01) 图01 2.调整物件以 批改 肃清锯齿 动机 取舍一个物件,将之轻微移动 。Illustrator会重画像素,以及调整 肃清锯齿 。将物件安放在你对它栅格化 动机中意的位置 。在默许状况下,Illustrator会把物件对齐到一个不可见的像素网格上 。任何 肃清锯齿都会沿着物件消逝的边缘(通常为左边和上边) 。要想 取缔对齐, 取缔 取舍视图>对齐到像素(View > Snap To Pixel) 。要回到矢量预览模式, 取缔对像素预览模式的 取舍(View > Pixel Preview) 。 Illustrator 使用一种不可见的像素网格来分隔画板 。一个物件在网格中的位置关系到物件如何被像素化,以及 肃清锯齿的 动机 。将物件对齐到像素网格,你 可以削减锯齿的数量,这对 缔造整洁的图像来说是很有用的 。 3.栅格化文字 取舍一个文字物件, 取舍物件>栅格化命令 。对Web图像来说, 取舍屏幕分辩率就 可以了 。对文字 品质而言,假如你 盼望栅格化后的文字较为修长,就 取舍流线型(Streamline);反之,假如 盼望得到稍粗的文字,就 取舍轮廓线(Outline) 。对 肃清锯齿,假如你 盼望对Illustrator中的文字 利用 肃清锯齿,那就 取舍文字优化(Type Optimized (Hinted) ),不然的话就 取舍不(None) 。 肃清锯齿对较大的文字最为有效 。对较小的文字,如10点或更小的,不要 利用 肃清锯齿命令,这样很方便使文字含糊难辨 。假如想在Web图像中 利用无锯齿的文字,你也 可以 取舍那些专门用于设计网页图片的字体来 接替对文字 肃清锯齿的过程 。(图02) 图02 4.栅格化图形物件 取舍一个你不想对它 肃清锯齿的物件, 而后 取舍 动机>栅格化(Effect > Rasterize) 。将分辩率设为 合适屏幕,从 肃清锯齿弹出菜单中 取舍不(None) 。 在对物件进行栅格化之后,你 可以 接续编辑它 。你 取舍的选项转变的是图形的外观,但没有转变其 构造 。你 可以 批改栅格化设置或在任何 工夫将位图图像反转回矢量 格局 。(图03) 图03 5.为Web 保留图像 取舍文件> 保留为Web 格局 。从设置菜单中 取舍一种 格局,或是为它设定一个特殊的 。当你转变设置,Illustrator连同文件大小和 色彩的信息一同,显示 保留图像的预览 。当你 取舍GIF、 JPEG、或PNG 格局时,Illustrator会栅格化全部剩下的矢量图形,并对它 利用 肃清锯齿 。 你 可以在 储存为Web 格局对话框中 比较不同设置的 后果:点击双联或四联面板,在同一 工夫 视察 比较多种 动机 。为了预览图像在阅读器上的 动机,在对话框底部 取舍预览,再从弹出菜单中 取舍不同的阅读器 。(图04) 图04 |