您的位置:首页资讯图形图像 → 为Web图像消除锯齿

为Web图像消除锯齿

时间:2004/10/15 1:31:00来源:本站整理作者:蓝点我要评论(0)

  大多数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)

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 马赛克拼图制作方法 教美图秀秀手机版2.3系列YUMMY教你做美图之炫彩普通自拍照大改造 制作

最新文章 PS影楼动作合集 Photosnipaste怎么用 snipa 斗鱼直播管家怎么用 斗鱼直播管家使用教程ps怎么合成全景图 ps可以画360度VR全景图吗我们是谁漫画出自哪里 我们是谁漫画用什么软faststone capture怎么截长图 faststone ca

人气排行 cad快捷键命令大全 图文并茂教您用美图秀秀更改证件照片背景cad自动保存在哪里?cad自动保存路径图解电脑屏幕亮度怎么调最好美图秀秀去水印的两种方法bandicam怎么设置超清 bandicam怎么录制超清美图秀秀局部变色笔使用教程 美图秀秀局部变用美图秀秀制作最可爱的晒照片方式