第一章初识Illustrator.docx

第一章初识Illustrator.docx

《第一章初识Illustrator.docx》由会员分享，可在线阅读，更多相关《第一章初识Illustrator.docx（34页珍藏版）》请在冰豆网上搜索。

第一章初识Illustrator

排版:

本课程为计算机平面设计专业的必修课，是主要熟练掌握设计软

件的应用。

通过本课程的教学，使学生在已有设计软件运用基础上,

进一步加强对平面设计作品的设计制作能力，并为毕业设计和今后工

作打下良好基础。

计、产品包装、网页设计等领域。

本课程应采用多媒体教学手段进行教学。

对Illustrator技术的运用进行讲解，将知识点精选细致深入的归纳和剖析。

此外，为了使学生能更快地掌握运用Illustrator

课程中选取了大量作品作为实例分析与讲解。

在每一个模块节中增加了技能操作练习，通过实训教学，提高学生的实践动手操作能力、创新能力。

由于编写水平有限，加之时间仓促，书中难免有不妥和错误之处，希望广大读者批评指正我们，我们会尽快予以答复。

编者

内容提要

本书以设计艺术专业的一门专业计算机必修课，是主要熟练掌握设计软件的应用。

通过本课程的教学，使学生在已有设计软件运用基

础上，进

步加强对平面设计作品的设计制作能力，

并为毕业设计和

今后工作打下良好基础。

模块一初识Illustrator

1.1Illustrator

简介及应用领域

1.2界面构成与界面设置

2.2.1

案例：

绘制图形工具

2.2.1

案例：

选取对象工具

2.2.1

案例：

编辑对象工具

2.2.1

案例：

图形对象处理

2.2.1

案例：

处理位图

上机实训

案例设计

2.2

本模块小结

模块三基础动画实例

2.1相关知识

2.2

案例设计

2.2.1

案例：

绘制图形工具

2.2.1

案例：

选取对象工具

2.2.1

案例：

编辑对象工具

2.2.1

案例：

图形对象处理

2.2.1

案例：

处理位图

文字动画实例

2.2.1

案例

：

绘制图形工具

2.2.1

案例

：

选取对象工具

2.2.1

案例

：

编辑对象工具

2.2.1

案例

：

图形对象处理

2.2.1

案例

：

处理位图

模块六特殊动画实例

本模块学习目标

本模块内容

5.1

5.2

遮罩动画

编辑图层

5.5

引导层

5.6

场景

上机实训本模块小结

模块七声音、视频实例

本模块学习目标

本模块内容

上机实训本模块小结

模块八高级动画实例

本模块学习目标

基础知识

本模块内容

8.1ActionScript2.0

8.2脚本编程语法

8.3动作面板

上机实训

本模块小结模块九综合实例

本模块学习目标

本模块内容

实例1――蝴蝶

例例2——风吹文字

实例3――电子贺卡

实例4――旋转文字效果

实例5――音乐动画拓展练习

本模块小结

习

参与文献

推荐几个Illustrator资源或学习的好网站

模块

初识Illustrator

2017年9月

曽EMS

■Wl-*n

A

01

t-十、

02

■03I'04

05

06

07

O'S

+t

•■十A

.-t

Un

@1JU三

09

10

11

12

币

14

15

MT

■和

HA

TTt

三r

ie

17

19

19

20

21

22

TTP

«二

AL

tiC

■a

缶

23

24

25

26

27

26

29

-ftt

X-

-■-—

-K-

+a

Illustrator简介及应用领域界面构成与界面设置基本概念

Illustrator的基本操作辅助工具的应用

本章介绍:

模块

初识Illustrator

Illustrator是由Adobe公司开发的矢量图形处理和编辑软件。

本章将介绍Illustrator的工作界面，以及矢量图和位图的概念。

此外，还将介绍文件的基

本操作和图像的显示效果。

通过本章的学习，读者可以掌握Illustrator的基本功能，为进一步学习好Illustrator打下坚实的基础。

