项目二Illustrator路径绘制与编辑.ppt

《项目二Illustrator路径绘制与编辑.ppt》由会员分享，可在线阅读，更多相关《项目二Illustrator路径绘制与编辑.ppt（35页珍藏版）》请在三一办公上搜索。

1、项目二 VI设计 路径绘制与编辑,任务一 设计标志路径绘制工具 任务描述 在本任务中，主要介绍Illustrator CS3基本绘图工具，包括钢笔工具、直线工具组、几何图形工具组、铅笔工具和画笔工具等。相关知识 一、认识路径 二、各种绘图工具的使用方法,一、认识路径1路径组成 路径可以由一条或多条直线或曲线线段组成，并由锚点连接起来。路径本身没有宽度和颜色，通过对路径进行描边或填充操作后，赋予路径各种色彩，从而获得所需的图形。,2路径的分类 Illustrator中的路径可以分开放路径、闭合路径、复合路径3种类型。开放路径：是一条两个端点没有连接在一起的没有闭合的路径，Illustrartor

2、会假定路径的两个端点连接起来而对其进行描边和填充。闭合路径：是一条闭合的路径，可对其进行填充和描边。复合路径：是由两个或两个以上的开放或闭合的路径组合而成的路径。,二、线条工具 1直线段工具利用“直线段工具”可以绘制各种直线。在页面区域按下鼠标左键并拖动，可以绘制任意角度的直线。按住【Shift】键的同时，可以沿45、90、135方向绘制直线。如按住【Alt】键，直线将以单击点为中心向两侧伸展。在页面区域中单击鼠标，将打开“直线段工具选项”对话框，在其中可设置直线的长度和角度，单击“确定”按钮，即可精确创建直线。,2、弧线工具 利用“弧线工具”可以各种凹入或凸起的曲线段。在页面区域中单击并拖动

3、鼠标即可绘制出弧线。按住【Shift】键的同时，可以绘制正圆弧线；按住【Alt】键的同时，可以绘制以单击点为中心的弧线；按住【Shift+Alt】组合键的同时，可以绘制以单击点为中心的正圆弧线。绘制弧线过程中，结合键盘上不同的字母键可绘制出不同类型的弧线。按【X】或【F】键，可以实现凹入或凸起的转换；按【C】键可以实现开放或闭合弧线的转换；按【】或【】键，可以实现弧度的微调。在页面区域中的单击鼠标，打开“弧线段工具选项”对话框，在其中可设置弧线的各项参数，可以精确绘制弧线。,3、螺旋线工具 利用“螺旋线工具”可以方便地绘制顺时针或逆时针的螺旋线。在页面区域中单击并拖动鼠标即可，绘制时可拖动鼠标

4、旋转和缩放螺旋线。如按住【Shift】键，则螺旋线将以45度增量值旋转。在绘制螺旋线时，按住键盘上的【】键可以逐渐增加螺旋线圈数；如按住【】键则可以逐渐减少螺旋线圈数。在绘制螺旋线时，按住【Ctrl】键可以调整螺旋线的紧密程度。在页面区域中单击鼠标，打开“螺旋”对话框，在其中可设置螺旋线的半径、衰减、段数和样式，单击“确定”按钮可精确绘制螺旋线。,例：蜘蛛网的绘制掌握螺旋线的使用方法及直线的绘制,1、绘制螺旋线，半径：90，衰减：95，段数70，2、绘制直线，100MM3、将鼠标指向中心位置，按住Alt键，左键单击旋转工具，30度，复制，ctrl+D,4、全选对象，ctrl+shift+F9,

