平面设计经典实例教程第7章-AI绘图课件.pptx

1、第 7 章 AI 绘图基础7.1 文件的新建和保存7.2 常用的绘图工具7.3 颜色填充和描边7.4 图形对象的编辑7.5 画笔绘图7.6 定义图案7.7 图形变形与修整7.8 路径文字7.9 符号的应用7.10 AI 和PS的调用2 第7章 绘图基础7.1 文件的新建和保存、页面修改【文件】|【新建】修改文件的尺寸，出血值，采用【文件】|【文档设置】3 第7章 绘图基础7.1 文件的新建和保存、页面修改横版和竖版的转换，在【画板选项】4 第7章 绘图基础7.2.1 直线段工具组选中工具，在绘图区中单击，则会弹出该工具选项面板，可以精确设置工具的绘图参数。7.2 常用的绘图工具-5 第7章 绘

2、图基础7.2.1 直线段工具组7.2 常用的绘图工具-绘制闭合的弧形，绘制开放的弧线6 第7章 绘图基础7.2.1 直线段工具组7.2 常用的绘图工具-绘制顺时针或逆时针的螺旋线“半径”用来设定中心到螺旋线最外点的距离。“衰减”用来设定螺旋线的每一螺旋线相对于上一螺旋线应减少的量“段数”用来制定螺旋线具有的总的线段数，螺旋线的每个完整螺旋由4条线段组成。7 第7章 绘图基础7.2.1 直线段工具组7.2 常用的绘图工具-8 第7章 绘图基础7.2.1 直线段工具组7.2 常用的绘图工具-9 第7章 绘图基础7.2.2 矩形工具组7.2 常用的绘图工具-按下【ALT】 键拖动鼠标，即可绘制出以鼠

3、标单击点为中心的图形，按下【Shift】键拖动鼠标，绘制正方形、正圆形等。用法和PS相同10 第7章 绘图基础7.2.2 矩形工具组7.2 常用的绘图工具-在绘制圆角矩形时，按向右箭头，可绘制枕形，即实现最大的圆角半径按向上向下箭头，可以更改圆角半径。11 第7章 绘图基础7.2.2 矩形工具组7.2 常用的绘图工具-在绘制多边形或星形时，按向上或向下箭头，可以增加或减少边或者角在绘制的同时，按下Ctrl，则可以改变星形的凹凸程度。12 第7章 绘图基础7.2.2 矩形工具组7.2 常用的绘图工具-绘制出类似于镜头光晕的效果13 第7章 绘图基础7.2.2 矩形工具组7.2 常用的绘图工具-要

4、看光晕的效果，一定要加底图或底色14 第7章 绘图基础7.2.3 铅笔工具组7.2 常用的绘图工具-保真度：用来控制路径添加新锚点前移动鼠标或光笔的最远距离。保持选定：选择该项时，可以在绘制完路径以后，仍使路径保持选择状态，否则绘制好的路径就不会被选择。编辑选择路径：选择该选项时，使用铅笔工具可以更改现有路径。范围：数值在020，来决定当用铅笔编辑路径时，必须使鼠标与路径达到多近的距离。15 第7章 绘图基础7.2.3 铅笔工具组7.2 常用的绘图工具-铅笔绘制16 第7章 绘图基础7.2.3 铅笔工具组7.2 常用的绘图工具-对路径进行平滑处理路径橡皮擦工具17 第7章 绘图基础7.3 颜色

5、填充和描边7.3 颜色填充和描边-设置颜色的三种方法18 第7章 绘图基础7.3 颜色填充和描边7.3 颜色填充和描边-编辑渐变色怎样编辑色标的颜色？19 第7章 绘图基础7.3 颜色填充和描边7.3 颜色填充和描边-编辑渐变色方法1：双击色标，在出现的色板中设置颜色方法2：把色板中的某个颜色，拖放到渐变色带上20 第7章 绘图基础7.3 颜色填充和描边7.3 颜色填充和描边-编辑渐变色方法3：双击色标，在调色板中精确设置颜色21 第7章 绘图基础描边7.3 颜色填充和描边-怎样定义虚线？22 第7章 绘图基础7.4 图形对象的编辑-7.4.1 选择和移动对象7.4 图形对象的编辑-怎样给冰棒

