NO2绘制和编辑基本图形电子课件Illustrator平面设计案例教程.ppt

《NO2绘制和编辑基本图形电子课件Illustrator平面设计案例教程.ppt》由会员分享，可在线阅读，更多相关《NO2绘制和编辑基本图形电子课件Illustrator平面设计案例教程.ppt（93页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Illustrator CS6图形图像处理案例教程第二章 绘制和编辑基本图形目 录ONTENTS2 2.1.1案例任务案例任务2 2.2 2案例解析案例解析2 2.3 3相关知识相关知识2 2.4 4案例实现案例实现2 2.5 5案例总结案例总结2 2.6 6技能实训技能实训2.1案例任务案例任务下面将带领读者一起来制作一个店铺节日POP，目的是演示基本绘图工具的使用方法，下图是所示效果。店铺节日POP样例2.2案例解析案例解析 解题思路解题思路2.2.1该POP广告是为了营造节日气氛而设计制作的，作用是悬挂于店铺内，烘托气氛，制作节日气息。为了扣题，画面采用暖色调，以营造温馨的氛围。背景采用

2、心与心叠加在一起的图形效果作为衬托，主体文字使用手绘效果创建，用以表现轻松、浪漫、温馨的节日气氛。2.2案例解析案例解析 难点剖析难点剖析2.2.2使用【铅笔工具】绘制心形图形。使用【铅笔工具】绘制文字图形。2.3相关知识相关知识在Illustrator CS6中提供了多种绘制几何图形的工具。熟悉并掌握这些基础图形的绘制和编辑方法，是创建复杂图形作品的基础。2.3相关知识相关知识 认识图形图像认识图形图像2.3.11.矩形工具在Illustrator的工具箱中，为用户提供了多个绘制基本图形的工具，如【矩形工具】、【圆角矩形工具】、【椭圆工具】等，利用这些工具可以绘制出矩形、圆角矩形、圆形等图形

3、。2.3相关知识相关知识在绘制矩形的过程中，如果按下空格键，将冻结正在绘制的矩形，这时可以移动未绘制完成的矩形至任意位置，当松开空格键后，可继续绘制该矩形。2.3相关知识相关知识（1）首先单击工具箱中的【矩形工具】。（2）然后移动鼠标至页面当中，鼠标指针将变成“”的形状，确定矩形的起点位置，然后按下鼠标左键向任意倾斜方向拖动，页面中将会出现一个蓝色的外框，随着鼠标的拖动而改变大小和形状。当松开鼠标按键后，完成矩形的绘制。此时矩形将处于被选状态。蓝色的矩形选择框显示的就是矩形的大小，用户拖动的距离和角度将决定它的宽度和高度。1）使用矩形工具绘制矩形2.3相关知识相关知识绘制矩形2.3相关知识相关

4、知识在绘制矩形时，可配合键盘上的一些按键。当选择工具箱中的【矩形工具】，移动鼠标至页面当中，然后按住键盘上的【Alt】键，鼠标将变成形状，拖动鼠标即可绘制出以中心点向外扩展的矩形。2）配合键盘绘制矩形2.3相关知识相关知识配合按键绘制矩形2.3相关知识相关知识在绘制矩形的过程中，按下【Shift】键，将会绘制出一个正方形；而同时按下【Shift+Alt】键，将绘制出以单击处为中心向外扩展的正方形；按下键盘上的【】键，按下鼠标并向不同的方向拖动，即可绘制出多个不同大小的矩形。2.3相关知识相关知识绘制正方形同时绘制多个矩形2.3相关知识相关知识（1）首先选择工具箱中的【矩形工具】。3）精确绘制矩

5、形（2）然后移动鼠标至页面中的任意位置并单击鼠标，此时将弹出【矩形】对话框。【矩形】对话框2.3相关知识相关知识（3）在【矩形】对话框中，用户可以根据需要在【宽度】和【高度】参数栏中设置矩形的宽度和高度。单击【确定】按钮后，就会根据用户所设置的参数值，在页面中显示出相应大小的矩形，单击【取消】按钮，将关闭对话框并取消绘制矩形的操作。【矩形】对话框2.3相关知识相关知识2.圆角矩形工具选择【圆角矩形工具】后，可以直接在工作页面上拖动鼠标绘制圆角矩形。要绘制精确的圆角矩形，选择【圆角矩形工具】后在页面中单击，弹出下图所示的【圆角矩形】对话框，在【宽度】和【高度】参数栏中输入数值，在【圆角半径】参数