5、选轮廓5、填充描边颜色为黑色6、全选对象，对象/路径/简化/直线7、右键/取消编组8、效果/拱形9、窗口/符号/自然/选蜘蛛、蜻蜓,三、网格工具 利用Illustrator提供的“矩形网格工具”和“极坐标网格工具”可以快速绘制矩形或椭圆网格图形。选择“矩形网格工具”和“极坐标网格工具”后，在页面区域内按下鼠标左键并拖动，即可绘制出所需的矩形或椭圆网格。在页面区域中单击鼠标，将分别打开“矩形网格工具选项”和“极坐标网格工具选项”对话框，在其中可以设置矩形和极坐标网格的各项参数。,四、几何图形绘制工具 1矩形和椭圆工具利用“矩形工具”和“椭圆工具”可绘制矩形、正方形、椭圆和圆形。在页面区域中单击并

6、拖动鼠标即可绘制出所需的矩形或椭圆。按住【Shift】键，可以绘制出正方形或圆形；按住【Alt】键，可以绘制以单击点为中心的矩形或圆形；按住【Alt+Shift】组合键，可以绘制以单击点为中心的正方形和圆形。在页面区域中单击鼠标，可以打开“矩形”和“椭圆”对话框，在其中可以设置所绘矩形或椭圆的高度和宽度。,2、圆角矩形工具 利用“圆角矩形工具”可以绘制圆角矩形和正方形。其用法与“矩形工具”相似，在绘制过程中，按住【】或【】键，可以增加或减小圆角的半径值，按【】或【】键，可以在绘制过程中切换圆角和直角。在页面中单击鼠标左键，将打开“圆角矩形”对话框，在其中可设置圆角矩形的高度、宽度和圆角半径值。

7、,3、多边形工具 利用“多边形工具”可以绘制任意多边形。在绘制过程中，按住【】或【】键，可以增加或减小多边形的边数。利用“多边形工具”在页面中单击，可以打开“多边形”对话框，在其中可以设置多边形的半径和边数。,4、星形工具 利用“星形工具”可以绘制形状各异的星形。具体用法与“多边形工具”相似，在绘制过程中，按住【】或【】键，可以增加或减小星形的角数。利用“星形工具”在页面中单击，可以打开“星形”对话框，在其中可以设置星形的内接与外接圆半径和角数。,五、光晕工具 利用“光晕工具”可以绘制出类似镜头光晕或太阳光晕的效果。闪耀图形由射线、晕轮、中心控制柄、光圈和末端控制柄组成。中心控制柄处是整个图形

8、中最亮部分的中心，光射线即是从该处发出的，通过改变中心控制柄的位置可以改变整个图形的位置。,六、钢笔工具“钢笔工具”是Illustrator中基本的绘图工具，可以绘制直线或曲线，并可以在绘制图形的过程中对图形进行简单编辑。,七、铅笔工具 利用“铅笔工具”可以绘制开放路径和闭合路径，就像用铅笔在纸上徒手绘画一样。绘制路径后，还可以根据需要立即修改路径。绘制开放路径：选择“铅笔工具”，然后将光标移至页面中，此时光标呈状态，按下鼠标左键并拖动鼠标，即可绘制开放路径。绘制闭合路径：在拖动鼠标的同时按住【Alt】键，待光标变成状时释放鼠标，即可形成闭合路径。,八、画笔工具 利用“画笔工具”可以绘制不同风

9、格的路径图形，并可以随时修改路径形状。另外，利用系统提供的“画笔”面板，也可以将系统提供的预设画笔样式应用于不同的路径。,实施步骤 下面，我们通过绘制下图所示标志来学习Illustrator各种绘图工具在实际工作中的应用。,绘制标志实习目的：掌握钢笔工具的使用,新建页面，VI，200*200mm在页面中创建7条参考线利用钢笔工具，描边蓝色，10pt绘制矩形网格，填充颜色为30%，描边为青色，宽带为1pt绘制弧形，颜色分别为洋红色、黄色、绿色、宽度分别为20、15、10在圆弧下方放置参考线选择3条弧线，编组选择对象、排列、置于底层或Ctrl+【在烟囱上方绘制两个螺旋线，描边颜色为C=0 M=50