6、的奶油设置同样颜色？23 第7章 绘图基础7.4 图形对象的编辑-7.4.1 选择和移动对象7.4 图形对象的编辑-如果对象很多，如何选择被遮挡的对象？怎样选择一个层中所有的对象？24 第7章 绘图基础7.4 图形对象的编辑-7.4.1 选择和移动对象7.4 图形对象的编辑-调整对象呈现的上下次序25 第7章 绘图基础7.4.2 修改图形的形状7.4 图形对象的编辑-选择锚点移动图形选择并移动一个或多个锚点26 第7章 绘图基础7.4.2 修改图形的形状7.4 图形对象的编辑-调整锚点的位置和曲率选择并移动一个或多个锚点调整曲率27 第7章 绘图基础7.4.2 修改图形的形状7.4 图形对象的

7、编辑-曲线的断开与连接剪刀工具，切割路径。一定要在路径上单击28 第7章 绘图基础7.4.2 修改图形的形状7.4 图形对象的编辑-曲线的断开与连接刻刀工具，切割封闭的曲线区域。通常从区域外面“下刀”29 第7章 绘图基础7.4.2 修改图形的形状7.4 图形对象的编辑-利用直接选择工具及工具菜单来分割、连接曲线首先，要选择某个或某几个锚点30 第7章 绘图基础7.4.2 修改图形的形状7.4 图形对象的编辑-拆分矩形重新连接31 第7章 绘图基础实例1 绘制卡通女孩7.4 图形对象的编辑-导入位图描图填色32 第7章 绘图基础实例1 绘制卡通女孩7.4 图形对象的编辑-选中“链接”，则图片和

8、Illustrator源文件之间是一种链接的关系，图片并没有真正插入到源文件中。如果要移动源文件，则一定要连同链接的文件一起移动。比如制作画册时，插入的图片较多，要采用“链接”，否则文件运行会很慢。如果只插入一两张图片，不需要“链接”。33 第7章 绘图基础7.5 画笔绘图7.5 画笔绘图-普通的线条描边往往只有颜色、粗细、虚实画笔工具能够使得线条具有一定的装饰效果。34 第7章 绘图基础7.5 画笔绘图7.5 画笔绘图-画笔工具能够使得线条具有一定的装饰效果。35 第7章 绘图基础7.5 画笔绘图7.5 画笔绘图-设置“画笔”工具的参数默认的心形画笔样式36 第7章 绘图基础7.5 画笔绘图

9、7.5 画笔绘图-调整心形画笔的参数37 第7章 绘图基础7.6 定义图案7.6 定义图案-用图案来填充闭合的区域定义好的图案，都在图案色板中。38 第7章 绘图基础7.6 定义图案7.6 定义图案-找到最原始的图案，实现填充效果的无缝拼贴右图的原始图案，你还能想到哪一种？39 第7章 绘图基础7.6 定义图案7.6 定义图案-带有矩形边框的图案设计必须把所有的对象都调整到背景边框以内。然后全选所有的图形，然后用选择工具 选中组合好的图形，拖动到【色板】中40 第7章 绘图基础7.6 定义图案7.6 定义图案-不规则图形的图案设计首先要明确图案的组成。然后绘制一个矩形，无填充，无描边，并且把它

10、置于图层面板中所有对象的后面(【Shift】+【Ctrl】+【】)。 这个无填充无描边的矩形，所有对象的后面，它就定义了图案的边框。然后选中图形组合和无填充无描边矩形，用选择工具拖动到【色板】中41 第7章 绘图基础7.6 定义图案7.6 定义图案-删除色板中的图案样式先选中某个图案，再删除。42 第7章 绘图基础实例2 图案设计7.6 定义图案-43 第7章 绘图基础实例2 图案设计7.6 定义图案-44 第7章 绘图基础实例2 图案设计7.6 定义图案-选中“变换图案”，则用 拖动时，外边框和填充图案的大小同时发生改变不选中，则只会改变外边框的尺寸。45 第7章 绘图基础实例2 图案设计7

