Illustrator-CS6平面设计案例案例2.pptx

1、目录2.1 案例描述 2.2 案例解析 2.3 相关知识2.4 操作步骤2.5 实训演练2.1 案例描述图 2-1 所示为制作的一个店铺节日 POP，目的是演示基本绘图工具的使用方法。2.2 案例解析 2.2.1解题思路 该 POP 广告是悬挂于店铺内，为了营造节日气氛而设计制作的。为了紧扣主题，画面采用暖色调，以营造温馨的氛围。背景采用心与心叠加在一起的图形效果作为衬托，主体文字使用手绘效果创建，用以表现轻松、浪漫、温馨的节日气氛。1.2 案例解析 2.2.2难点剖析 使用【铅笔工具】绘制心形图形。使用【铅笔工具】绘制文字图形。Illustrator CS6 提供了多种绘制几何图形的工具。熟

2、悉并掌握这些基础图形的绘制和编辑方法，是创建复杂图形作品的基础。2.3 相关知识2.3.1绘制基本图形2.3 相关知识使用工具箱中的【矩形工具】可以创建简单的矩形，还可以通过该工具的对话框精确地设置矩形的宽度和高度。1.矩形工具2.3.1绘制基本图形2.3 相关知识1）使用矩形工具绘制矩形使用【矩形工具】在视图中直接拖动可绘制矩形。（1）单击工具箱中的【矩形工具】按钮。（2）移动鼠标指针至页面中，当鼠标指针变成“”形状时，确定矩形的起点位置，然后按下鼠标左键向任意倾斜方向拖动，页面中将会出现一个蓝色的外框，随着鼠标的拖动而改变大小和形状。1.矩形工具2.3.1绘制基本图形2.3 相关知识当释放

3、鼠标按键后，即完成矩形的绘制。此时矩形将处于被选中状态，如图 2-2 所示。蓝色的矩形选择框显示的就是矩形的大小，用户拖动的距离和角度将决定它的宽度和高度。1.矩形工具2.3.1绘制基本图形2.3 相关知识1.矩形工具2.3.1绘制基本图形2.3 相关知识2）配合键盘绘制矩形在绘制矩形时，可配合使用键盘上的一些按键。单击工具箱中的【矩形工具】按钮，移动鼠标指针至页面中，然后按住【Alt】键，鼠标指针将变成 形状，拖动鼠标即可绘制出以中心点向外扩展的矩形，效果如图 2-3 所示。1.矩形工具2.3.1绘制基本图形2.3 相关知识1.矩形工具2.3.1绘制基本图形2.3 相关知识在绘制矩形的过程中

4、，按下【Shift】键，将会绘制出一个正方形；而同时按下【Shift+Alt】键，将绘制出以单击处为中心向外扩展的正方形，如图 2-4 所示；按下【】键，按下鼠标左键并向不同的方向拖动，即可绘制出多个不同大小的矩形，效果如图 2-5 所示。1.矩形工具2.3.1绘制基本图形2.3 相关知识1.矩形工具2.3.1绘制基本图形2.3 相关知识3）精确绘制矩形通过【矩形】对话框可以精确地控制矩形的高度和宽度，具体操作步骤如下。（1）选择工具箱中的【矩形工具】。（2）移动鼠标指针至页面中的任意位置并单击，此时将弹出【矩形】对话框，如图 2-6 所示。1.矩形工具2.3.1绘制基本图形2.3 相关知识1

5、.矩形工具2.3.1绘制基本图形2.3 相关知识（3）在【矩形】对话框中，用户可以根据需要在【宽度】和【高度】文本框中设置矩形的宽度和高度，如图 2-7 所示。单击【确定】按钮后，就会根据用户所设置的参数值，在页面中显示出相应大小的矩形，单击【取消】按钮，将关闭对话框并取消绘制矩形的操作。1.矩形工具2.3.1绘制基本图形2.3 相关知识1.矩形工具2.3.1绘制基本图形2.3 相关知识2.圆角矩形工具单击【圆角矩形工具】按钮 后，可以直接在工作页面上拖动鼠标绘制圆角矩形。要绘制精确的圆角矩形，选择【圆角矩形工具】后在页面中单击，弹出图 2-8 所示的【圆角矩形】对话框，在【宽度】和【高度】文