10、 Y=100 K=0，宽度3pt输入文字东方七彩新园，汉仪粗黑简，调整适合的文字大小，红色利用直线工具绘制一条橙色的的线条输入英文，填充为橙色保存,任务二 设计吉祥物路径基本编辑任务描述 在本任务中，我们将通过制作企业吉祥物来学习路径的基本编辑方法。相关知识 一、选取路径图形 二、编辑路径上的锚点 三、使用改变形状工具改变路径形状 四、平滑与擦除路径 五、切割路径 六、连接端点,一、选取路径图形 1选择工具和编组选择工具的使用“选择工具”与“编组选择工具”的用法相似，可以使用单击或框选的方法选择一个或多个对象，其不同之外是，“选择工具”只能选择整个群组对象，而“编组选择工具”可以选择群组对象中

11、的一个或多个子对象。选择单个对象：在对象上单击，即可选中对象，此时，对象将由蓝色的路径显示其轮廓。选择多个对象：在所选对象的四周拖出一个矩形框，框内的所有对象将同时选中。此外，在按住【Shift】键的同时，逐一单击要选取的对象，也可以同时选择多个对象。,2直接选择工具的使用 利用“直接选择工具”可以选取路径上的任意一个锚点或某一段路径，该工具主要用于调整图形形状。利用“直接选择工具”单击具有填充色的对象（锚点和路径除外），此时可选中整个对象，即对象的锚点均为实色方块。此外，用“直接选择工具”也可选取群组对象中的单个或多个子对象。利用“直接选择工具”单击路径上的某个锚点，即可选中该锚点。被选中的

12、锚点将显示为实心方块，没被选中的锚点显示为空心方块。,3、魔棒工具的使用 利用“魔棒工具”可以选择具有相同颜色、描边粗细、描边颜色、不透明度或混合模式的对象。用“魔棒工具”单击页面中的任一对象，默认状态下，将同时选中当前页面中所有与被单击的对象具有相同填充颜色的对象。双击“魔棒工具”，打开“魔棒”面板，在其中可设置选择所需的条件，如填充颜色、描边颜色、描边粗细、不透明度和混合模式。另外，设置“容差”值可以确定选择的范围。该值越大，选取范围就越大。,4套索工具的使用 利用“套索工具”可以选择整个对象、锚点或路径段。其用法非常简单，只需将光标移至所选对象周围，按下鼠标左键，并围绕对象拖动鼠标，鼠标

13、移动过的轨迹上的所有对象或路径均被选中。,5利用菜单命令选择路径 打开“选择”“相同”菜单或“选择”“对象”菜单，在显示的子菜单中选择相应命令，可以选择各种类型的对象。选择“选择”“全部”菜单，可将页面中的所有对象全部选中。选择“选择”“取消选择”菜单，可取消对象的选取状态。选择“选择”“反向”菜单，可进行对象的反向选择。,二、编辑路径上的锚点 1增加锚点 在Illustrator中，除利用“钢笔工具”在路径上添加锚点外，还可以利用“增加锚点工具”和命令来增加锚点。利用“增加锚点工具”在路径上需要增加锚点的位置单击（注意不要单击锚点），即可在路径上增加一个锚点。如果要在路径图形上增加多个锚点，

14、可以选择“对象”“路径”“增加锚点”菜单，则路径上每两个锚点的中间便会增加一个锚点。,2、删除锚点 在编辑路径图形时，可以通过删除锚点来改变路径形状或者简化路径。利用“删除锚点工具”单击路径上需要删除的锚点，即可删除该锚点。利用“直接选择工具”选中路径上需要删除的多个锚点，然后选择“编辑”“清除”菜单，或按【Delete】键，即可将选中的锚点删除。如果要调整路径上多余的锚点，且不改变路径图形的基本形状，可以选择“对象”“路径”“简化”菜单，打开“简化”对话框，通过调整参数设置，来控制锚点的数量。,3、改变锚点类型 利用“转换锚点工具”可以将锚点在角点和平滑点之间进行转换，并通过调整锚点的控制柄

