第一章 初识Illustrator.docx

1、第一章 初识Illustrator排 版：前 言本课程为计算机平面设计专业的必修课，是主要熟练掌握设计软件的应用。通过本课程的教学，使学生在已有设计软件运用基础上，进一步加强对平面设计作品的设计制作能力，并为毕业设计和今后工作打下良好基础。Illustrator 已经完全占领专业的印刷出版、插画绘制、VI设计、产品包装、网页设计等领域。本课程应采用多媒体教学手段进行教学。对Illustrator技术的运用进行讲解，将知识点精选细致深入的归纳和剖析。此外，为了使学生能更快地掌握运用Illustrator，课程中选取了大量作品作为实例分析与讲解。在每一个模块节中增加了技能操作练习，通过实训教学，提

2、高学生的实践动手操作能力、创新能力。 由于编写水平有限，加之时间仓促，书中难免有不妥和错误之处，希望广大读者批评指正我们，我们会尽快予以答复。 编 者 内容提要本书以设计艺术专业的一门专业计算机必修课，是主要熟练掌握设计软件的应用。通过本课程的教学，使学生在已有设计软件运用基础上，进一步加强对平面设计作品的设计制作能力，并为毕业设计和今后工作打下良好基础。目 录模块一 初识Illustrator1.1 Illustrator简介及应用领域1.2 界面构成与界面设置1.3 基本概念1.4 文件的基本操作1.5 Illustrator的基本操作1.6 辅助工具的应用模块二 基本图形的绘制与案例设计

3、2.1 相关知识2.2案例设计2.2.1 案例： 绘制图形工具2.2.1 案例： 选取对象工具2.2.1 案例： 编辑对象工具2.2.1 案例： 图形对象处理2.2.1 案例： 处理位图上机实训本模块小结模块三 基础动画实例2.1 相关知识2.2案例设计2.2.1 案例： 绘制图形工具2.2.1 案例： 选取对象工具2.2.1 案例： 编辑对象工具2.2.1 案例： 图形对象处理2.2.1 案例： 处理位图模块四 文字动画实例2.1 相关知识2.2案例设计2.2.1 案例： 绘制图形工具2.2.1 案例： 选取对象工具2.2.1 案例： 编辑对象工具2.2.1 案例： 图形对象处理2.2.1

4、案例： 处理位图模块五 元件与实例2.1 相关知识2.2案例设计2.2.1 案例： 绘制图形工具2.2.1 案例： 选取对象工具2.2.1 案例： 编辑对象工具2.2.1 案例： 图形对象处理2.2.1 案例： 处理位图模块六 特殊动画实例本模块学习目标本模块内容 5.1 遮罩动画5.2 编辑图层5.3 图层功能5.4 遮罩层 5.5 引导层 5.6 场景上机实训本模块小结模块七 声音、视频实例本模块学习目标本模块内容 6.1声音的导入与编辑 6.2 导出影片与发布影片 6.3 Illustrator动画支持的声音格式6.4 为按钮添加声音6.5 声音与字幕同步6.6 制作字幕上机实训本模块小

5、结模块八 高级动画实例本模块学习目标本模块内容 8.1 ActionScript 2.0基础知识8.2 脚本编程语法8.3 动作面板上机实训本模块小结模块九 综合实例本模块学习目标本模块内容 实例1蝴蝶例例2风吹文字实例3电子贺卡实例4旋转文字效果实例5音乐动画拓展练习本模块小结习 题参与文献推荐几个Illustrator资源或学习的好网站模块一 初识Illustrator模块一 初识Illustrator本章介绍：Illustrator是由Adobe公司开发的矢量图形处理和编辑软件。本章将介绍Illustrator 的工作界面，以及矢量图和位图的概念。此外，还将介绍文件的基本操作和图像的显示