6、本框中输入数值，在【圆角半径】文本框中输入圆角半径值，按照定义的大小和圆角半径绘制圆角矩形图形。2.3.1绘制基本图形2.3 相关知识2.圆角矩形工具2.3.1绘制基本图形2.3 相关知识3.椭圆工具选择【椭圆工具】，在工作页面上拖动鼠标可绘制椭圆形。或在页面中单击，弹出【椭圆】对话框。在【宽度】和【高度】文本框中输入数值，按照定义的大小绘制椭圆形，如图 2-9 所示。2.3.1绘制基本图形2.3 相关知识3.椭圆工具2.3.1绘制基本图形2.3 相关知识4.多边形工具【多边形工具】绘制的多边形都是规则的正多边形。要绘制精确的多边形图形，可选择【多边形工具】后在页面中单击，弹出【多边形】对话框

7、，在【半径】文本框中输入多边形的半径大小，在【边数】文本框中设置多边形的边数，可以按照定义的半径大小和边数绘制多边形，如图 2-10 所示。2.3.1绘制基本图形2.3 相关知识4.多边形工具2.3.1绘制基本图形2.3 相关知识5.星形工具使用【星形工具】可以绘制不同形状的星形图形，使用该工具在页面中单击，可弹出【星形】对话框，在【半径 1】文本框中设置所绘制星形图形内侧点到星形中心的距离，在【半径 2】文本框中设置所绘制星形图形外侧点到星形中心的距离，在【角点数】文本框中设置所绘制星形图形的角数，如图 2-11 所示。2.3.1绘制基本图形2.3 相关知识5.星形工具2.3.2手绘图形2.

8、3 相关知识1铅笔工具在使用【铅笔工具】时，不论绘制开放的还是封闭的路径，都像在纸张上绘制一样方便。如果需要绘制一条封闭的路径，选中该工具后，按住【Alt】键开始绘制，直至绘制完毕。在工具箱中双击【铅笔工具】，弹出如图 2-15 所示的【铅笔工具选项】对话框。2.3.2手绘图形2.3 相关知识1铅笔工具2.3.2手绘图形2.3 相关知识1铅笔工具【铅笔工具选项】对话框中各选项介绍如下。保真度：控制曲线偏离鼠标原始轨迹的程度，保真度数值越低，得到的曲线的棱角就越多；数值越高，曲线越平滑，也就越接近鼠标的原始轨迹。平滑度：设置【铅笔工具】使用时的平滑程度，数值越高越平滑。2.3.2手绘图形2.3

9、相关知识1铅笔工具 保持选定：选中该复选框可以在绘制路径之后仍然保持路径处于被选中的状态。编辑所选路径：选中该复选框可以对选择的路径进行编辑。2.3.2手绘图形2.3 相关知识2平滑工具和路径橡皮擦工具如果要使用【平滑工具】，就要保证处理的路径处于被选中的状态，然后在工具箱中选择该工具，在路径上平滑的区域内拖动，如图 2-16 所示。如果要使用【路径橡皮擦工具】，就要保证处理的路径处于被选中的状态，然后在工具箱中选择该工具，清除路径或笔画的一部分，效果如图 2-17 所示。2.3.2手绘图形2.3 相关知识2平滑工具和路径橡皮擦工具2.3.2手绘图形2.3 相关知识2平滑工具和路径橡皮擦工具2

10、.3.3光晕工具2.3 相关知识使用【光晕工具】可以很方便地绘制出光晕效果，如图 2-18 所示。双击工具箱中的【光晕工具】按钮，也可以在选择【光晕工具】的前提下按【Enter】键，或在页面中单击，都可弹出图 2-19 所示的【光晕工具选项】对话框。2.3.3光晕工具2.3 相关知识2.3.3光晕工具2.3 相关知识2.3.3光晕工具2.3 相关知识选择【光晕工具】后可以直接在工作页面上拖动鼠标确定光晕效果的整体大小。释放鼠标后，移动指针至合适位置，确定光晕效果的长度，单击即可完成光晕效果的绘制。2.3.3光晕工具2.3 相关知识【光晕工具选项】对话框中各选项介绍如下。居中：【直径】参数用来控

11、制闪耀效果的整体大小，【不透明度】参数用来控制光晕效果的透明度，【亮度】参数用来控制光晕效果的亮度。光晕：【增大】参数用来控制光晕效果的发光程度，【模糊度】参数用来控制光晕效果中光晕的柔和程度。2.3.3光晕工具2.3 相关知识 射线：【数量】参数用来控制光晕效果中放射线的数量，【最长】参数用来控制光晕效果中放射线的长度，【模糊度】参数用来控制光晕效果中放射线的密度。2.3.3光晕工具2.3 相关知识 环形：【路径】参数用来控制光晕效果中心与末端的距离，【数量】参数用来控制光晕效果中光环的数量，【最大】参数用来控制光晕效果中光环的最大比例，【方向】参数用来控制光晕效果的发射角度。2.3.4线形