6、栏中输入圆角半径值，按照定义的大小和圆角半径绘制圆角矩形图形。2.3相关知识相关知识绘制圆角矩形2.3相关知识相关知识在绘制圆角矩形过程中按住上箭头或下箭头键可以改变圆角矩形的半径大小；按住左箭头键则可使圆角变成最小的半径值；按住右箭头键则可使圆角变成最大半径值。在绘制圆角矩形过程中按住【Shift】键，可以绘制圆角正方形；按住【Alt+Shift】键，可以绘制以起点为中心的圆角正方形。2.3相关知识相关知识3.椭圆工具选择【椭圆工具】，在工作页面上拖动鼠标可绘制椭圆形。或在页面中单击，弹出【椭圆】对话框。在【宽度】和【高度】参数栏中输入数值，按照定义的大小绘制椭圆形。2.3相关知识相关知识【

7、椭圆】对话框2.3相关知识相关知识在绘制椭圆形的过程中按住【Shift】键，可以绘制正圆形；按住【Alt+Shift】键，可以绘制以起点为中心的正圆形。2.3相关知识相关知识4.多边形工具【多边形工具】绘制的多边形都是规则的正多边形。要绘制精确的多边形图形，选择【多边形工具】后在页面中单击，弹出如图2-11所示的【多边形】对话框，在【半径】参数栏中输入多边形的半径大小，在【边数】参数栏中设置多边形边数，可以按照定义的半径大小和边数绘制多边形图形。2.3相关知识相关知识绘制多边形2.3相关知识相关知识5.星形工具使用【星形工具】可以绘制不同形状的星形图形，使用该工具在页面中单击，可弹出下图所示的

8、【星形】对话框，在【半径1】参数栏中设置所绘制星形图形内侧点到星形中心的距离，【半径2】参数栏中设置所绘制星形图形外侧点到星形中心的距离，【角点数】参数栏中设置所绘制星形图形的角数。2.3相关知识相关知识绘制星形2.3相关知识相关知识在绘制星形的过程中：按住【Alt】键，可以绘制旋转的正星形。按住【Alt+Shift】键，可以绘制不旋转的正星形。绘制可旋转的星形绘制不可旋转的星形2.3相关知识相关知识按住【Ctlr】键，可调整星形角的度数。绘制可调整角度的星形2.3相关知识相关知识 手绘图形手绘图形2.3.2【铅笔工具】用于绘制开放路径和闭合路径，就像用铅笔在纸上绘图一样。【平滑工具】可以对路

9、径进行平滑处理，而且将尽可能地保持路径的原始状态。【路径橡皮擦工具】用来清除路径或笔画的一部分。2.3相关知识相关知识1.铅笔工具【铅笔工具】在使用时不论是绘制开放的还是封闭的路径，都像在纸张上绘制一样方便。如果需要绘制一条封闭的路径，选中该工具后，在绘制开始以后按住【Alt】键不松开，直至绘制完毕。在工具箱中双击【铅笔工具】，弹出【铅笔工具选项】对话框。2.3相关知识相关知识【铅笔工具选项】对话框2.3相关知识相关知识保真度：控制曲线偏离鼠标原始轨迹的程度，保真度数值越低，得到的曲线的棱角就越多；数值越高，曲线越平滑，也就越接近鼠标的原始轨迹。平滑度：设置【铅笔工具】使用时的平滑程度，数值越

10、高越平滑。保持选定：选中该选项可以在绘制路径之后仍然保持路径处于被选中的状态。编辑所选路径：选中该选项可以对选择的路径进行编辑。在【铅笔工具选项】对话框中：2.3相关知识相关知识2.平滑工具和路径橡皮擦工具如果要使用【平滑工具】，则要保证处理的路径处于被选中的状态，然后在工具箱中选择该工具，在路径上平滑的区域内拖动。平滑路径2.3相关知识相关知识如果要使用【路径橡皮擦工具】，则要保证处理的路径处于被选中的状态，然后在工具箱中选择该工具，清除路径或笔画的一部分。擦除部分路径2.3相关知识相关知识 光晕工具光晕工具2.3.3双击工具箱中的【光晕工具】，也可以在选择【光晕工具】的前提下按【Enter

