区块链技术与电子商务应用 课件 【ch03】Iustrator图标设计

Illustrator图标设计第五章新工科建设·应用型本科规划教材UI设计实战Illustrator概述0101Illustrator概述Illustrator发展历程Illustrator应用领域llustrator是Adobe公司推出的基于矢量的图形处理软件。它是为苹果公司麦金塔电脑而设计开发的，1987年1月发布。历经三十年的发展，目前最高版本为lustratorCC2018。Illustrator广泛应用于广告设计、CI策划、网页设计、插图创作、产品包装设计、图标设计等领域。01Illustrator概述1.广告设计在广告设计中，llustrator起着非常重要的作用，无论是海报、招贴，还是书籍装帧，都需要llustrator完成图像丰富的平面印刷品。海报设计如图3.1所示。01Illustrator概述2.Cl策划Cl,也称CIS,是英文CorporateldentitySystem的缩写，一般译为“企业视觉形象识别系统”。CI设计就是有关企业视觉形象识别的设计，包括企业名称、标志、标准字体、色彩、标语等方面的设计，如图3.2所示。01Illustrator概述3.网页设计Illustrator在网页设计中主要辅助设计Logo、网络商标，以及视觉上的排版，如图3.3所示。01Illustrator概述4.插图创作插图设计是运用图案的表现形式，使用llustrator可以运用分割、直线与色彩的反复创造出平面与单纯化效果，能够灵活、方便地进行插图创作，如图3.4所示。01Illustrator概述5.产品包装设计产品包装设计是指选用合适的包装材料，针对产品本身的特性及受众的喜好等相关因素，运用巧妙的工艺制作手段，为产品进行的容器结构造型和包装的美化装饰设计，如图3.5所示。Illustrator可以将图像转换成可编辑的矢量图案，设计师在应用的过程中得心应手，轻松满足客户对于产品的高要求。01Illustrator概述6.图标设计随着移动互联网产品的普及，大量的图标设计需要设计师能够快速产出和迭代，如图3.6所示。而llustrator快速、准确造型的优势，给设计师带来了便利。Illustrator基础操作0202Illustrator基础操作工作区概览熟悉llustrator的操作界面、工具箱、面板是深入学习软件的重要基础。通过本节课程的讲解，让大家了解工作区，快速掌握llustrator的工作环境。

菜单栏：包含用于操作的命令。单击菜单栏的各种命令，是实现主要功能的最基本的操作方式。画板：绘制和创意设计图稿，可以根据需求调整画板的大小和数量。☆工具箱：绘制和修改图形的工具。