12、工具2.3 相关知识1.直线段工具【直线段工具】可以在页面上绘制直线。选择该工具后在视图中单击并拖动鼠标，释放后即完成直线段的绘制。2.3.4线形工具2.3 相关知识2.弧形工具选择【弧形工具】后可以直接在工作页面上拖动鼠标绘制弧线。如果要精确绘制弧线，选择【弧形工具】后在页面中单击，弹出图 2-20 所示的【弧线段工具选项】对话框。2.3.4线形工具2.3 相关知识2.弧形工具2.3.4线形工具2.3 相关知识3.螺旋线工具使用【螺旋线工具】可以绘制螺旋形。选择该工具后在页面中单击，弹出图 2-21 所示的【螺旋线】对话框。【螺旋线】对话框中各选项介绍如下。半径：可以定义涡形中最外侧点到中心

13、点的距离。2.3.4线形工具2.3 相关知识3.螺旋线工具2.3.4线形工具2.3 相关知识3.螺旋线工具 衰减：可以定义每个旋转圈相对于前面的圈减少的量。段数：可以定义段数，即螺旋圈由多少段组成。样式：可以选择逆时针或顺时针方向来指定螺旋形的旋转方向。2.3.4线形工具2.3 相关知识4.矩形网格工具使用【矩形网格工具】可以创建矩形网格。选择该工具后在页面中单击打开图 2-22 所示的【矩形网格工具选项】对话框。【矩形网格工具选项】对话框中各选项介绍如下。2.3.4线形工具2.3 相关知识4.矩形网格工具2.3.4线形工具2.3 相关知识4.矩形网格工具 默认大小：用来设置网格的宽度和高度。

14、水平分隔线：用来设置网格在水平方向上网格线的数量及网格间距。垂直分隔线：用来设置网格在垂直方向上网格线的数量及网格间距。2.3.4线形工具2.3 相关知识5.极坐标网格工具使用【极坐标网格工具】可以绘制类似同心圆的放射线效果。选择【极坐标网格工具】后在页面中单击，将会弹出图 2-23 所示的【极坐标网格工具选项】对话框。2.3.4线形工具2.3 相关知识5.极坐标网格工具2.3.5编辑图形2.3 相关知识【剪刀工具】用于在特定点剪切路径，使用【剪刀工具】在一条路径上单击，可以将一条开放的路径分成两条，或者将一条闭合的路径拆分成一条或多条开放的路径。若单击路径的位置位于一段路径的中间，1.剪刀工

15、具2.3.5编辑图形2.3 相关知识则单击的位置上会有两个重合的新节点；若在一个节点上单击，则在原来的节点上面将出现一个新的节点。对于剪切后的路径，可以使用【直接选择工具】或【转换节点工具】进行进一步编辑。1.剪刀工具2.3.5编辑图形2.3 相关知识使用【橡皮擦工具】可以删除对象中不再需要的部分，当擦除中影响了对象的路径时，【橡皮擦工具】会自动进行调整，所有使用了【橡皮擦工具】的对象边缘都将转变为平滑对象，如图 2-25 所示。2.橡皮擦工具2.3.5编辑图形2.3 相关知识2.3.5编辑图形2.3 相关知识宽度工具组中的工具主要是对路径图形进行变形操作，从而使图形的变化更加多样化。当选中变

16、形宽度组中的某个工具时，双击按钮都会弹出相应的选项对话框，如图 2-26 所示。变形工具组中 7 个工具选项对话框的各项参数相同或相近，对话框中的各项参数说明如下。3.宽度工具组2.3.5编辑图形2.3 相关知识 宽度与高度：笔刷的大小。角度：笔刷的角度。强度：笔刷的强度。3.宽度工具组2.3.5编辑图形2.3 相关知识 细节：控制对变形细节的处理，数值越大处理结果越细腻，数值越小处理结果越粗糙。简化：变形过程中产生大量节点，可按照此处的设定对节点进行简化，以减小对象的复杂程度。3.宽度工具组2.3.5编辑图形2.3 相关知识1）宽度工具【宽度工具】用来对曲线的编辑进行调整，可在曲线上任意点添