6、效果。通过本章的学习，读者可以掌握Illustrator 的基本功能，为进一步学习好Illustrator打下坚实的基础。知识目标：让学生了解什么是Illustrator；了解Illustrator应用领域；了解矢量图和位图的区别。技能目标：掌握工作界面的基本操作，熟练掌握文件的基本操作，掌握显示图像效果的技巧，掌握标尺、参考线和网格的使用方法，掌握图像的基本操作方法。德育目标：强调安全实习、规范操作、爱护机房设施。 Illustrator商业设计实例的鉴赏和分析，了解Illustrator设计基本概念，图形与界面设计的基本理论与方式。最后，通过老师的演示，学生基本了解Illustrator软

7、件的大体的功能以及性能。本部分是基础理念内容，也是第一部分。首先，讲解商业平面设计、图形与界面设计、illustrator设计工作的基础理论知识。 一、Illustrator简介及应用领域Illustrator是由Adobe公司发开的一款图形软件。一经推出，便以强大的功能和人性化的界面深受用户的欢迎，并广泛应用于出版、多媒体和在线图像等领域。通过使用它，用户不但可以方便地制作出各种形状复杂、色彩丰富的图形和文字效果，还可以在同一版面中实现图文混排，甚至可以制作出极具视觉效果的图表。 二、界面构成与界面设置(一)界面构成：Illustrator的工作区是创建、编辑、处理图形和图像的操作平台，它由

8、菜单栏、工具箱、控制面板、文档窗口、浮动调板、状态栏等部分组成的。启动Illustrator CS6软件后，屏幕上将会出现标准的工作区界面：1.菜单栏：将Photoshop所有的操作分十个菜单。2.控制面板：又叫属性栏，会随着所选对象不同而不同；3.工具箱：（1）单击工具箱左上角的双三角标记可展开或折叠工具箱；（2）工具下有三角标记，即该工具下还有其它类似的命令。当选择使用某工具，工具选项栏则列出该工具的选项；也可按工具上提示的快捷键（3）使用该工具；（4）状态栏：包含四个部分，分别为：图像显示比例、文件大小、浮动菜单按钮及工具提示栏；4.浮动调板：可在窗口菜单中显示各种调板。5.单击调板右上

9、角的双三角标记可展开或折叠调板；（1）双击调板标题：最小化或还原调板（2）拖动调板标签：分离和置入调板调（3）板右边三角：打开调板菜单（4）复位调板位置：窗口-工作区-重置基本功能(二)界面设置：1.主界面：用户可以自行选择界面的颜色主题。操作：“编辑”“首选项”“用户界面”：2.工具箱和调板的显示与隐藏：（1）按TAB 显示/隐藏工具箱和调板；（2）按SHIFT+TAB 显示/隐藏调板；3.切换屏幕模式：单击工具箱下边的切换屏幕模式或按F 切换屏幕模式（标准屏幕模式、带有菜单栏的全屏模式、全屏模式）三、基本概念在计算机中，图像是以数字方式来记录、处理和保存的，所以图像也可以说是数字化图像。图

10、像类型大一致可以分为以下两种：（一）矢量图与位图在计算机图像领域中，矢量图和位图是两种基本类型。矢量图像是由基于数学方法绘制而成的点、线等几何要素构成的；而位图像则是像素（可以理解为一个个的点）构成的。 1.矢量图矢量图形的线条非常光滑、流畅，且具有很好的缩放性。对矢量图形实施缩放时，线条依然可以保持非常好的光滑性及比例的相似性，从而在整体上保持图形不变形。如图1-14所示为矢量原图及其放大后的效果。 2.位图位图是以像素点来构成图像的，也就是说所有位图图像都是由一个个颜色不同的颜色方块组成，不同的颜色方格排列在不同的位置上，形成了不同颜色的图像。与矢量图形相比，位图图像的可缩放性比较差，当用

11、户对一幅位图图像放大到一定比例后，可以看到位图图像的基本组成元素，即像素点。如图1-15所示为位图原图像和放大后的显示效果。 （二）图像文件格式图像文件包含了一系列数字化的数据，如图形数据、程序数据、电子表格数据等，不同的文件（如位图、矢量图、文本等）具有不同的格式类型。简单地理解，文件格式就是文件所采用的数据编码和存储方式。接下来，简要介绍几种常用的文件格式及其特点。 1TIFF文件格式 TIFF文件格式用于在不同的应用程序和不同的计算机平台之间交换文件，使用此种文件格式保存的图像可以在PC、MAC等不同的操作平台上打开，而且不会有区别。除此之外，TIFF是一种被广泛应用的位图图像格式，几乎

