像素视图和增强 Web 图形

通过 Roger Wambolt

此教程针对 CorelDRAW® Graphics Suite X5 而撰写。虽然前几个发行版可能已提供类似功能,但此教程仅完全适用于 CorelDRAW Graphics Suite X5。

CorelDRAW 中的像素视图使您能够创建实际像素单位的绘图,从而更好地模拟所设计图形在 Web 上的显示效果。

像素视图和增强 Web 图形

学习内容

在本教程中,您将学习如何:

处理像素

“像素视图”显示基于像素的绘图还原效果,这使您能够放大对象区域,然后更准确地定位和调整对象大小。此视图还使您能够查看绘图在导出为位图文件格式后的显示结果,即使对象是矢量对象。

CorelDRAW® 像素视图模式

贴齐像素

  • 在 CorelDRAW 中,单击文件 > 新建
  • 在“新建文档”对话框中,从预设目标位置列表框选择 Web,并单击确定
  • 在工具栏上,从缩放级别列表框选择 800%
  • 单击视图并确保未启用贴齐像素。(“贴齐像素”旁边的复选标记指示此选项是否已启用)
  • 绘制对象
  • 单击视图 > 贴齐像素
  • 绘制另一个对象

绕着网格移动时,请留意贴齐点的显示方式,比如像素边缘、像素边角和像素中心。这可以提高控制的精确度。

更改像素网格的颜色和不透明度

要更改像素网格的颜色和不透明度,请单击视图 > 设置 > 网格和标尺设置

  • 在像素网格区域中,打开颜色挑选器,并选择一种颜色
  • 向右移动不透明度滑块以增加网格的不透明度
如果不想让像素视图自动以 800% 或更高倍数放大显示,可以禁用以 800% 或更高倍数放大显示像素网格复选框。

通过在 Web 设计时使用像素预览模式,可以确保做到所看即所得。无需再猜测。

将图形导出到网页

导出到网页对话框提供常见导出控制的单个访问点,因此您无需在准备导出文件时打开其他对话框。它还使您能够在确定输出格式之前比较各种过滤器设置的结果,从而更轻松地实现最佳效果。让我们来看一下。下图是“导出到网页”对话框。CorelDRAW® 和 Corel PHOTO-PAINT® 中均提供此功能。

导出到网页

“导出到网页”对话框

  • 在 CorelDRAW 中,对于页面上的设计,单击文件 > 导出到网页
  • 在“导出到网页”对话框中,单击四个预览按钮
  • 单击右上方预览窗格
  • 从“预设”列表框选择“中等质量 JPEG”
  • 注意其他窗口之间的文件大小的差异

最佳文件格式

CorelDRAW 和 Corel PHOTO-PAINT 使您能够导出 Web 兼容的文件格式:GIF、PNG 和 JPEG。

GIF
图像最常用于线条画、文本、用色较少的图像或具有柔和边缘的图像,如扫描的黑白图像或徽标。GIF 提供多种高级图形选项,包括透明背景、隔行图像和动画。它还使您能够为图像创建自定义调色板。

PNG
PNG 文件最常用于各种图像类型,包括照片和线条画。PNG 文件格式(不同于 GIF 和 JPEG 格式)支持 Alpha 通道。这使您能够以卓越的效果保存透明图像。

JPEG
照片和扫描图像通常导出为 JPEG 文件。JPEG 文件使用文件压缩来存储近似图像,这会导致丢失一些图像数据,但不会降低大多数照片的质量。保存图像时可以选择图像质量 - 图像质量越高,文件越大。

使用预设

可以使用预设设置来导出 Web 兼容的文件。这使您能够优化文件,而无需修改各项设置。但是,您也可以自定义设置,以生成特定效果。例如,可以调整其颜色、显示质量和文件大小。如果要导出多个图像并确保整个项目的一致性,那么预设功能非常有用。

导出到网页

自定义导出 JPG 的选项

从“导出到网页”对话框的格式列表框中选择 JPEG。可以选择执行以下一个或多个任务:

设置区域

控制颜色模式、质量、子格式以及对不同颜色的相邻像素间的过渡进行模糊处理的功能。设置区域中还有在导出为 CMYK 时叠印黑色的选项,以及向对象背景应用哑光色以帮助调和经过光滑处理的对象边缘的选项。

高级区域

为了在某些 Web 浏览器中逐渐加载 JPEG 文件,以便在完成加载前仅显示部分图像,请启用“进程”复选框。请使用最佳编码方法来生成最小的 JPEG 文件,并应用文档颜色设置。还可以使用颜色打样设置。

自定义导出基于调色板的位图(PNG 和 GIF)的选项

从“导出到网页”对话框的“格式”列表框中选择 GIF 或 PNG。可以选择执行以下一个或多个任务:

设置区域
在“设置”区域中,选择调色板,指定一种颜色筛选设置,也可以对颜色取样,并通过单击“滴管”工具将其添加到调色板。如果减少了图像颜色数,并认为缺少想要添加的某种特定颜色,那么此功能特别有用。此处的另一项功能是您可以双击任何可见颜色并对其进行修改。

高级区域
可以在此处设置要进行光滑处理的图像,嵌入颜色预置文件,或将其设置为隔行显示。

现在,我要指出,如果以 24 位 RGB PNG 的方式发送出文件,那么并不是所有这些选项都可用。有关此主题的更多信息,请参见 CorelDRAW 或 Corel PHOTO-PAINT 中的帮助文件。

Web 导出 - GIF 导出设置

返回页首