11、.6 定义图案-思考：这三个图形的图案，是怎么变换得到的？46 第7章 绘图基础实例2 图案设计7.6 定义图案-思考: 能否使用重复变换（ctrl+D），实现下图的效果？47 第7章 绘图基础实例2 图案设计7.6 定义图案-思考: 如何找到本图案的单位图形？48 第7章 绘图基础实例2 图案设计7.6 定义图案-回顾定义不规则图案的方法这个矩形，是什么？有什么作用？49 第7章 绘图基础7.7 图形的变形与修整7.7 图形的变形与修整-50 第7章 绘图基础实例3 设计组合图形7.7 图形的变形与修整-制作思路：绘制并填充椭圆，旋转并复制椭圆，重复复制，修整路径。知识技能：旋转并复制图形，

12、重复复制，路径的修整。51 第7章 绘图基础旋转并复制椭圆7.7 图形的变形与修整-设置变形的中心点椭圆围绕此中心点旋转并复制52 第7章 绘图基础重复复制图形 ctrl+D7.7 图形的变形与修整-Ctrl+D，重复变形53 第7章 绘图基础路径查找器“差集”运算7.7 图形的变形与修整-54 第7章 绘图基础图案定制与填充7.7 图形的变形与修整-55 第7章 绘图基础7.7 图形的变形与修整-如果图形的变形中心点在圆心，则56 第7章 绘图基础花朵的两种做法7.7 图形的变形与修整-57 第7章 绘图基础7.8 路径文字7.8 路径文字-创建文字的3种方法：1.从某一点输入文字（即为点文

13、字）2.插入文字到指定区域（即区域文字或段落文字）3.沿路径创建文字（即为路径文字）58 第7章 绘图基础创建“轮廓”7.8 路径文字-如果使用了特殊字体，为了保证字体能准确再现，可以右击字体，选择【创建轮廓】命令，把文字变为曲线图形。即使在其他的计算机上没有安装当前的字体，也能准确显示出来。文字转换成曲线后将不再具有任何文本属性，与一般的曲线图形一样，而且不能再将其转换为文字。所以在使用该命令之前，一定要先设置好所有的文本属性。59 第7章 绘图基础7.8.2 区域文字7.8 路径文字-区域文字，是指利用对象的边界来控制字符排列。当文本触及边界时，会自动换行。区域文字适用于文字数量较多的情况

14、，60 第7章 绘图基础7.8.2 区域文字7.8 路径文字-区域文字，原有的闭合图形变为了文字的区域边框，变成了无填充无描边的路径横排区域文字直排区域文字61 第7章 绘图基础7.8.2 区域文字7.8 路径文字-区域文字的溢出和串接62 第7章 绘图基础7.8.3 路径文字7.8 路径文字-路径文字，是指沿着开放或封闭的路径排列的文字。当改变路径时，沿路径排列的文字也会随之改变。横排路径文字，文字基线与路径平行直排路径文字，文字基线与路径垂直文字的基线63 第7章 绘图基础实例4 设计心形文字制作思路：绘制心形，在心形区域中输入文字，沿着心形输入路径文字，创建部分描边路径。64 第7章 绘

15、图基础实例4 设计心形文字绘制心形，在心形中创建区域文字多复制几个心形路径，放到一边，备用！65 第7章 绘图基础实例4 设计心形文字在文字下方添加粉色心形背景色粉色的心形哪里来？66 第7章 绘图基础实例4 设计心形文字创建最外层的心形路径，并写文字最外层的心形哪里来？67 第7章 绘图基础创建最外层的心形路径，并写文字最外层的心形哪里来？实例4 设计心形文字68 第7章 绘图基础实例4 设计心形文字69 第7章 绘图基础实例5 设计“隆重开业”文字制作思路：创建点文字，倾斜变形，把文字改变为曲线，修改笔划，创建黑色和白色描边。70 第7章 绘图基础实例5 设计“隆重开业”文字创建倾斜变形的

