Illustrator切片教程 Illustrator CS4

老黎 发表于 2009-06-20 14:01:00

Illustrator切片

关于切片

 

网页可以包含许多元素 - HTML 文本、位图图像和矢量图等等。在 Illustrator 中,可以使用切片来 定义图稿中不同 Web 元素的边界。例如,如果图稿包含需要以 JPEG 格式进行优化的位图图像,而图像其他部分更适合作为 GIF 文件进行优化,则可以使用切片隔离位图图像。使用“存储为 Web 和设备所用格式”命令将图稿存储为网页时,您可以选择将每个切片存储为一个独立文件,它具有其自己的格式、设置以及颜色面板。

Illustrator 文档中的切片与生成的网页中的表格单元格相对应。默认情况下,切片区域可导出为包含于表格单元格中的图像文件。如果希望表格单元格包含 HTML 文本和背景颜色而不是图像文件,则可以将切片类型更改为“无图像”。如果希望将 Illustrator 文本转换为 HTML 文本,则可以将切片类型更改为“HTML 文本”。

 

阅读全部内容…

Tags: Adobe Illustrator,AI,Illustrator

老黎的废纸篓 没有评论

创建Web图形的最佳做法

老黎 发表于 2009-06-19 17:01:00

Illustrator创建Web图形的最佳做法

 

关于 Web 图形

 

设计 Web 图形时,所要关注的问题与设计印刷图形截然不同。有关存储 Web 图形的视频,请参阅 www.adobe.com/go/vid0063_cn。有关在 Web 应用程序之间进行导入、复制以及粘贴的视频,请参阅 www.adobe.com/go/vid0193_cn

为了帮助您在 Web 图形方面作出客观决策,请记住以下三项原则:

1. 使用 Web 安全颜色。

颜色通常是图稿的重要方面。然而,在画板上看到的颜色未必是在其他系统上的 Web 浏览器中所显示的颜色。创建 Web 图形时,可以通过采取两个预防措施来防止仿色(模拟不可用颜色的方法)和其他颜色问题。第一,始终在 RGB 颜色模式下工作。其次,使用 Web 安全颜色。

2. 通过文件大小平衡图像品质。

在 Web 上发布图像,创建较小的图形文件非常重要。使用较小的文件,Web 服务器能够更高效地存储和传输图像,而用户能够更快地下载图像。可以在“存储为 Web 和设备所用格式”对话框中查看 Web 图形的大小和估计的下载时间。

3. 为图形选择最佳文件格式。

不同的图形类型需要存储为不同的文件格式,以便以最佳方式显示,并创建适用于 Web 的文件大小。有关特定格式的详细信息,请参阅 Web 图形优化选项

有许多专为 Web 设计的 Illustrator 模板,包括网页和横幅。选择“文件”>“从模板新建”以选择一个模板。

关于像素预览模式

 

在位图格式(如 JPEG、GIF 或 PNG)中存储图稿时,Illustrator 以每英寸 72 像素来栅格化图稿。可以通过选择“视图”>“像素预览”来预览栅格化的对象显示情况。如果您要在栅格化图形中控制对象的精确位置、大小和对象的消除锯齿效果时,这个功能尤其有用。

要了解 Illustrator 如何将对象划分为像素,请打开一个包含矢量对象的文件,选择“视图”>“像素预览”,然后放大图稿以便能够看到其单个像素。像素位置是由不可见的网格确定的,此网格将 1 磅(1/72 英寸)作为增量来分割画板。如果移动、添加或变换对象,您将注意到对象会自动对齐到像素网格。因此,沿对象“对齐”边缘的任何消除锯齿效果(通常在左侧边缘和顶部边缘)都会消失。现在,取消选择“视图”>“对齐像素”命令,然后移动该对象。这样,您将能够在网格线之间放置对象。注意这将如何影响对象的消除锯齿效果。正如您所看到的,非常小的调整都会影响对象的栅格化操作。

“像素预览”关闭(顶部)与打开(底部)的比较图

 
重要说明: 像素网格对标尺原点 (0,0) 敏感。移动标尺原点将改变 Illustrator 网格化图稿的方式。

-------

以上内容来源于Adobe Illustrator CS4官方教程

Tags: Adobe Illustrator,AI,Illustrator,web设计

老黎的废纸篓 没有评论
Loading
归档
订阅RSS