'Id学习目标

Illustrator商业设计实例的鉴赏和分析，了解Illustrator设计基本概念,

图形与界面设计的基本理论与方式。

最后，通过老师的演示，学生基本了解

Illustrator软件的大体的功能以及性能。

a任务分析

本部分是基础理念内容，也是第一部分。

首先，讲解商业平面设计、图形与

界面设计、illustrator设计工作的基础理论知识。

相关知识

Illustrator是由Adobe公司发开的一款图形软件。

一经推出，便以强大的

功能和人性化的界面深受用户的欢迎，并广泛应用于出版、多媒体和在线图像等

领域。

通过使用它，用户不但可以方便地制作出各种形状复杂、色彩丰富的图形和文字效果，还可以在同一版面中实现图文混排，甚至可以制作出极具视觉效果的图表。

二、界面构成与界面设置

（一）界面构成：

Illustrator的工作区是创建、编辑、处理图形和图像的操作平台，它由菜单栏、工具箱、控制面板、文档窗口、浮动调板、状态栏等部分组成的。

启动

1.菜单栏：

将Photoshop所有的操作分十个菜单。

2.控制面板：

又叫属性栏，会随着所选对象不同而不同;

3.工具箱:

（1）单击工具箱左上角的双三角标记国可展开或折叠工具箱;

改变屏幕模式

（2）工具下有三角标记，即该工具下还有其它类似的命令。

当选择使用某

工具，工具选项栏则列出该工具的选项；也可按工具上提示的快捷键

（3）使用该工具;

（4）状态栏：

包含四个部分，分别为：

图像显示比例、文件大小、浮动菜

单按钮及工具提示栏;

4.浮动调板：

可在窗口采单中显示各种调板。

5.

（1）

单击调板右上角的双三角标记言可展开或折叠调板;双击调板标题：

最小化或还原调板

拖动调板标签：

分离和置入调板调

复位调板位置：

窗口->工作区->重置基本功能

（二）界面设置：

1.主界面：

用户可以自行选择界面的颜色主题。

操作：

“编辑”>“首选项”>“用户界面”:

2.工具箱和调板的显示与隐藏:

（1）按TAB显示/隐藏工具箱和调板;

（2）按SHIFT+TAB显示/隐藏调板；

式（标准屏幕模式、带有菜单栏的全屏模式、全屏模式）

首选项

三、基本概念

在计算机中，图像是以数字方式来记录、处理和保存的，所以图像也可以说是数字化图像。

图像类型大一致可以分为以下两种：

（一）矢量图与位图

在计算机图像领域中，矢量图和位图是两种基本类型。

矢量图像是由基于数学方法绘制而成的点、线等几何要素构成的；而位图像则是像素（可以理解为一个个的点）构成的。

1.矢量图

矢量图形的线条非常光滑、流畅，且具有很好的缩放性。

对矢量图形实施缩

放时，线条依然可以保持非常好的光滑性及比例的相似性，从而在整体上保持图

形不变形。

如图1-14所示为矢量原图及其放大后的效果。

2.位图

位图是以像素点来构成图像的，也就是说所有位图图像都是由一个个颜色不同的颜色方块组成，不同的颜色方格排列在不同的位置上，形成了不同颜色的图像。

即像素点。

如图1-15所示

与矢量图形相比，位图图像的可缩放性比较差，当用户对一幅位图图像放大到一定比例后，可以看到位图图像的基本组成元素，为位图原图像和放大后的显示效果。

（二）图像文件格式

如图形数据、程序数据、电子表格数

图像文件包含了一系列数字化的数据，

据等，不同的文件（如位图、矢量图、文本等）具有不同的格式类型。

简单地理解，文件格式就是文件所采用的数据编码和存储方式。

接下来，简要介绍几种常用的文件格式及其特点。

1.TIFF文件格式

TIFF文件格式用于在不同的应用程序和不同的计算机平台之间交换文件，

使用此种文件格式保存的图像可以在PCMAC等不同的操作平台上打开，而且不会有区别。