11、】键，或在页面中单击，都可弹出【光晕工具选项】对话框。选择【光晕工具】后可以直接在工作页面上拖动鼠标确定光晕效果的整体大小。释放鼠标后，移动鼠标至合适位置，确定光晕效果的长度，单击即可完成光晕效果的绘制。2.3相关知识相关知识光晕效果【光晕工具选项】对话框2.3相关知识相关知识居中：【直径】参数用来控制闪耀效果的整体大小，【不透明度】参数用来控制光晕效果的透明度，【亮度】选项参数用来控制光晕效果的亮度。光晕：【增大】参数用来控制光晕效果的发光程度，【模糊度】参数用来控制光晕效果中光晕的柔和程度。【光晕工具选项】对话框中各选项介绍如下：2.3相关知识相关知识射线：【数量】参数用来控制光晕效果中放

12、射线的数量，【最长】参数用来控制光晕效果中放射线的长度，【模糊度】参数用来控制光晕效果中放射线的密度。环形：【路径】参数用来控制光晕效果中心与末端的距离，【数量】参数用来控制光晕效果中光环的数量，【最大】参数用来控制光晕效果中光环的最大比例，【方向】参数用来控制光晕效果的发射角度。2.3相关知识相关知识按住【Alt】键在页面中拖动鼠标，可一步完成光晕效果的绘制。在绘制光晕效果时，按住【Shift】键可以约束放射线的角度，按住【Ctrl】键可以改变光晕效果的中心点和光环之间的距离，按住上箭头键可以增加放射线的数量，按住下箭头键可以减少放射线的数量。2.3相关知识相关知识 使用线形工具使用线形工具

13、2.3.4线形工具是指【直线段工具】、【弧形工具】、【螺旋线工具】、【矩形网格工具】、【极坐标网格工具】，使用这些工具可以创建出线段组成的各种图形。2.3相关知识相关知识使用【直线段工具】可以在页面上绘制直线。选择该工具后在视图中单击并拖动鼠标，松开鼠标左键后完成直线段的绘制。1.直线段工具2.3相关知识相关知识选择【弧形工具】后可以直接在工作页面上拖动鼠标绘制弧线。如果要精确绘制弧线，选择【弧形工具】后在页面中单击，弹出【弧线段工具选项】对话框。2.弧线工具精确绘制弧线2.3相关知识相关知识X轴长度：用来确定弧线在X轴上的长度。Y轴长度：用来确定弧线在Y轴上的长度。类型：在【类型】下拉列表框

14、中可以选择弧线的类型，有开放型弧线和闭合型弧线。基线轴：选择所使用的坐标轴。斜率：用来控制弧线的凸起与凹陷程度。【弧线段工具选项】对话框中各选项的介绍如下：2.3相关知识相关知识3.螺旋线工具【螺旋线工具】可以绘制螺旋形。选择该工具后在页面中单击，弹出【螺旋线】对话框。绘制螺旋线2.3相关知识相关知识半径：可以定义涡形中最外侧点到中心点的距离。衰减：可以定义每个旋转圈相对于前面的圈减少的量。段数：可以定义段数，即螺旋圈由多少段组成。样式：可以选择逆时针或是顺时针来指定螺旋形的旋转方向。【螺旋线】对话框中各选项的介绍如下：2.3相关知识相关知识4.矩形网格工具【矩形网格工具】可以创建矩形网格。在

15、页面中单击打开【矩形网格工具选项】对话框。2.3相关知识相关知识绘制网格工具2.3相关知识相关知识默认大小：用来设置网格的宽度和高度。水平分隔线：用来设置网格在水平方向上网格线的数量以及网格间距。垂直分隔线：用来设置网格在垂直方向上网格线的数量以及网格间距。【矩形网格工具】对话框中各选项的介绍如下：2.3相关知识相关知识5.极坐标网格工具使用【极坐标网格工具】可以绘制类似同心圆的放射线效果。选择【极坐标网格工具】后在页面中单击，弹出【极坐标网格工具选项】对话框。2.3相关知识相关知识绘制网格工具2.3相关知识相关知识默认大小：用来设置网格的宽度和高度。同心圆分隔线：用来设置同心圆的数量、间距。