17、加锚点，单击拖动锚点即可更改曲线的宽度，使其变粗或变细，如图 2-27 所示。3.宽度工具组2.3.5编辑图形2.3 相关知识3.宽度工具组2.3.5编辑图形2.3 相关知识1）宽度工具【宽度工具】用来对曲线的编辑进行调整，可在曲线上任意点添加锚点，单击拖动锚点即可更改曲线的宽度，使其变粗或变细，如图 2-27 所示。3.宽度工具组2.3.5编辑图形2.3 相关知识3.宽度工具组2.3.5编辑图形2.3 相关知识2）变形工具【变形工具】用手指涂抹的方式对矢量线条进行变形，如图 2-28 所示。还可以对置入的位图图形进行变形，得到有趣的效果，如图 2-29 所示。3.宽度工具组2.3.5编辑图形

18、2.3 相关知识3.宽度工具组2.3.5编辑图形2.3 相关知识3.宽度工具组2.3.5编辑图形2.3 相关知识3）旋转扭曲工具【旋转扭曲工具】可对图形进行旋转扭曲变形，作用区域和力度由预设参数决定，如图 2-30所示。4）聚拢工具【聚拢工具】可对图形进行挤压收缩变形，作用区域和力度由预设参数决定，如图 2-31 所示。3.宽度工具组2.3.5编辑图形2.3 相关知识3.宽度工具组2.3.5编辑图形2.3 相关知识3.宽度工具组2.3.5编辑图形2.3 相关知识5）膨胀工具【膨胀工具】可对图形进行扩张膨胀变形。6）扇贝工具【扇贝工具】可对图形产生细小的褶皱状变形。3.宽度工具组2.3.5编辑图

19、形2.3 相关知识7）晶格化工具【晶格化工具】可以向对象的轮廓添加随机锥化的细节，产生细小的尖角和凸起的变形效果。8）褶皱工具【褶皱工具】可以向对象的轮廓添加类似于褶皱的细节，产生局部无序、碎化的变形效果。3.宽度工具组2.3.5编辑图形2.3 相关知识【路径查找器】调板中的按钮命令可以改变不同对象之间的相交方式。执行【窗口】|【路径查找器】命令，即可打开【路径查找器】调板，如图 2-36 所示。4.【路径查找器】调板2.3.5编辑图形2.3 相关知识4.【路径查找器】调板2.3.5编辑图形2.3 相关知识【路径查找器】调板中命令的使用方法及效果介绍如下。【联集】：可以将两个或多个路径对象合并

20、成一个图形，效果如图 2-37 所示。4.【路径查找器】调板2.3.5编辑图形2.3 相关知识4.【路径查找器】调板2.3.5编辑图形2.3 相关知识【减去顶层】【交集】【差集】【分割】【修边】【合并】【裁剪】【轮廓】【减去后方对象】4.【路径查找器】调板2.4 操作步骤01 新建文档。02 使用【矩形工具】绘制与页面大小相同的矩形。03 选择绘制的矩形，设置颜色为粉色。04 在【图层】调板中将绘制的矩形。2.4 操作步骤05 选择【铅笔工具】，在视图中绘制心形图形。06 复制图形，并调整其位置和角度。07 复制心形图形，设置颜色为玫红色，调整图形位置。08 继续使用【铅笔工具】绘制高光图形。

21、2.4 操作步骤09 使用【铅笔工具】绘制“浪漫情人节”字样图形。10 选择绘制的“浪漫情人节”字样图形，执行【窗口】|【描边】命令，在打开的【描边】调板中设置【粗细】参数为 4 pt，并设置颜色，选择绘制的字样图形，执行【对象】|【编组】命令，将绘制的图形编组。2.4 操作步骤11 使用工具箱中的【铅笔工具】依照“浪漫情人节”字样边缘绘制曲线图形，为图形填充浅粉色（R：245，G：220，B：233），调整图形位置于字样图形下方。2.5 实 训 演 练图 2-53 所示为字效设计效果，这是将文字与图形结合在一起的设计效果。该实例由两部分内容组成，一部分是添加文字图形和矩形，另一部分是使用【橡皮擦工具】在图形上擦出图案效果。图 2-54 所示为该字效设计的制作流程示意图。2.5 实 训 演 练2.5 实 训 演 练2.5 实 训 演 练字效设计的主要制作步骤如下。（1）新建文件，使用【矩形工具】绘制 H 字样的图形。继续绘制 3 个不同颜色的矩形，并对两侧的矩形进行旋转操作。2.5 实 训 演 练（2）选择工具箱中的【橡皮擦工具】在图形上拖动鼠标，将部分图形擦除。（3）选择【美工刀工具】，在图形的 4 个角上较为随意地拖动鼠标，将边角裁切掉，并删除裁切掉的图形。THANK YOU