SG01

第 1章Illustrator CS3 快速入门

完成本章内容以后，你将能够：

了解Illustrator的应用领域

了解矢量图与位图的区别

了解Illustrator的工作环境

会文件的管理

会运用参数、标尺、辅助线等设置页面

了解印刷的基础知识

2

实用技术阅读手册

本 章 单 词

★★★级：

1．Illustrator 是Adobe 公司旗下著名的矢量绘图软件 2．AI （Adobe Illustrator ） Illustrator 文件的默认保存格式 3．EPS 一种图形文件格式，最高能表示32位图形图像

理论讲解部分

简 介

Adobe Illustrator 是当今最流行的平面设计软件之一，它功能十分强大，集绘图、平面设计、文字编排等功能于一体，深受平面设计人员的喜爱。据不完全统计，全球有67%的设计师使用Illustrator 进行艺术设计。

Illustrator 强大的功能和简洁的界面使其在同类软件中独占鳌头。近年来，Adobe 公司用CS 统一了Adobe Photoshop 、Adobe Illustrator 等软件的版本，这些软件组成的艺术设计团队，从图形创建、图像处理到印刷出版，都显得更加统一。Illustrator CS3的新功能令Illustrator 在绘图软件中更加卓尔不群，散发出独特的魅力。

本章重点介绍

（1）Illustrator 的应用领域。 （2）位图与矢量图。

（3）Illustrator 的工作环境。 （4）文件的管理。 （5）文件的显示。 （6）页面的设置。 （7）印刷基础知识。

1.1 演示案例1分析——猫咪图片大变身

1．素材准备 素材如图1.1所示。

图1.1 素材1.ai

Illustrator CS3快速入门

2．完成效果

完成效果如图1.2所示。

图1.2 完成效果

3．案例分析

该案例是把一幅位图通过实时描摹转换为矢量图。要实现该效果需要执行打开文件、实时描摹、存储文件等基本操作，相关理论讲解如下：

1.2Illustrator的应用领域

作为全球最著名的设计软件，Illustrator以其强大的功能和体贴用户的界面得以广泛应用于出版、多媒体和网页等领域。Illustrator是矢量绘图软件，由于矢量图形具有可任意放大不失真的特点，经常用来设计制作插画、企业Logo、宣传册、海报、杂志以及网页等。

1.2.1插画

插画俗称插图，广泛应用在广告、杂志、海报、书籍、包装等平面作品中。现代的商业插画，不只是像早期那样仅仅作为文字“配角”，而是逐渐发展为独立的一门画种。

由于商业插画在应用中需要不同的大小，所以就需要此作品能任意缩放，这使得矢量商业插画在插画中的地位不断提高，矢量商业插画作品如图1.3～图1.5所示。

图1.3 商业插画图1.4 Carven品牌包商业插画

3

4

实用技术阅读手册

图1.5 广告插画

1.2.2 平面广告

在现代印刷品广告中，最吸引人们的注意是那些经过精心设计的彩色图片，小到报刊广告，大到户外广告都可以使用Illustrator 绘制矢量图形，完美地突出产品的特点，如图1.6～图1.10所示。

图1.6 报刊广告

图1.7 房地产报刊广告

图1.8 意大利运动品牌Kappa 海报广告

图1.9 海报广告

5 Illustrator CS3

快速入门

图1.10 户外广告

1.2.3VI

“VI”是英文“Visual Identity”的缩写，中文译为“视觉形象识别系统”，是企业树立品牌形象所开展的一项基础工作。用Illustrator绘制的Logo在应用中可以进行任意缩放，而且文件较小，方便实际操作。VI设计的实际应用如图1.11和图1.12所示。

图1.11 汉思远教育VI应用图1.12 小派世家VI应用

1.2.4包装

包装是商品外在的形象，被称为“无言的推销员”。精美的包装能引起消费者的购买欲，从而达到促进销售的目的。用Illustrator软件可以绘制包装上的精美图案和包装的立体效果，如图 1.13～图1.15所示。

图1.13 酒包装图1.14 易拉罐包装

6

实用技术阅读手册

图1.15 食品包装

1.2.5 版式设计

版式设计主要包括图形与文字的组合设计和纯文字间的组合设计。Illustrator 软件具有方便快捷的排版功能，可以很好地体现平面设计的独特语言，如图1.16和图1.17所示。