12、所有的绘画、图像编辑和页面版面应用程序均支持此图像文件格式。TIFF格式支持具有Alpha通道的CMYK、RGB、Lab、索引颜色和灰度图像以及位图模式图像。由于TIFF文件所具有的多种优点，各种输出软件都支持TIFF格式图像文件的分色输出，因此如果需要进行彩色印刷，在置入Illustrator CS4前应该将图像保存成为TIFF格式。 2JPEG文件格式 JPEG文件格式是互联网上最常用的图像格式之一，JPEG格式支持CMYK、RGB和灰度颜色模式，但不支持Alpha通道。JPEG格式保留图像的所有颜色信息，但由于通过有选择的去除不需要的数据压缩了文件的大小，因此图像质量会有一定的损失。在将

13、其他文件格式保存为JPEG文件格式时，可以选择压缩的级别，级别越高得到的图像品质越低，文件也越小。 3EPS文件格式 EPS文件格式可以同时包含矢量图形和位图图像，并且所有的图形、图表和页面版式程序都支持该文件格式。EPS格式支持Lab、CMYK、RGB、索引颜色、双色调、灰度和位图颜色模式，但不支持Alpha通道。 4BMP格式 BMP文件格式是一种标准的点阵式图像文件格式，支持RGB、索引颜色、灰度和位图色彩模式，但不支持Alpha通道。采用BMP格式保存的文件通常会很大。 5GIF格式 GIF格式可以极大地节省存储空间，因此常常用于保存为网页数据传输的数据文件。该格式不支持Alpha通道

14、，最大缺点是最多只能处理256种色彩，不能用于存储真彩色的图像格式，但GIF格式支持透明背景，可以较好地与网页背景融合在一起。 注意：AI格式是Illustrator软件专用的文件格式，如同PSD是Photoshop的专用文件格式一样。随着Illustrator软件版本的不断升级，文件格式类型的兼容性也越来越强。（三）色彩模式简单地说，色彩模式就是把色彩分解成几部分颜色组件，然后根据颜色组件组成的不同，定义出各种不同的颜色。对颜色组件不同的分类，就形成了不同的色彩模式。要在Illustrator CS4中选择正确的绘图颜色，必须先了解色彩模式。在确定图像模式后，可以将色彩定义为精确的色彩值。从

15、而使色彩能在各种情况下得到一致的描述。以下是常用色彩模式的类型及特点。 1RGB模式 RGB颜色模式是工作中最常用的颜色模式，因此了解此模式十分必要。RGB颜色模式是指以红、绿和蓝为三原色的颜色模式。绝大部分可见光谱中的颜色都可以使用红、绿和蓝三原色以不同比例和强度混合后生成。因此RGB颜色模式的颜色表现力非常强，能够在屏幕上可以重现多达1670万种颜色。注意：虽然，可以将RGB模式的图像置入Illustrator CS4文件中，但由于RGB模式的图像文件为三色通道而非四色，因此无法用于印刷。如果将置入RGB模式的Illustrator CS4文件做四色输出，得到的也是灰度图像效果，不会显示颜

16、色。 2CMYK模式 CMYK颜色模式是以打印在纸张上的油墨的光线吸收特性为理论基础所建立的一种颜色模式，是印刷是所使用的模式，次颜色模式的原色由印刷时所使用的品蓝（C）、（M）、黄色（Y）、黑色（K）四种颜色组成。由于这四种颜色能够通过合成得到可以吸收所有颜色的黑色，因此CMYK模式也被称为“减色模式”。注意：由于CMYK模式的图像具有四色通道，能够进行分色输出。因此如果需要做四色彩色印刷，必须将置入到Illustrator CS4文件中的图像颜色模式转换成CMYK颜色模式。 3灰度模式 “灰度”模式的图像是由256级灰度颜色组成的图像，灰度图像的每个像素都可以具有0255之间的任一个亮度值