16、径向分隔线：用来设置辐射线的数量、间距。【极坐标网格工具选项】对话框 中各选项的介绍如下：2.3相关知识相关知识 编辑图形编辑图形2.3.5一次绘制的图形往往不能够满足需要的效果，还需要利用其他工具对图形进行加工和编辑。编辑完成的图形样例2.3相关知识相关知识Sample titleSample titleAdd your texts hereAdd your texts here【剪刀工具】用于在特定点剪切路径，使用【剪刀工具】在一条路径上单击，可以将一条开放的路径分成两条，或者将一条闭合的路径拆分成一条或多条开放的路径。如果单击路径的位置位于一段路径的中间，则单击的位置上会有两个重合的新节

17、点，如果在一个节点上单击，则在原来的节点上面又将出现一个新的节点。对于剪切后的路径，可以使用【直接选择工具】或【转换节点工具】进行进一步的编辑。1.剪刀工具2.3相关知识相关知识Sample titleSample titleAdd your texts hereAdd your texts here【橡皮擦工具】可以删除对象中不再需要的部分，当擦除中影响了对象的路径时，【橡皮擦工具】会自动做出调整，所有使用了【橡皮擦工具】的对象边缘，都将转变为平滑对象。2.橡皮擦工具2.3相关知识相关知识擦除图形2.3相关知识相关知识Sample titleSample titleAdd your text

18、s hereAdd your texts here宽度工具组中的工具主要是对路径图形进行变形操作，从而使图形的变化更加多样化。当选中变形宽度组中的某个工具时，双击按钮都会弹出相应的选项对话框。3.宽度工具组2.3相关知识相关知识【变形工具选项】对话框2.3相关知识相关知识宽度与高度：笔刷的大小。角度：笔刷的角度。强度：笔刷的强度。细节：控制对变形细节的处理，数值越大处理结果越细腻，数值越小处理结果越粗糙。简化：变形过程中产生大量节点，可按照此处的设定对节点进行简化，以减少对象的复杂程度。变形工具组中7个工具选项对话框的各项参数相同或相近，对话框中的各项参数如下。2.3相关知识相关知识1）宽度工

19、具【宽度工具】用来对曲线的编辑调整，宽度工具可在曲线上任意点添加锚点，单击拖动锚点即可更改曲线的宽度，使其变粗或变细。改变线条粗细2.3相关知识相关知识2）变形工具用手指涂抹方式对矢量线条进行变形。还可以对置入的位图图形进行变形，得到有趣的效果。变形图形2.3相关知识相关知识变形位图2.3相关知识相关知识3）旋转扭曲工具对图形进行旋转扭曲变形，作用区域和力度由预设参数决定。旋转扭曲图形2.3相关知识相关知识4）聚拢工具对图形进行挤压收缩变形，作用区域和力度由预设参数决定。挤压收缩变形2.3相关知识相关知识5）膨胀工具对图形进行扩张膨胀变形。膨胀变形2.3相关知识相关知识6）扇贝工具对图形产生细

20、小的褶皱状变形。扇贝工具变形2.3相关知识相关知识7）晶格化工具可以向对象的轮廓添加随机锥化的细节，产生细小的尖角和凸起的变形效果。锥化变形2.3相关知识相关知识8）褶皱工具可以向对象的轮廓添加类似于皱褶的细节，产生局部无序、碎化的变形效果。褶皱变形2.3相关知识相关知识Sample titleSample titleAdd your texts hereAdd your texts here使用【路径查找器】面板中的按钮命令，可以改变不同对象之间的相交方式。执行【窗口】|【路径查找器】命令，即可打开【路径查找器】面板。4.使用【路径查找器】调板【路径查找器】调板2.3相关知识相关知识 【路径