图1.16 版式设计

图1.17 版式设计

1.2.6 网页设计

用Illustrator 设计的矢量图形的网页，运用夸张诙谐、极具个性魅力的表现手法，在互联网上被运

7 Illustrator CS3快速入门

用得越来越多，如图1.18和图1.19所示。图1.18是一个巴西人字拖鞋的网页，采用矢量图形设计，使用耀眼的对比色，充斥着浓郁的巴西味，给人时尚前卫的感觉。

图1.18 巴西人字拖鞋网页

图1.19 韩国矢量图形网页

1.2.7工业设计

工业设计主要是进行产品造型和色彩的设计，Illustrator可以帮助设计师游刃有余地表现产品的三维效果和质感，如图1.20和图1.21所示。

图1.20 汽车设计图1.21 手表设计

实用技术阅读手册

前面我们提到了Illustrator是一个矢量绘图软件，那么到底什么是“矢量图”，矢量图与我们平时见到的位图有什么区别？在学习绘图之前，首先需要了解这些基本概念。

1.3矢量图与位图

位图和矢量图是计算机图形中的两大概念，这两种图形都被广泛应用到出版、印刷、互联网等各个领域，它们各有优缺点，两者各自的优点是无法相互替代的，所以，长久以来，矢量图和位图在应用中一直是平分秋色。

1.3.1矢量图

Illustrator可以建立矢量图形。矢量图形是以数学的计算方式来记录图形内容，内容以线条和色块为主。在扩展矢量路径或进行放大时，它们的显示品质不会降低。

矢量图形与分辨率无关——也就是说，图形被缩放时，对象的清晰度、形状、颜色等都不会发生偏差和变形。如图1.22所示是一幅矢量图。请注意，即使将图形放大，它们看起来仍是平滑的。

图1.22 矢量图的缩放效果

1.3.2位图

Photoshop软件可以生成位图。照片就是最常见的位图。位图也称点阵图，由彩色的像素网格组成，缩放会失真。举个例子来说，位图就好比在巨大的沙盘上画好的画，当你从远处看的时候，画面细腻多彩，但是当靠得非常近的时候，就能看到组成画面的每粒沙子以及每个沙粒单纯的不可变化的颜色。

位图可以描述颜色的精细层次，是与分辨率有关的，图形被缩放时，它们可能会出现锯齿和损失细节。如图1.23所示的福娃的角，放大后就出现锯齿，变得模糊了。

图1.23 位图的缩放效果

1.3.3矢量图与位图的区别

矢量图与位图之间的区别见表1-1。

8

9

Illustrator CS3快速入门

表1-1 矢量图与位图的区别

对比内容

图像

构成方式

与分辨率关系

缩放后

图像效果

矢量图 数学计算方式

无关 不失真

主要由线条和色块组成，过渡

不是十分细腻 位图

像素

有关

失真

色彩丰富，过渡细腻

1.3.4 实时描摹

使用Illustrator 实时描摹功能可快速地将位图描摹为矢量图。下面用一个实例来具体说明。

打开“实时描摹.ai ”，画板上有一张位图，如图1.24所示。选择“选择工具”（V ），选中位图，在上方选项栏中，单击“实时描摹”按钮。

图1.24 选择位图

位图变为默认的黑白矢量图，如图1.25所示。在选项栏中单击“预设”下拉列表框，显示各种描摹预设选项，分别对应不同的描摹效果。

图1.25 实时临摹效果

实用技术阅读手册

描摹结果依次采用预设：灰度、手绘素描、6色，如图1.26所示。

图1.26 三种“预设”效果

完成描摹后，在选项栏中单击“扩展”按钮，可将描摹对象转换为路径，如图1.27所示。转换为路径后，描摹对象就不能更改为其他的预设选项了。

图1.27 完成效果

“实时描摹”可大大节约创建矢量图的时间，快速地将位图转换为矢量图，而且图像品质完好无损，对于平面设计师来说是一个很实用、便捷的工具。

1.4演示案例1制作——猫咪图片大变身

1．素材准备

素材如图1.28所示。

图1.28 素材1.ai

10

Illustrator CS3快速入门

2．完成效果

完成效果如图1.29所示。

图1.29 完成效果

3．操作步骤

STEP1打开文件