17、。任何一种彩色图像转换成“灰度”的图像时，所有的颜色都将被删除。由于“灰度”模式图像具有介于黑、白颜色间的256级灰度，因此它可用于表现过渡非常细腻的图像。 4Lab模式 Lab模式是依据国际照明委员会（CIE）在1931年为颜色测量而定的源色标准得到的，后来这一模式被重新确定且命名为CIELab。Lab模式是将图像的亮度与色彩分开，在Lab模式下，亮度L的范围为0%100%；a成分为绿到红轴线；b 成分为蓝到黄轴线，两者的变化范围为-120+120。 5索引色模式 索引色彩也被称为映射色彩，其图像是256色图像。在整幅图像中最多只有256种颜色，所以索引颜色的图像只可当作特殊效果而专用，不能

18、用于常规印刷。 （四）分辨率 分辨率是和图像相关的一个重要概念，它是衡量图像细节表现力的技术参数。但分辨率的种类有很多，其含义也各不相同。正确理解分辨率在各种情况下的具体含义，弄清不同表示方法之间的相互关系，是至关重要的一步。下面对几种常见的图像输入/输出分辨率及不同图像输入/输出设备分辨率作简要介绍，供大家参考。 1图像分辨率 图像分辨率是指图像中存储的信息量。这种分辨率有多种衡量方法，最常用的是以每英寸的像素数（ppi）来衡量。图像分辨率和图像尺寸的值一起决定文件的大小及输出质量，该值越大图形文件所占用的磁盘空间也就越多。图像分辨率以比例关系影响着文件的大小，即文件大小与其图像分辨率的平方

19、成正比。如果保持图像尺寸不变，将图像分辨率提高一倍，则其文件大小增大为原来的四倍。不同用途的图像，需要使用不同用途的分辨率。如果图像用于网络，分辨率只需要满足典型的显示器分辨率（72ppi或96ppi）就可以了；如果图像用于印刷，则图像分辨率不应该低于300ppi。 2显示器分辨率 在显示器上每单位长度能显示的像素或点的数目，称为该显示器的分辨率，它是以每英寸含有多少点来计算的。显示器分辨率由显示器的大小、显示器的像素以及显卡的性能来决定的。一般计算机显示器的分辨率为72ppi。 3打印机分辨率 打印机分辨率是指打印机在每英寸所能产生的墨点数目，也叫做输出分辨率。打印机分辨率决定了图像的输出质

20、量，打印机的分辨率通常以dpi（每英寸含有的墨点数）来表示。为了达到最佳的打印效果，图像分辨率可不必与打印机的分辨率完全相同，但必须与打印机的分辨率成比例。注意：一般针式打印机的分辨率都比较差，激光打印机的分辨率则更高一些，输出质量相对来说也好一些。另外，热转打印机、热升华打印机分辨率一般也比较高，而且输出质量也非一般打印机所能比拟。 4扫描仪分辨率 扫描仪分辨率是指台式扫描仪的解析极限，表示方法和打印机的分辨率相似，一般也以dpi表示。扫描仪分辨率的纵向是由马达的精度决定的，而横向则是由感光元件的密度决定的。 5商业印刷分辨率 在商业印刷领域，分辨率以每英寸上等距离排列多少条网线即LPI（L

21、ines Per Inch）表示。在传统商业印刷制版过程中，制版时要在原始图像前加一个网屏，这一网屏由呈方格状的透明与不透明部分相等的网线构成。这些网线也就是光栅，其作用是切割光线解剖图像。由于光线具有衍射的物理特性，因此光线通过网线后，形成了反映原始图像影像变化的大小不同的点，这些点就是半色调点。一个半色调点最大不会超过一个网格的面积，网线越多，表现图像的层次越多，图像质量也就越好。因此商业印刷行业中采用了LPI表示分辨率。四、文件的基本操作（一）打开图像文件：“文件”-“打开”。技巧：双击空白处，打开文件。（二）关闭图像文件：点击要关闭文件的选项卡上的关闭按钮。（三）保存图像文件：“文件”