除此之外，TIFF是一种被广泛应用的位图图像格式，几乎所有的绘画、图像编辑和页面版面应用程序均支持此图像文件格式。

TIFF格式支持具有Alpha通道的CMYKRGBLab、索引颜色和灰度图像以及位图模式图像。

由于TIFF文件所具有的多种优点，各种输出软件都支持TIFF格式图像文件的分色输出，因此如果需要进行彩色印刷，在置入IllustratorCS4前应该将图像保存成为TIFF格式。

2.JPEG文件格式

JPEG文件格式是互联网上最常用的图像格式之一，JPEG格式支持CMYKRGB和灰度颜色模式，但不支持Alpha通道。

JPEG格式保留图像的所有颜色信息，但由于通过有选择的去除不需要的数据压缩了文件的大小，因此图像质量会有一定的损失。

在将其他文件格式保存为JPEG文件格式时，可以选择压缩的级别，级别越高得到的图像品质越低，文件也越小。

3.EPS文件格式

EPS文件格式可以同时包含矢量图形和位图图像，并且所有的图形、图表和页面版式程序都支持该文件格式。

EPS格式支持Lab、CMYKRGB索引颜色、双

色调、灰度和位图颜色模式，但不支持Alpha通道。

4.BMP格式

BMP文件格式是一种标准的点阵式图像文件格式，支持RGB索引颜色、灰

度和位图色彩模式，但不支持Alpha通道。

采用BMP格式保存的文件通常会很大。

5.GIF格式

GIF格式可以极大地节省存储空间，因此常常用于保存为网页数据传输的数据文件。

该格式不支持Alpha通道，最大缺点是最多只能处理256种色彩，不能用于存储真彩色的图像格式，但GIF格式支持透明背景，可以较好地与网页背景融合在一起。

注意：

AI格式是Illustrator软件专用的文件格式，如同PSD是Photoshop

的专用文件格式一样。

随着Illustrator软件版本的不断升级，文件格式类型的兼容性也越来越强。

（三）色彩模式简单地说，色彩模式就是把色彩分解成几部分颜色组件，然后根据颜色组件组成的不同，定义出各种不同的颜色。

对颜色组件不同的分类，就形成了不同的色彩模式。

要在IllustratorCS4中选择正确的绘图颜色，必须先了解色彩模式。

在确

定图像模式后，可以将色彩定义为精确的色彩值。

从而使色彩能在各种情况下得到一致的描述。

以下是常用色彩模式的类型及特点。

1.RGB莫式

RGB颜色模式是工作中最常用的颜色模式，因此了解此模式十分必要。

RGB

颜色模式是指以红、绿和蓝为三原色的颜色模式。

绝大部分可见光谱中的颜色都

可以使用红、绿和蓝三原色以不同比例和强度混合后生成。

因此RGB®色模式的颜色表现力非常强，能够在屏幕上可以重现多达1670万种颜色。

注意：

虽然，可以将RGB模式的图像置入IllustratorCS4文件中，但由于RGB

模式的图像文件为三色通道而非四色，因此无法用于印刷。

如果将置入RGB莫式

的IllustratorCS4文件做四色输出，得到的也是灰度图像效果，不会显示颜色。

2.CMY1模式

CMYK颜色模式是以打印在纸张上的油墨的光线吸收特性为理论基础所建立

的一种颜色模式，是印刷是所使用的模式，次颜色模式的原色由印刷时所使用的品蓝（C）、（M）黄色（Y）、黑色（K）四种颜色组成。

由于这四种颜色能够通过合成得到可以吸收所有颜色的黑色，因此CMYK模式也被称为“减色模式”。

注意：

由于CMYKS式的图像具有四色通道，能够进行分色输出。

因此如果需要做四色彩色印刷，必须将置入到IllustratorCS4文件中的图像颜色模式转换成

CMY颜色模式。

3.灰度模式

“灰度”模式的图像是由256级灰度颜色组成的图像，灰度图像的每个像素