15、，改变路径形状。角点转换为平滑点：选择“转换描点工具”，然后将光标放在角点上，按下鼠标左键并拖动，拖出该锚点的双控制柄，角点即被转换为平滑点，原路径也随鼠标的拖动产生变化。,平滑点转换为角点：利用“转换锚点工具”在该平滑点上单击即可。另外，用户也可利用“转换锚点工具”拖动平滑点一侧的控制柄，改变其方向、长度，也可以将平滑点转换为角点。,4、平均锚点 利用“平均”命令可以重新排列选中锚点的位置。选中一个或多个路径图形，或者两个以上锚点，选择“对象”“路径”“平均”菜单，打开“平均”对话框，在其中选择所需的“轴”，单击“确定”按钮即可。,三、使用改变形状工具改变路径形状 利用“改变形状工具”可以通

16、过在路径上增加锚点、移动锚点的位置以及拖动路径段，来改变路径图形的形状。利用“直接选择工具”单击路径图形，显示路径上的所有锚点（空心状态），然后利用“改变形状工具”可进行如下操作。利用“改变形状工具”并配合【Shift】键，可以选择多个锚点，也可以利用框选的方法选中多个锚点。拖动选中的锚点：用“改变形状工具”单击选中锚点并拖动，可以改变其位置，路径图形的形状也随之发生变化。增加锚点：用“改变形状工具”在路径段上单击即可增加锚点。直接拖动路径段：利用“改变形状工具”单击并拖动锚点间的路径段，路径会随着鼠标拖动的方向发生变化，释放鼠标后即可改变路径形状，并且在单击处将增加一个锚点。,四、平滑和擦除

17、路径 1平滑路径 选中路径图形，利用“平滑工具”在路径上要平滑的区域单击并拖动鼠标，释放鼠标后完成平滑操作。,2擦除路径 选中路径图形，利用“路径橡皮擦工具”在路径上单击并拖动鼠标，释放鼠标后，鼠标经过处都将被擦除。,五、切割路径 利用“剪刀工具”在路径上单击即可将路径剪断，适用于开放或闭合式路径；利用“美工刀工具”只可以切割闭合路径图形。这两个工具的具体使用方法,详见视频V2-6.avi。,利用“剪刀工具”切割路径,利用“美工刀工具”切割路径,六、连接端点 利用“连接”命令可以将开放路径的两个端点连接起来，形成闭合路径，也可以连接两条开放路径的任意两个端点，将它们连接在一起。连接路径端点的具

18、体操作方法，详见视频V2-7.avi。,实施步骤 本例通过制作下图所示的吉祥物来学习前面所学内容。,企鹅博士实习目的：掌握锚点的转换及调整,绘制头部新建文档打开拾色器，C=M=40，描边黑色，1pt身体的颜色为白色将身体置于底层绘制眼睛打开拾色器C=30 M=35 Y=6 K=0绘制椭圆，反复操作并调整大小在眼珠上绘制两个大小不等的白色椭圆绘制眉毛和鼻子绘制两条弧线，2pt，Ctrl+j连接两条弧线的端点，M=50 Y=80 C=k=0,绘制企鹅鼻子，M=30 Y=100，黑色，1pt嘴巴Y=100，描边黑色舌头红色绘制帽顶C=90 M=50帽口和吊带的填充色为蓝色和C=90 M=50绘制马甲和阴影绘制马甲M=35 Y=85 绘制黑色椭圆作为纽扣，再制白色椭圆绘制领口的黑色阴影其他绘制方法均以以上作为参考,知识拓展一、企业VI设计包括哪些内容 一套完整的VI设计主要包括：企业标志设计、企业标准字体、企业标准色、企业造型、企业象征图形、企业专用印刷字体 等。,二、企业标志分类 具象型。抽象型。具象抽象结合型。,三、企业标准设计原则应能集中反映企业的经营理念，突出企业形象。应结合企业的行业特征和产品特征。应符合时代的审美特征。,