22、-“存储”。快捷键 CTRL+S。（四）置入与导出文件：Illustrator CS6具有良好的兼容性，利用Illustrator的【置入】与【导出】功能，可以置入多种格式的图形图像文件为Illustrator所用，也可以将Illustrator的文件以其他的图像格式导出为其他软件所用。（五）新建文件：方法1文件-新建，方法2CTRL+N。（六）文档设置：选择【文件】|【文档设置】命令或单击控制面板中的【文档设置】按钮，在打开的【文档设置】对话框中可以随时更改文档的默认设置选项，如度量单位、透明度网格显示、文字设置等。（七）使用画板：画板表示可以包含可打印图稿的区域，可以将画板作为裁剪区域以满

23、足打印或置入的需要。每个文档可以有1100个画板。用户可以在新建文档的时候指定文档的画板数，也可以在处理文档的过程中随时添加和删除画板。1.使用【画板】工具可以随意创建不同大小的画板，也可以调整画板大小，并且可以将画板放在屏幕上的任何位置，甚至可以让它们彼此重叠。2.调整画板大小：双击工具箱中的【画板】工具，或单击【画板】工具，然后单击控制面板中的【画板选项】按钮打开【画板选项】对话框，在该对话框中进行相应的设置。五、Illustrator的基本操作：（一）浏览图片，缩放显示比例：1.使用导航器2.缩放工具（Z）： （1）CTRL+“+”放大，CTRL+“-”缩小（2）双击缩放工具实际像素大小

24、（即100%显示比例）3.抓手工具（H）用于移动显示区域：（1）双击抓手满画布显示（2）在任何工具下，按空格键（SPACE）临时切换到抓手工具（二）填充色和轮廓色的设置：1.通过“色板”面板或拾色器。2.D键恢复默认的填充色（白）、轮廓色（黑）。3.X键切换填充色、轮廓色六、辅助工具的应用（一）标尺：1.显示隐藏标尺：单击视图/标尺按CTRL+R组合键2.修改原点：鼠标拖曵3.复原原点：双击标尺左上角4.标尺单位的查看与设置：右击标尺，从弹出的快捷菜单中选择。（二）参考线:1.参考线可以帮助对齐文本和图形对象。2.可以创建垂直或水平的标尺参考线，也可以将矢量图形转换为参考线对象。3.标尺参考线

25、：从标尺中拖出参考线4.精确定位参考线：选中参考线，单击控制面板上的【变换】按钮，打开变换对话框设置。5.锁定参考线：“视图”“锁定参考线”；6.清除一条参考线：选中后按DELETE键7.清除所有参考线：“视图”“参考线”“清除参考线”；8.移动参考线：拖动9.新建参考线：即矢量图形转换为参考线，创建好图形，单击“视图”“参考线”“新建参考线”10.释放参考线：选中图形参考线，单击“视图”“参考线”“释放参考线”11.显示隐藏参考线：CTRL+; 12.视图-对齐到（三）智能参考线：1.是创建或操作对象、画板时显示的临时对齐参考线。2.通过对齐和显示X、Y 位置和偏移值，这些参考线可帮助用户参

26、照其他对象或画板来对齐、编辑和变换对象或画板。3.选择【视图】|【智能参考线】命令，或按快捷键Ctrl+U键，即可启用智能参考线功能。4.用户可以通过设置【智能参考线】首选项来指定显示的智能参考线和反馈的信息。（四）网格的设置：选择菜单“视图 显示网格”命令，显示出网格。选择菜单“视图 隐藏网格”命令，将网格隐藏。如果需要设置网格的颜色、样式、间隔等属性，选择菜单“编辑 首选项 参考线和网格”命令，弹出“首选项”对话框。（快捷键Ctrl+”）对齐网格：视图-对齐-网格。（五）常用快捷键：1.CTRL+Z 撤消2.DELETE 清除3.TAB 显示/隐藏工具箱和控制面板4.SHIFT+TAB显示