都可以具有0〜255之间的任一个亮度值。

任何一种彩色图像转换成“灰度”的图像时，所有的颜色都将被删除。

由于“灰度”模式图像具有介于黑、白颜色间的256级灰度，因此它可用于表现过渡非常细腻的图像。

4.Lab模式

CIELab。

Lab模式是依据国际照明委员会（CIE）在1931年为颜色测量而定的源色标准得到的，后来这一模式被重新确定且命名为

Lab模式是将图像的亮度与色彩分开，在Lab模式下，亮度L的范围为0%-100%a成分为绿到红轴线；b成分为蓝到黄轴线，两者的变化范围为-120〜+120。

5.索引色模式

索引色彩也被称为映射色彩，其图像是256色图像。

在整幅图像中最多只有

256种颜色，所以索引颜色的图像只可当作特殊效果而专用，不能用于常规印刷。

（四）分辨率分辨率是和图像相关的一个重要概念，它是衡量图像细节表现力的技术参数。

但分辨率的种类有很多，其含义也各不相同。

正确理解分辨率在各种情况下的具体含义，弄清不同表示方法之间的相互关系，是至关重要的一步。

下面对几种常见的图像输入/输出分辨率及不同图像输入/输出设备分辨率作简要介绍，供大家参考。

1．图像分辨率

图像分辨

图像分辨率是指图像中存储的信息量。

这种分辨率有多种衡量方法，最常用的是以每英寸的像素数（ppi）来衡量。

图像分辨率和图像尺寸的值一起决定文件的大小及输出质量，该值越大图形文件所占用的磁盘空间也就越多。

率以比例关系影响着文件的大小，即文件大小与其图像分辨率的平方成正比。

如果保持图像尺寸不变，将图像分辨率提高一倍，则其文件大小增大为原来的四倍。

不同用途的图像，需要使用不同用途的分辨率。

如果图像用于网络，分辨率只需要满足典型的显示器分辨率（72ppi或96ppi）就可以了；如果图像用于印刷，则图像分辨率不应该低于300ppi。

2．显示器分辨率

在显示器上每单位长度能显示的像素或点的数目，称为该显示器的分辨率，它是以每英寸含有多少点来计算的。

显示器分辨率由显示器的大小、显示器的像素以及显卡的性能来决定的。

一般计算机显示器的分辨率为72ppi。

3．打印机分辨率打印机分辨率是指打印机在每英寸所能产生的墨点数目，也叫做输出分辨率。

打印机分辨率决定了图像的输出质量，打印机的分辨率通常以dpi（每英寸含有的墨点数）来表示。

为了达到最佳的打印效果，图像分辨率可不必与打印机的分辨率完全相同，但必须与打印机的分辨率成比例。

注意：

一般针式打印机的分辨率都比较差，激光打印机的分辨率则更高一些，输出质量相对来说也好一些。

另外，热转打印机、热升华打印机分辨率一般也比较高，而且输出质量也非一般打印机所能比拟。

4．扫描仪分辨率扫描仪分辨率是指台式扫描仪的解析极限，表示方法和打印机的分辨率相似，一般也以dpi表示。

扫描仪分辨率的纵向是由马达的精度决定的，而横向则是由感光元件的密度决定的。

5.商业印刷分辨率

在商业印刷领域，分辨率以每英寸上等距离排列多少条网线即LPI（LinesPer

Inch）表示。

在传统商业印刷制版过程中，制版时要在原始图像前加一个网屏,这一网屏由呈方格状的透明与不透明部分相等的网线构成。

这些网线也就是光栅，其作用是切割光线解剖图像。

由于光线具有衍射的物理特性，因此光线通过网线后，形成了反映原始图像影像变化的大小不同的点，这些点就是半色调点。

一个半色调点最大不会超过一个网格的面积，网线越多，表现图像的层次越多,图像质量也就越好。

因此商业印刷行业中采用了LPI表示分辨率。

四、文件的基本操作

打开图像文件:

