最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

Illustrator中为Web图像消除锯齿

日期:11-30    来源:中国设计秀    作者:cnwebshow.com

  大多数Adobe Illustrator的作品都是矢量格式。为了用位图格式,如GIF、JPEG或PNG格式保存矢量图像,必须先将它栅格化。就是说,把矢量图形转换为像素,还有自动应用消除锯齿。在矢量物件被栅格化时,边缘会产生锯齿,消除锯齿功能可以平滑那些锯齿边缘,但这可能会产生纤细的线条和模糊的文字。为了控制消除锯齿的程度和范围,在你将作品保存为适合网络传输的格式之前,先栅格化图像,像素预览模式(Pixel preview )可以使你看到Illustrator是如何将矢量图像转换为像素的。(如图)BVv中国设计秀
 BVv中国设计秀

为Web图像消除锯齿BVv中国设计秀

BVv中国设计秀
  1.激活像素预览模式BVv中国设计秀
BVv中国设计秀
  在Illustrator中,选择视图>像素预览(View > Pixel Preview),Illustrator将以像素显示矢量图像。放大图像的某些部分,直到能够清晰的看到线条,文字,和被栅格化的其它物件。BVv中国设计秀
BVv中国设计秀
  像素预览格式显示了物件被栅格化以后的样子,如果你需要将矢量作品保存为位图格式的话,如GIF, JPEG, 或PNG,你可以在像素预览模式,而实际情况是矢量的情况下修改你的作品。(图01)BVv中国设计秀
 BVv中国设计秀

为Web图像消除锯齿BVv中国设计秀

图01
2.调整物件以修改消除锯齿效果BVv中国设计秀
BVv中国设计秀
 
 
  选择一个物件,将之轻微移动。Illustrator会重画像素,以及调整消除锯齿。将物件安放在你对它栅格化效果满意的位置。在默认情况下,Illustrator会把物件对齐到一个不可见的像素网格上。任何消除锯齿都会沿着物件消失的边缘(通常为左边和上边)。要想取消对齐,取消选择视图>对齐到像素(View > Snap To Pixel)。要回到矢量预览模式,取消对像素预览模式的选择(View > Pixel Preview)。BVv中国设计秀
BVv中国设计秀
  Illustrator使用一种不可见的像素网格来分隔画板。一个物件在网格中的位置关系到物件如何被像素化,以及消除锯齿的效果。将物件对齐到像素网格,你可以减少锯齿的数量,这对创建整洁的图像来说是很有用的。BVv中国设计秀
BVv中国设计秀
  3.栅格化文字BVv中国设计秀
BVv中国设计秀
  选择一个文字物件,选择物件>栅格化命令。对Web图像来说,选择屏幕分辨率就可以了。对文字质量而言,如果你希望栅格化后的文字较为修长,就选择流线型(Streamline);反之,如果希望得到稍粗的文字,就选择轮廓线(Outline)。对消除锯齿,如果你希望对Illustrator中的文字应用消除锯齿,那就选择文字优化(Type Optimized (Hinted) ),否则的话就选择不(None)。BVv中国设计秀
BVv中国设计秀
  消除锯齿对较大的文字最为有效。对较小的文字,如10点或更小的,不要应用消除锯齿命令,这样很容易使文字模糊难辨。如果想在Web图像中应用无锯齿的文字,你也可以选择那些专门用于设计网页图片的字体来代替对文字消除锯齿的过程。(图02)BVv中国设计秀
 

为Web图像消除锯齿BVv中国设计秀

图02
BVv中国设计秀
  4.栅格化图形物件BVv中国设计秀
BVv中国设计秀
  选择一个你不想对它消除锯齿的物件,然后选择效果>栅格化(Effect > Rasterize)。将分辨率设为适合屏幕,从消除锯齿弹出菜单中选择不(None)。BVv中国设计秀
BVv中国设计秀
  在对物件进行栅格化之后,你可以继续编辑它。你选择的选项改变的是图形的外观,但没有改变其结构。
  • Copyright CnWebShow 2005-2015 All Right Reserved. 粤ICP备05067046号
  • 互动联系方式:QQ:8208442 331633853 9961674  交流群:9107036 3848215 8850631
  • 中国网页设计秀为中国网站设计师、设计师联盟提供优秀的网页设计,平面设计,工业设计等方面的作品展示。免费提供网页设计教程,网站CMS源码,破解源码,免费微信源码
  • 做最专业的设计服务网站,秀出自我,秀出精彩!中国设计秀,秀---无处不在!!