27、/隐藏控制面板5.CTRL+“+”放大显示比例6.CTRL+ “-”缩小显示比例7.CTRL+R 显示（隐藏）标尺8.CTRL+D 再次变换七、IllustratorCS5的工作环境与新增功能（一）透视绘图 透视绘图时使用【透视网格工具】进行透视效果图的绘制，可在透视平面图上直接进行绘图。如图1-4所示，使用【透视网格工具】和【透视选区工具】，在透视图上借助精确的透视点绘制形状和场景，并对这些形状和场景进行缩放、变换、移动和复制等操作。对透视网格中的对象随意进行构件调整，还可对位于画板上的视频进行绘制图形等处理。（二）笔触设计功能IllustratorCS5新增了一些笔触设计功能，包括可变宽度

28、笔触、虚线调整、精准剪头、画笔的伸展控制、带角控制的画笔等。此外，为图形添加个性漂亮的描边效果，也可在【描边】面板中对图形的路径轮廓进行调整。（三） 使用FlashCatalyst实现往返编辑Adobe CS5 系列产品中均提供互动设计功能。在IllustratorCS5中应用相关功能绘制对象后，在Adobe Flash Catalyst CS5中打开该图稿，无须编写代码即可添加动作或互动组件。在添加相关动作或互动组件后，也可继续在IllustratorCS5 中进行更改和编辑。（四） 针对Web和移动设备的精致图形在使用IllustratorCS5设计Web图形是，需要保证栅格图像的清晰度，

29、特别是72分辨率的标准Web图形。现在可以使用精准的像素对齐功能在像素网格上创建精确的矢量对象，在新建文档时，可以选中【是新建对象与像素网格对齐】复选框。（五）毛刷画笔使用毛刷画笔绘制图形，是模拟真实绘画媒体绘制图形的方式绘制矢量对象。通过使用类似水彩或油画颜料等，利用矢量的可扩展性和可编辑性绘制或渲染对象。此外，还可以从预定义库中选择画笔或使用已经提供的现成图形来创建自己的个性画笔，并且能够设置其他画笔特征，如毛刷长度、硬度和比透明绘制等。如图1-5所示。（六）形状生成器工具使用形状生成器工具，不用访问多个工具或面板，即可直接在画板中通过合并或擦除简单形状以创建较为复杂的形状。使用该工具可快

30、速复制填充对象的颜色，也可分离重叠的形状以创建不同对象，并在合并对象时轻松采用图稿样式。（七）增强的多个画板功能IllustratorCS5中，大大增强了多个画板功能。可以方便的添加画板、在【画板】面板中重新排序画板、重新排列画板以及复制画板等。使用【控制】面板和【画板】画板可以为画板指定自定义名称。可以使用【就地黏贴】和【在所有面板上粘贴】选项将对象粘贴到画板上的特定位置，以及将图稿粘贴到所有画板上的相同位置，还可以设置选项，自动旋转要打印的画板。（八）绘图增强功能IllustratorCS5中提供了增强的9格切片缩放支持。可使用9格切片缩放直接对IllustratorCS5中的符号进行编辑

31、，使其更容易与Web元素兼容，并提高工作速度。八、Illustrator窗口排列Illustrator中，要对当前打开的文档窗口进行排列，可以通过两种途径实现：一是新增的“排列文档”面板，二是“窗口”菜单中的“排列”命令。 （一） 新增的“排列文档”面板使用Illustrator CS4新增的以选项卡形式排列的文档窗口和“排列文档”面板，可以将多页文档以选项卡排列的形式显示或将其并排打开，这样就能轻松进行比较或将项目从一个文档拖移到另一个文档。只需简单单击文档选项卡就可打开文档，单击选项卡上的 按钮可关闭文档。单击应用程序栏中的按钮，在弹出的“排列文档”面板中（如图1-11所示）可快速地以不同的配置方式排列已打开的文档。这项功能的增加大大方便了用户对文档排列的随意性和