16、文字71 第7章 绘图基础实例5 设计“隆重开业”文字把文字创建轮廓，变为曲线72 第7章 绘图基础实例5 设计“隆重开业”文字调整文字轮廓的形状，合并所有的文字路径成为一个整体合并路径73 第7章 绘图基础实例5 设计“隆重开业”文字偏移路径，填充白色，制作白色的底。偏移及时复制几个原始的“隆重开业”很重要！74 第7章 绘图基础实例5 设计“隆重开业”文字制作黄色字，黑色边，放到白底上。75 第7章 绘图基础实例5 设计“隆重开业”文字也可以描边两次第一次是较粗的黑色，第二次是较细的白色76 第7章 绘图基础7.9 符号的应用7.9 符号的应用-符号是在文件中可以重复使用的对象。可以方便、

17、快捷地生成很多相似的图形实例。不再需要一个一个的复制，减小了设计文件的大小。符号集是一组使用符号喷枪工具 创建的符号实例，每个符号实例都与【符号】面板或符号库中的符号链接在一起。77 第7章 绘图基础创建符号7.9 符号的应用-绘制一个图形， 并选中，拖动到符号面板中78 第7章 绘图基础编辑符号7.9 符号的应用-在【符号】面板中，双击需要修改的符号。79 第7章 绘图基础替换符号7.9 符号的应用-80 第7章 绘图基础断开符号链接7.9 符号的应用-断开链接，则符号实例变成了普通图形的集合。可以取消组合，修改颜色等属性。81 第7章 绘图基础实例6 绘制田园风光矢量图7.9 符号的应用-

18、绘制天空，草地，散布的花朵，小房子，小羊82 第7章 绘图基础7.10 AI和PS的相互调用7.10 AI和PS的相互调用-PhotoShop的优势在于位图图像的设计与处理 Illustrator的优势在于图形绘制、文字设计、排版首先根据设计的需要使用PhotoShop处理图片，图片的颜色、尺寸、外观样式（方形图、褪底图、边框图等），采用恰当的分辨率和色彩模式，保存成一定的文件格式。普通印刷用300的分辨率，CMYK模式，TIF文件格式屏幕输出用96的分辨率，RGB模式，JPG文件格式接下来打开Illustrator，导入做好的位图，输入文字，添加线条，排版等，然后输出为PDF文件。83 第7

19、章 绘图基础在AI中置入位图【文件】|【置入】 “置入”位图分为“链接”文件和“嵌入”文件两种形式。“链接”：图片和Illustrator源文件之间是一种链接的关系，图片并没有真正插入到源文件中。如果要移动源文件，则一定要连同链接的文件一起移动。比如制作画册时，插入的图片较多，要采用“链接”，否则文件运行会很慢。“嵌入”：要取消“链接”选项前面的 例如在制作宣传单页时，只需要一两张位图，则使用嵌入即可。7.10 AI和PS的相互调用-84 第7章 绘图基础把AI中绘制的矢量图保存成位图保存AI绘制的各种水彩画笔效果、手绘效果等，为PS所用7.10 AI和PS的相互调用-【文件】|【导出】85 第7章 绘图基础把AI中绘制的矢量图保存成位图保存AI绘制的各种水彩画笔效果、手绘效果等，为PS所用7.10 AI和PS的相互调用-【文件】|【导出】86 第7章 绘图基础实例7 旅游宣传单87 第7章 绘图基础实例7 旅游宣传单-透视文字创建文字轮廓一定要把文字变为曲线，才能使用“透视选区工具”88 第7章 绘图基础实例7 旅游宣传单-3D文字文字，一定不能有描边【效果】|【3D】|【凸出和斜角】ENDThank you