“文件”->“打开”。

技巧：

双击空白处，打开文件。

点击要关闭文件的选项卡上的关闭按钮。

软件所用。

1

确定1

1

职淸1

|

档设置】按钮，在打开的【文档设置】对话框中可以随时更改文档的默认设置选项，如度量单位、透明度网格显示、文字设置等。

（七）使用画板：

画板表示可以包含可打印图稿的区域，可以将画板作为裁

剪区域以满足打印或置入的需要。

每个文档可以有1〜100个画板。

用户可以在

新建文档的时候指定文档的画板数，也可以在处理文档的过程中随时添加和删除画板。

1.使用【画板】工具可以随意创建不同大小的画板，也可以调整画板大小，并且可以将画板放在屏幕上的任何位置，甚至可以让它们彼此重叠。

2.调整画板大小：

双击工具箱中的【画板】工具，或单击【画板】工具，然

后单击控制面板中的【画板选项】按钮打开【画板选项】对话框，在该对话框中

（一）浏览图片，缩放显示比例：

1.使用导航器

2.缩放工具（Z）：

（1）CTRL+“+”放大，CTRL+“-”缩小

（2）双击缩放工具实际像素大小（即100%显示比例）

3.抓手工具（H）用于移动显示区域：

1）双击抓手满画布显示

2）在任何工具下，按空格键（SPAC）E临时切换到抓手工具

（二）填充色和轮廓色的设置：

1.通过“色板”面板或拾色器。

2.D键恢复默认的填充色（白）、轮廓色（黑）。

3.X键切换填充色、轮廓色六、辅助工具的应用

（一）标尺：

1.显示隐藏标尺：

单击视图/标尺按ctrl+rs合键

2.修改原点：

鼠标拖曵

3.复原原点：

双击标尺左上角

4.标尺单位的查看与设置：

右击标尺，从弹出的快捷菜单中选择。

（二）参考线:

1.参考线可以帮助对齐文本和图形对象。

2.可以创建垂直或水平的标尺参考线，也可以将矢量图形转换为参考线对象。

3.标尺参考线：

从标尺中拖出参考线

4.精确定位参考线：

选中参考线，单击控制面板上的【变换】按钮，打开变换对

话框设置。

5.锁定参考线：

“视图”>“锁定参考线”；

6.清除一条参考线：

选中后按DELETE键

7.清除所有参考线：

“视图”>“参考线”>“清除参考线”；

8.移动参考线：

拖动

9.

>参考

新建参考线：

即矢量图形转换为参考线，创建好图形，单击“视图”

10.

释放参考线：

选中图形参考线，单击“视图”>“参考线”>“释放参考线”

12.视图->对齐到

（三）智能参考线:

网ffl

•邑忙口ITS

2.通过对齐和显示X、

丫位置和偏移值，这些参考线可帮助用户参照其他对象或画板来对齐、编辑和变换对象或画板。

3.选择【视图】I【智能参考线】命令，或按快捷键Ctrl+U键，即可启用智能参考线功能。

4.用户可以通过设置【智能参考线】首选项来指定显示的智能参考线和反馈的信

息。

（四）网格的设置:

冋A

廝6席）；|旧定".*1['

网曲Ji冃

:

]

td网幡S后（町

回a示專*网S（卅丸eofli以上；

选择菜单“视图>显示网格”命令，显示出网格。

选择菜单“视图>隐藏网格”命令，将网格隐藏。

如果需要设置网格的颜色、样式、间隔等属性，选择

菜单“编辑>首选项>参考线和网格”命令，弹出“首选项”对话框。

（快捷

键Ctrl+”）对齐网格：

视图->对齐->网格。

（五）常用快捷键：

1.CTRL+Z撤消

2.DELETE清除

3.TAB显示/隐藏工具箱和控制面板

4.SHIFT+TAB显示/隐藏控制面板

5.CTRL+“+”放大显示比例

6.CTRL+“-”缩小显示比例

7.CTRL+R显示（隐藏）标尺