面板：可以帮助监控和修改图稿和菜单。状态栏：显示当前缩放级别和关于主题的信息，包括当前使用的工具、日期和时间、还原和重做次数、文档颜色配置文件的状态。02Illustrator基础操作新建Illustrator文档在llustratorCC2018版本中有两种新建文档的方法。打开软件后，自动出现“开始”工作区，在该区域内显示最近使用或打开过的文件或素材，以及创建新文档的按钮，如图3.11所示。可以通过“编辑”>“首选项”>“常规”操作进行打开或关闭设置，如图3.12所示。02Illustrator基础操作保存lllustrator文档文件进行处理后，需要及时保存，以免出现意外造成文件丢失。在llustratorCC2018中可以使用不同的命令保存文件，包括“存储”“存储为”“存储为模板”“存储为Web所用格式”。1.“存储”命令选择“文件”>“存储”命令，即可将文件以原有格式进行存储，且保存在原位置处。2.“存储为”命令选择“文件”>“存储为”命令，可以将当前文件保存为其他名称和格式，或者将其存储到其他位置。3.“存储为模板”命令选择“文件”>“存储为模板”命令，可以将当前文件保存为一个模板文件。4.“存储为Web所用格式”命令选择“文件”>“存储为Web所用格式”命令，可以创建PNG、JPEG、GIF文件。02Illustrator基础操作保存文件类型在llustratorCC2018版本中可以保存的文件类型如下。Al:llustrator的专用源文件格式，向下兼容低版本生成的文件，可以保留所有文件数据。PDF:支持跨平台及多媒体集成的信息出版和发布。以PostScript语言图像模型为基础，无论在哪种打印机上都可保证精确的颜色和准确的打印效果，即PDF会准确再现原稿的每一个字符、颜色及图像。EPS:EPS文件是目前桌面印刷系统普遍使用的通用交换格式中的一种综合格式。它由一个PostSonpt语言的文本文件和一个(可选)低分辨率的由PICT或TFF格式描述的代表像素组成。EPS文件就是包括文件头信息的PostScript文件，利用文件头信息可使其他应用程序将此文件嵌入文档。02Illustrator基础操作保存文件类型AT:llustrator模板文件格式。SVG:一种开放标准的矢量图形语言，用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并且可以随时插入到HTML中通过浏览器来预览。SVGZ:是SVG的压缩版，但是兼容性偏差，不方便用代码来描绘图像。导出后可以直接用浏览器观看。02Illustrator基础操作导出文件类型在llustratorCC2018版本中可以导出的常用文件类型如下。DWG:DWG格式是由AutoCAD绘图软件绘制出来的图形保存的文件格式，llustrator可以导出该格式，便于图形文件跨平台使用。BMP:Windows操作系统中的标准图像文件格式。JPEG:JPEG(JointPhotographicExpertsGroup)是在国际标准化组织(ISO)领导下制定静态图像压缩标准的委员会名称的英文缩写。JPEG(JPG)就是该委员会制定的。由于JPEG优良的品质，被广泛应用于互联网和数码相机领域，这些领域使用的大部分图像都采用了JPEG压缩标准。PSD:Photoshop的专用源文件格式。这种格式可以存储Photoshop中所有的图层、通道、参考线、注解和颜色模式等信息。02Illustrator基础操作导出文件类型PNG:便携式网络图形(PortableNetworkGraphics,PNG)是一种无损压缩的位图格式。其体积小、无损压缩、索引彩色模式、更优化的网络传输显示，支持透明效果，还支持真彩和灰度级图像的Alpha通道透明度，最高支持24位真彩色图像及8位灰度图像。目前，它是移动产品所用图片的主流格式。TGA:TGA的结构比较简单，属于一种图形、图像数据的通用格式，TGA格式支持压缩，使用不失真的压缩算法。在多媒体领域有很大的影响力，是计算机生成图像向电视转换的一种首选格式。TFF:标签图像文件格式，简写为TIFF。它是一种用来存储照片和艺术图在内的图像文件格式。TFF文件格式适用于在应用程序之间和计算机平台之间交换文件，它的出现使图像数据交换更加便利。02Illustrator基础操作辅助工具的使用1.标尺和零点标尺可以帮助设计者在画板中精确地放置和度量对象。启动标尺后，移动光标时标尺会显示光标的精确位置。选择“视图”>“显示/隐藏标尺”命令，或者按“Ctrl+R”组合键切换，可以显示/隐藏标尺。显示“标尺”如图3.15所示。02Illustrator基础操作选择对象1.选择工具【选择工具】口是最常用的工具，可以选择、移动或调整对象，快捷键为“V”,缩放对象和复制对象如图3.19和图3.20所示。

按住“Shift”键，单击对象可加选多个对象并激活其边框，也可以拖曳出矩形框框选多个对象。

按住“Ctr}”键，单击选取不同前后次序的对象。