启动Illustrator CS3软件，选择菜单“文件”→“打开”（Ctrl+O），打开本章“理论演示案例\猫咪图片大变身\素材1.ai”，选择“选择工具”（V ），选中位图，如图1.30所示。

图1.30 打开文件

STEP2实时描摹

先单击选项栏中“实时描摹”按钮，再单击“预设”下拉列表框选择“6色”，效果如图1.31所示，矢量图由6种与原位图中相近的颜色组成。

11

12

实用技术阅读手册

图1.31 预设“6色”描摹

单击选项栏中的“预设”下拉列表框，选择“照片高保真度”，完成效果如图1.32所示。

图1.32 预设“照片高保真度”的效果

选择“缩放工具”（Z ），将描摹对象放大，如图1.33所示，可以发现图像由很多矢量色块组成，而不是由位图的基本元素——像素组成。

图1.33 放大后的效果

Illustrator CS3快速入门1.5Illustrator的工作环境

Adobe公司已经为它的大众软件应用了几乎一致的操作环境，所以Illustrator的工作界面也类似于Adobe的其他产品，如Photoshop和Pagemaker等的工作界面。

1.5.1欢迎屏幕

双击Illustrator CS3应用软件图标，运行Illustrator CS3，弹出“欢迎屏幕”对话框，如图1.34所示。

图1.34 “欢迎屏幕”对话框

（1）打开最近使用的项目：在下面的列表中选择最近使用或创建的文档。

打开：单击，弹出“打开”对话框，选择需要的文件并打开。

（2）新建：在下面的列表中选择一种文档配置文件，可根据需要更改设置，新建文件。

①“打印”文档：选择此项将使用“大小”为A4的画板，“颜色模式”为CMYK，“栅格效果”为300（ppi）来创建新文档，以适合打印需求。

②“网站”文档：选择此项将提供输出到Web的预设选项。

③“基本CMYK”文档：选择此项将使用默认A4画板，并提供其他大小以供选择。如果应用于平面设计，建议使用此配置文件。

④“基本RGB”文档：选择此项将使用默认800×600大小画板，并提供各种视频及特定于Web 的大小，以便从中选择。

1.5.2操作界面

单击“欢迎屏幕”中的“打印文档”按钮，出现“新建文档”对话框，采用默认设置，如图 1.35所示。

13

实用技术阅读手册

图1.35 “新建文档”对话框

单击“确定”按钮，屏幕上出现Illustrator CS3的操作界面，如图1.36所示。Illustrator的操作界面是创建、编辑、处理图形图像的操作平台，由标题栏、菜单栏、工具箱、功能调板、草稿区、绘图区、选项栏等组成。

图1.36 Illustrator CS3的操作界面

1．菜单栏

Illustrator CS3的主要功能都可以通过执行菜单栏中的命令来完成。Illustrator CS3菜单栏包括“文件”、“编辑”、“对象”、“文字”、“选择”、“滤镜”、“效果”、“视图”、“窗口”和“帮助”10个功能菜单。

2．工具箱

在默认情况下，工具箱显示在屏幕左侧。工具箱中放置了使用频繁的绘图和编辑工具。工具图标右下角的小三角形表示该工具存在隐藏工具。用鼠标按住这些按钮，可以打开隐藏工具条。

3．调板

操作界面右侧放置了各种功能调板。Illustrator CS3的调板有三种显示形式：

（1）默认情况下，折叠为图标泊靠在界面右侧，如图1.37所示。

（2）单击某个功能调板图标，该功能调板就会显示出来，如图1.38所示。

（3）单击“扩展停放”按钮，可显示出多个调板组，如图1.39所示。

再单击“折叠为图标”按钮，调板又会折叠为如图1.37所示的折叠图标调板。

14

Illustrator CS3

快速入门

图1.37 折叠为图标图1.38 单击单个功能调板图1.39 扩展停放

在绘制图形过程中，调板的应用是必不可少的，主要的调板有“图层”、“画笔”、“颜色”、“色板”、“渐变”、“变换”等。调板之间可以根据需要，任意组合。

1.6文件的管理

使用Illustrator绘制图形时，都是以文件的形式进行保存和编辑的。因此对文件的管理就显得特别重要。本节将讲解文件管理：新建、打开、保存、置入、导出等操作。

1.6.1新建文件

