进入旧版 | 服务项目 | 成功案例 | 联系方式 | 过客留言 | 友情链接
   
设为首页
加入收藏
联系我们
网站首页 | 新闻资讯 | 操作系统 | 办公软件 | 网络软件 | 工具软件 | 媒体动画 | 网页制作 | 网站开发 | 程序开发 | 平面设计
Photoshop视频教程 | Word入门 | Flash入门 | JScript | VBScript | ASP | PHP | ADO | 网页特效 | 3DS MAX6.0命令 | 系统进程
您当前的位置:GOODSGY电脑学习网 -> 平面设计 -> Illustrator -> 文章内容  
为Web图像消除锯齿

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

www.goodsgy.com


  1.激活像素预览模式

  在Illustrator中,选择视图>像素预览(View > Pixel Preview),Illustrator将以像素显示矢量图像。放大图像的某些部分,直到能够清晰的看到线条,文字,和被栅格化的其它物件。

  像素预览格式显示了物件被栅格化以后的样子,如果你需要将矢量作品保存为位图格式的话,如GIF, JPEG, 或PNG,你可以在像素预览模式,而实际情况是矢量的情况下修改你的作品。(图01)

www.goodsgy.com

图01

www.goodsgy.com


  2.调整物件以修改消除锯齿效果

  选择一个物件,将之轻微移动。Illustrator会重画像素,以及调整消除锯齿。将物件安放在你对它栅格化效果满意的位置。在默认情况下,Illustrator会把物件对齐到一个不可见的像素网格上。任何消除锯齿都会沿着物件消失的边缘(通常为左边和上边)。要想取消对齐,取消选择视图>对齐到像素(View > Snap To Pixel)。要回到矢量预览模式,取消对像素预览模式的选择(View > Pixel Preview)。

  Illustrator使用一种不可见的像素网格来分隔画板。一个物件在网格中的位置关系到物件如何被像素化,以及消除锯齿的效果。将物件对齐到像素网格,你可以减少锯齿的数量,这对创建整洁的图像来说是很有用的。

  3.栅格化文字

  选择一个文字物件,选择物件>栅格化命令。对Web图像来说,选择屏幕分辨率就可以了。对文字质量而言,如果你希望栅格化后的文字较为修长,就选择流线型(Streamline);反之,如果希望得到稍粗的文字,就选择轮廓线(Outline)。对消除锯齿,如果你希望对Illustrator中的文字应用消除锯齿,那就选择文字优化(Type Optimized (Hinted) ),否则的话就选择不(None)。

  消除锯齿对较大的文字最为有效。对较小的文字,如10点或更小的,不要应用消除锯齿命令,这样很容易使文字模糊难辨。如果想在Web图像中应用无锯齿的文字,你也可以选择那些专门用于设计网页图片的字体来代替对文字消除锯齿的过程。(图02)

www.goodsgy.com

图02

  4.栅格化图形物件

  选择一个你不想对它消除锯齿的物件,然后选择效果>栅格化(Effect > Rasterize)。将分辨率设为适合屏幕,从消除锯齿弹出菜单中选择不(None)。

  在对物件进行栅格化之后,你可以继续编辑它。你选择的选项改变的是图形的外观,但没有改变其结构。你可以修改栅格化设置或在任何时间将位图图像反转回矢量格式。(图03)

www.goodsgy.com

图03

www.goodsgy.com


  5.为Web保存图像

  选择文件>保存为Web格式。从设置菜单中选择一种格式,或是为它设定一个特别的。当你改变设置,Illustrator连同文件大小和颜色的信息一起,显示保存图像的预览。当你选择GIF、 JPEG、或PNG格式时,Illustrator会栅格化所有剩下的矢量图形,并对它应用消除锯齿。

  你可以在储存为Web格式对话框中比较不同设置的结果:点击双联或四联面板,在同一时间观察比较多种效果。为了预览图像在浏览器上的效果,在对话框底部选择预览,再从弹出菜单中选择不同的浏览器。(图04)

www.goodsgy.com

图04

www.goodsgy.com


在百度中搜索:为Web图像消除锯齿
在Google中搜索:为Web图像消除锯齿
在Yahoo中搜索:为Web图像消除锯齿

收藏到网摘:新浪VIVI 365key 我摘 POCO网摘 博采中心 YouNote 和讯网摘 天天收藏
[] [返回上一页] [打 印] [收 藏]
上一篇文章:AI10的高级透明效果

 相关文章    最新文章
· [组图] 为Word文档加入背景音乐
· [图文] 为Windows Vista系统安装SATA硬盘驱..
· [图文] 为WPS表格增加选择性粘贴——连接
· [组图] 如何在没装打印机的电脑为WPS表格添..
· [组图] 利用MathType为WPS文字添加公式
· [组图] 用绘图工具为WPS 2005文档内容加上..
· [图文] 移花接木,为WPS Office 2005添加剪..
· [图文] 光彩夺目 为Word 2007文档添加封面..
· 各种电子图书馆文章转为Word文档的方法
· [组图] 为Windows添加打印纸张型号
 
· 如何删除Illustrator中过多的样式?
· Illustrator模仿PS蒙版绘透明变化的月亮
· Illustrator 巧制透明按钮
· 巧用Illustrator旋转工具绘制丰富图案
· Illustrator符号工具巧绘复杂花撒图案
· 用ILLUSTRATOR绘制飘动的国旗
· illustrator制作卡通全攻略
· 用illustrator制作烟灰缸
· 关于AI中的Color面板
· Illustrator渐变网格描绘精致黄蜂

∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论…]
站内搜索

精彩图文
  网站导航  
操作系统 办公软件 网络软件
Vista Windows2003 WindowsXP Windows2000/NT Windows9X/ME Linux 其他 Word Excel Powerpoint Outlook 金山系列 其他 网页浏览 上传下载 联络聊天 邮件工具 服务器软件 网络辅助
工具软件 媒体动画 网页制作
系统工具 媒体工具 压缩工具 图文处理 文件管理 其他 3DMAX Authorware Director Maya 视频处理 其他 Flash Dreamweaver FireWorks FrontPage LiveMotion Golive HTML/CSS 其它
网站开发 平面设计 程序设计
ASP JSP PHP CGI JavaScript VBScript XML/SOAP Web服务器 Photoshop PhotoImpact CorelDraw Illustrator Freehand 设计欣赏 其他 VB VC .NET C/C++ DELPHI JAVA

冀ICP备05019428号
Copyright © 2004-2008 电脑学习网 Inc.All rights reserved.
TEL:13832340607
QQ:39873155
E_Mail:goodsgy(#)hotmail.com   (把(#)替换成@)
MSN:goodsgy(#)hotmail.com   (把(#)替换成@)