按住“At”键，单击并拖曳对象，可复制该对象。02Illustrator基础操作选择对象2.直接选择工具【直接选择工具】可以选择对象上的锚点，选中的锚点以实心表示，未选中的锚点以空心表示，快捷键为“A”,直接选择锚点如图3.21所示。选取锚点后，按“Delete”键，可以删除锚点；按方向键可以修改锚点位置。02Illustrator基础操作选择对象对象编组可以把多个对象编成一个组，统一进行处理，使用【选择工具】和【直接选择工具】可以选择编组中的不同级别的对象。1.选择多个对象编组要选择多个对象编组，可以选择“对象”>“编组”命令，或者按“Cm+G”组合键，将选取的对象进行编组。2.取消对象编组选择要取消编组的对象，可以选择“对象”>“取消编组”命令，或者按“Shift+Ctr+G”组合键，将选取的编组对象取消编组。02Illustrator基础操作对象对齐和分布1.对齐对象选取的对象可以进行对齐操作，执行“窗口">“对齐"操作，打开对齐锚点面板，如图3.25所示。2.分布对象选取的对象可以进行分布操作，在分布锚点面板中执行，如图3.26所示。02Illustrator基础操作对象对齐和分布3.分布间距进行对象分布和对齐的操作时，还可以通过设置分布间距进行，分布间距面板如图3.27所示。对齐类型有三种：对齐所选对象、对齐关键对象、对齐画板。

对齐所选对象，即以所选对象相互之间对齐。对齐关键对象，即以所选对象为参照物，与所选对象对齐。

对齐画板，即所选对象以画板为参照物，所选对象相互对齐。02Illustrator基础操作基本绘图工具在llustrator中，有两组绘制基本图形的工具，如图3.28、图3.29所示。组合对象0303组合对象复合形状复合形状可由简单路径、复合路径、文本框架、文本轮廓或其他形状复合组成。复合形状的外观取决于产生复合的方法，常用的复合形状在“路径查找器”面板的“形状模式”选项中，其中包括【联集】、【减去顶层】、【交集】和【差集】。其他复合形状其他复合形状在“路径查找器”面板的“路径查找器”选项中，包括【分割】、【修边】、【合并】、【裁剪】、【轮廓】和【减去后面】等复合形状。03组合对象释放与扩展复合形状使用“释放复合形状”命令可将复合对象拆分为原有的单独对象，如图3.94所示。03组合对象路径查找器选项“精度”;控制绘制路径的准确度，值越小结果会越接近原始形状，值越大结果越不准确。“删除冗余点”:勾选它会删除一些因为执行相关操作而生成的冗余点。“分割和轮廓将删除未上色图稿”:当完成分割和轮廓操作时，可能会造成一些形状没有填充和轮廓，勾选它就会删除这些形状。“默认值”:单击该按钮，系统将使用默认设置。扩展、扩展外观、轮廓化描边、文字轮廓0404扩展、扩展外观、轮廓化描边、文字轮廓扩展：选择“对象”>“扩展”命令。扩展对象可用来将单一对象分割为若干个对象，这些对象共同组成其外观，如图3.100所示。另外，如果打印透明度效果、3D对象、图案、渐变、描边、混合、光晕、封套或符号时遇到困难，则可以扩展后再打印。扩展04扩展、扩展外观、轮廓化描边、文字轮廓扩展外观扩展外观：选择“对象”>“扩展外观”命令。将图形的外观效果进行分离，如图3.101所示。其外观效果类似Photoshop中的图层样式，如投影、内阴影、内发光等效果。04扩展、扩展外观、轮廓化描边、文字轮廓轮廓化描边轮廓化描边：选择“对象”>“路径”>“轮廓化描边”命令。将描边转化为填充(形状),如图3.102所示。有时会和扩展命令产生相似的效果，轮廓化描边的对象只能是描边，而扩展的对象包括描边和填充。04扩展、扩展外观、轮廓化描边、文字轮廓文字轮廓文字轮廓：选中文字，单击鼠标右键，在弹出的快捷菜单中选择“创建轮廓”命令，如图3.103所示。文字轮廓也称为“文字转曲”或“转曲”。创建轮廓后文本将不再具备文字属性，而成为图形，以方便在不同输出设备间使用。但它属于不可逆的操作，所以一般做印刷处理时，都会提前备份一份，再将原文字做转曲操作，同时将备份的文字进行隐藏，以便于下次修改。图标设计技法0505图标设计技法使用【形状工具】和【钢笔工具】,绘制线性“image”图标，最终效果如图3.104所示。绘制“image”图标05图标设计技法(1)打开llustratorCC2018,创建新文件，文件