选择菜单“文件”→“新建”（Ctrl+N），打开“新建文档”对话框，如图 1.40所示。Illustrator 界面与我们之前所学的Photoshop界面非常相似，这里仅就Illustrator的独特之处做一些讲解。

图1.40 “新建文档”对话框

（1）“取向”按钮：这两个按钮确定文档是横向还是竖向。

15

实用技术阅读手册

（2）单击“高级”按钮：单击这个按钮出现更多选项。

（3）“栅格效果”：设置分辨率（ppi）参数。

（4）“新建文档配置文件”：在此下拉列表框中可选择各种文档类型，如图1.41所示。选择不同的选项，“新建文档”对话框中会有不同的参数。如果选择“网站”，将使用默认大小为800×600大小画板，单位为像素，颜色模式为RGB，栅格效果为屏幕（72ppi），如图1.42所示。

图1.41 下拉列表框图1.42 设置“网站”文档参数

设置完成后单击“确定”按钮，新建的绘图窗口如图1.43所示。窗口中心的黑框区是创建的画板，黑框之外的部分为草稿区，打印时这部分的图形会被忽略。

图1.43 新建的绘图窗口

1.6.2打开文件

选择菜单“文件”→“打开”（Ctrl+O），打开如图1.44所示的“打开”对话框；选择文件后，单击“打开”按钮即可。

16

17 Illustrator CS3

快速入门

图1.44 “打开”对话框

1.6.3保存文件

选择菜单“文件”→“存储”（Ctrl+S），打开如图1.45所示的“存储为”对话框；选择需要存放文档的位置，输入所需要的文件名称，在“保存类型”下拉列表框中选择需要的文件格式，默认为 AI 格式。

图1.45 “存储为”对话框

设置完成后单击“保存”按钮，弹出如图1.46所示的“Illustrator选项”对话框，设置完成后单击“确定”按钮，即可完成保存操作。

18

实用技术阅读手册

图1.46 “Illustrator 选项”对话框

1.6.4 置入文件

1．简介

在设计作品时，通常需要使用其他软件所创建的文件作为素材，要将这些不同格式的文件输入到Illustrator 中可以使用三种方法：

（1）在图像软件中调整好图像后，先“复制”文件，然后切换到Illustrator 窗口，选择菜单“编辑”→“粘贴”（Ctrl+V ），即可将文件粘贴到画板中。

（2）如果图像调整软件是Photoshop

，可以选择“移动工具”，选中图像直接拖拽到Illustrator 窗口中。其实，这种方法也是使用复制、粘贴命令，只是操作更简洁一些。

（3）选择菜单“文件”→“置入”命令，打开“置入”对话框，如图1.47所示。选择需要置入的文件，单击“置入”按钮即可。

图1.47 “置入”对话框

Illustrator CS3快速入门

需要注意的是对话框中的“链接”复选框。选择此复选框时，置入的文件与Illustrator是链接关系，如果不选此复选框，文件会嵌入到Illustrator中。

①链接。

置入时选择“链接”复选框，这样文件占用空间较小，置入的图像与源文件保持一种链接关系，当源文件被编辑发生改变时，Illustrator中的文件也会随之改变；当源文件的路径发生变化时，Illustrator 中的链接文件路径需要重新链接。

②嵌入。

将图像嵌入到Illustrator文件中，也就是将其复制到Illustrator中，文件占用空间会比较大。嵌入文件的优点是：不会因为源文件被修改或删除，而使Illustrator文件发生改变。

2．演示案例2制作——链接与嵌入

1）素材准备

素材如图1.48所示。

2）完成效果

完成效果如图1.49所示。

图1.48 素材图图1.49 完成效果3）操作步骤

STEP1新建文件

选择菜单“文件”→“新建”（Ctrl+N），在“新建文档”对话框中设置“取向”为横向，如图1.50所示，其他参数采用默认设置，单击“确定”按钮。

图1.50 “新建文档”对话框

STEP2置入“素材1”

选择菜单“文件”→“置入”，选择本章“理论演示案例\链接与嵌入\素材1.jpg”，勾选“链接”复选框，如图1.51所示。

19

20

实用技术阅读手册

图1.51 置入“素材1”

STEP 3 置入“素材2”

同样，选择菜单“文件”→“置入”，选择本章“理论演示案例\链接与嵌入\素材2.jpg ”，不选择“链接”复选框，如图1.52所示。

图1.52 置入“素材2”

结果如图1.53所示。