8.

CTRL+D再次变换

（一）透视绘图

透视绘图时使用【透视网格工具】进行透视效果图的绘制，可在透视平面图上直接进行绘图。

如图1-4所示，使用【透视网格工具】和【透视选区工具】

还可对位于

在透视图上借助精确的透视点绘制形状和场景，并对这些形状和场景进行缩放、变换、移动和复制等操作。

对透视网格中的对象随意进行构件调整，画板上的视频进行绘制图形等处理。

（二）笔触设计功能

IllustratorCS5新增了一些笔触设计功能，包括可变宽度笔触、虚线调整、精准剪头、画笔的伸展控制、带角控制的画笔等。

此外，为图形添加个性漂亮的描边效果，也可在【描边】面板中对图形的路径轮廓进行调整。

（三）使用FlashCatalyst实现往返编辑

中应用相

AdobeCS5系列产品中均提供互动设计功能。

在lllustratorCS5

关功能绘制对象后，在AdobeFlashCatalystCS5中打开该图稿，无须编写代

码即可添加动作或互动组件。

在添加相关动作或互动组件后，也可继续在

IllustratorCS5中进行更改和编辑。

（四）针对Wet和移动设备的精致图形

在使用IllustratorCS5设计Web图形是，需要保证栅格图像的清晰度，特别是72分辨率的标准Web图形。

现在可以使用精准的像素对齐功能在像素网格上创建精确的矢量对象，在新建文档时，可以选中【是新建对象与像素网格对齐】复选框。

（五）毛刷画笔

使用毛刷画笔绘制图形，是模拟真实绘画媒体绘制图形的方式绘制矢量对象。

通过使用类似水彩或油画颜料等，利用矢量的可扩展性和可编辑性绘制或渲染对象。

此外，还可以从预定义库中选择画笔或使用已经提供的现成图形来创建自己的个性画笔，并且能够设置其他画笔特征，如毛刷长度、硬度和比透明绘制等。

如图1-5所示。

（六）形状生成器工具

使用形状生成器工具，不用访问多个工具或面板，即可直接在画板中通过合并或擦除简单形状以创建较为复杂的形状。

使用该工具可快速复制填充对象的颜色，也可分离重叠的形状以创建不同对象，并在合并对象时轻松采用图稿样式。

（七）增强的多个画板功能

IllustratorCS5中，大大增强了多个画板功能。

可以方便的添加画板、在

【画板】面板中重新排序画板、重新排列画板以及复制画板等。

使用【控制】面板和【画板】画板可以为画板指定自定义名称。

可以使用【就地黏贴】和【在所

有面板上粘贴】选项将对象粘贴到画板上的特定位置，以及将图稿粘贴到所有画板上的相同位置，还可以设置选项，自动旋转要打印的画板。

（八）绘图增强功能

IllustratorCS5中提供了增强的9格切片缩放支持。

可使用9格切片缩放

直接对lllustratorCS5中的符号进行编辑，使其更容易与Web元素兼容，并提

高工作速度。

Illustrator

现：

一是新增的

中，要对当前打开的文档窗口进行排列，可以通过两种途径实排列文档”面板，二是“窗口”菜单中的“排列”命令。

（一）新增的“排列文档”面板

使用IllustratorCS4新增的以选项卡形式排列的文档窗口和“排列文档”

面板，可以将多页文档以选项卡排列的形式显示或将其并排打开，这样就能轻松进行比较或将项目从一个文档拖移到另一个文档。

只需简单单击文档选项卡就可打开文档，单击选项卡上的按钮可关闭文档。

单击应用程序栏中的按钮，在弹出的“排列文档”面板中（如图1-11所示）可快速地以不同的配置方式排列已打开的文档。

这项功能的增加大大方便了用户对文档排列的随意性和随机性，非常人性化。

二）使用“窗口”菜单

执行“窗口”/“排列”命令，在其中包含“层叠”和“平铺”两种窗口

排列方式。

一）预览视图