21、查找器】调板中的命令包括：1）联集 6）修边 2）减去顶层 7）合并 3）交集 8）裁剪 4）差集 9）轮廓 5）分割 10）减去后方对象2.3相关知识相关知识合并图形【联集】：可以将两个或多个路径对象合并成一个图形。2.3相关知识相关知识减去顶层【减去顶层】：它将从最后面的对象中减去与前面的各 对象相交的部分，而前面的对象也将被删除。2.3相关知识相关知识【交集】：它将保留所选对象的重叠部分，而删除不重叠的部分，从而生成一个新的图形，保留部分的属性与最前面的图形保持一致。保留重叠部分2.3相关知识相关知识【差集】：可以将有两个或多个路径对象重叠的部分删除，并 将选中的多个对象组合为一个新的对

22、象。删除重叠部分2.3相关知识相关知识【分割】：可以将有两个或多个路径对象重叠的部分独立开来，从而将所选择的对象分割成几部分，重叠部分属性以前面对象的属性为准。编辑过后的对象被群组，查看时需解除群组状态。分割对象2.3相关知识相关知识【修边】：它能够用前面的对象来修剪后面的对象，从而使后面的对象发生形状上的上的改变，并且能够取消对象的轮廓线属性，所有的对象将保持原来的颜色不变。编辑过后的对象被群组，查看时需解除群组状态。【合并】：如果所选对象的填充和轮廓线属性相同，它们将组合为一个对象；如果它们的属性不同，则该按钮命令与【修边】所产生的结果是相同的。2.3相关知识相关知识【裁剪】：它将保留对象

23、重叠的部分，而删除其他部分，并且能够取消轮廓线属性，保留部分的属性将应用最后面对象的属性。【轮廓】：它将只保留所选对象的轮廓线，而且轮廓颜色改变为对象的填充颜色，它的宽度也变成0 pt。【减去后方对象】：可以用后面的对象中来修剪前面的对象，并且删除后面的对象和两个对象将重叠的部分，保留部分的属性与最前面的对象的属性保持一致。2.4案例实现案例实现下面开始店铺节日POP 的详细操作步骤2.4案例实现案例实现1 新建文档。2.4案例实现案例实现2使用【矩形工具】绘制与页面大小相同的矩形。2.4案例实现案例实现3选择绘制的矩形，设置颜色为粉色。2.4案例实现案例实现4在【图层】调板中将绘制的矩形锁定

24、。2.4案例实现案例实现5选择【铅笔工具】，在视图中绘制心形图形。2.4案例实现案例实现6将图形复制，并调整其位置和角度。2.4案例实现案例实现7将心形图形复制，设置颜色为玫红色。2.4案例实现案例实现8继续使用【铅笔工具】绘制高光图形。2.4案例实现案例实现9接下来使用【铅笔工具】绘制“浪漫情人节”字样图形。2.4案例实现案例实现10选择绘制的“浪漫情人节”字样图形，执行【窗口】|【描边】命令，在打开【描边】调板中设置【粗细】参数为4pt，设置颜色，选择绘制的字样图形，执行【对象】|【编组】命令，将绘制的图形编组。2.4案例实现案例实现11使用工具箱中的【铅笔工具】依照“浪漫情人节”字样边缘

25、绘制曲线图形，为图形填充浅粉色（R：245、G：220、B：233），调整图形位置于字样图形下方。2.5案例总结案例总结基本图形的绘制与编辑，可以说是创作复杂设计作品的基础，且构思巧妙的设计作品，也完全可以利用这些简单的工具来实现。当然，要想熟悉的掌握这些基本工具的使用方法，并了解它们的特性，还需要大量的练习。2.6技能实训技能实训下图是字效设计效果，这是将文字与图形结合在一起的设计效果。字效设计样例2.6技能实训技能实训该实例由两部分内容组成，一个是添加文字图形和矩形，另一个是使用【橡皮擦工具】在图形上擦出图案效果。制作流程示意图2.6技能实训技能实训字效设计的主要制作步骤如下：（1）新建文件，使用【矩形工具】绘制H字样的图形。并继续绘制三个不同颜色的矩形，对两侧的矩形进行旋转操作。（2）选择工具箱中的【橡皮擦工具】在图形上拖动鼠标，将部分图形擦除。（3）选择【美工刀工具】，在图形的四个角上较为随意的拖动鼠标，将边角裁切掉，并删掉裁切掉的图形。Thank You!Thank You!谢谢观看！谢谢观看！谢谢观看！谢谢观看！