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

《平面设计经典实例教程第7章 AI绘图课件.pptx》由会员分享，可在线阅读，更多相关《平面设计经典实例教程第7章 AI绘图课件.pptx（89页珍藏版）》请在三一办公上搜索。

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的调用,7.1 文件的新建和保存、页面修改,【文件】|【新建】,修改文件的尺寸，出血值，采用【文件】|【文档设置】,7.1 文件的新建和保存、页面修改,横版和竖版的转换，在【画板选项】,7.2.1 直线段工具组,选中工具，在绘图区中单击，则会弹出该工具选项面板，可以精确设置工具的绘图参数。,7.2 常用的绘图工具-,7.2.1 直线段工具组,7.2 常用的绘图工具-

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

3、组,7.2 常用的绘图工具-,在绘制圆角矩形时，按向右箭头，可绘制枕形，即实现最大的圆角半径,按向上向下箭头，可以更改圆角半径。,7.2.2 矩形工具组,7.2 常用的绘图工具-,在绘制多边形或星形时，按向上或向下箭头，可以增加或减少边或者角,在绘制的同时，按下Ctrl，则可以改变星形的凹凸程度。,7.2.2 矩形工具组,7.2 常用的绘图工具-,绘制出类似于镜头光晕的效果,7.2.2 矩形工具组,7.2 常用的绘图工具-,要看光晕的效果，一定要加底图或底色,7.2.3 铅笔工具组,7.2 常用的绘图工具-,保真度：用来控制路径添加新锚点前移动鼠标或光笔的最远距离。保持选定：选择该项时，可以在

4、绘制完路径以后，仍使路径保持选择状态，否则绘制好的路径就不会被选择。编辑选择路径：选择该选项时，使用铅笔工具可以更改现有路径。范围：数值在020，来决定当用铅笔编辑路径时，必须使鼠标与路径达到多近的距离。,7.2.3 铅笔工具组,7.2 常用的绘图工具-,铅笔绘制,7.2.3 铅笔工具组,7.2 常用的绘图工具-,对路径进行平滑处理,路径橡皮擦工具,7.3 颜色填充和描边,7.3 颜色填充和描边-,设置颜色的三种方法,7.3 颜色填充和描边,7.3 颜色填充和描边-,编辑渐变色,怎样编辑色标的颜色？,7.3 颜色填充和描边,7.3 颜色填充和描边-,编辑渐变色,方法1：双击色标，在出现的色板中

5、设置颜色,方法2：把色板中的某个颜色，拖放到渐变色带上,7.3 颜色填充和描边,7.3 颜色填充和描边-,编辑渐变色,方法3：双击色标，在调色板中精确设置颜色,描边,7.3 颜色填充和描边-,怎样定义虚线？,7.4 图形对象的编辑-7.4.1 选择和移动对象,7.4 图形对象的编辑-,怎样给冰棒的奶油设置同样颜色？,7.4 图形对象的编辑-7.4.1 选择和移动对象,7.4 图形对象的编辑-,如果对象很多，如何选择被遮挡的对象？,怎样选择一个层中所有的对象？,7.4 图形对象的编辑-7.4.1 选择和移动对象,7.4 图形对象的编辑-,调整对象呈现的上下次序,7.4.2 修改图形的形状,7.4

6、 图形对象的编辑-,选择锚点,移动图形,选择并移动一个或多个锚点,7.4.2 修改图形的形状,7.4 图形对象的编辑-,调整锚点的位置和曲率,选择并移动一个或多个锚点,调整曲率,7.4.2 修改图形的形状,7.4 图形对象的编辑-,曲线的断开与连接,剪刀工具，切割路径。一定要在路径上单击,7.4.2 修改图形的形状,7.4 图形对象的编辑-,曲线的断开与连接,刻刀工具，切割封闭的曲线区域。通常从区域外面“下刀”,7.4.2 修改图形的形状,7.4 图形对象的编辑-,利用直接选择工具及工具菜单来分割、连接曲线首先，要选择某个或某几个锚点,7.4.2 修改图形的形状,7.4 图形对象的编辑-,拆分

7、矩形,重新连接,实例1 绘制卡通女孩,7.4 图形对象的编辑-,导入位图,描图,填色,实例1 绘制卡通女孩,7.4 图形对象的编辑-,选中“链接”，则图片和Illustrator源文件之间是一种链接的关系，图片并没有真正插入到源文件中。如果要移动源文件，则一定要连同链接的文件一起移动。比如制作画册时，插入的图片较多，要采用“链接”，否则文件运行会很慢。如果只插入一两张图片，不需要“链接”。,7.5 画笔绘图,7.5 画笔绘图-,普通的线条描边往往只有颜色、粗细、虚实画笔工具能够使得线条具有一定的装饰效果。,7.5 画笔绘图,7.5 画笔绘图-,画笔工具能够使得线条具有一定的装饰效果。,7.5

8、画笔绘图,7.5 画笔绘图-,设置“画笔”工具的参数,默认的心形画笔样式,7.5 画笔绘图,7.5 画笔绘图-,调整心形画笔的参数,7.6 定义图案,7.6 定义图案-,用图案来填充闭合的区域,定义好的图案，都在图案色板中。,7.6 定义图案,7.6 定义图案-,找到最原始的图案，实现填充效果的无缝拼贴,右图的原始图案，你还能想到哪一种？,7.6 定义图案,7.6 定义图案-,带有矩形边框的图案设计,必须把所有的对象都调整到背景边框以内。然后全选所有的图形，然后用选择工具 选中组合好的图形，拖动到【色板】中,7.6 定义图案,7.6 定义图案-,不规则图形的图案设计,首先要明确图案的组成。然后

9、绘制一个矩形，无填充，无描边，并且把它置于图层面板中所有对象的后面(【Shift】+【Ctrl】+【】)。 这个无填充无描边的矩形，所有对象的后面，它就定义了图案的边框。然后选中图形组合和无填充无描边矩形，用选择工具拖动到【色板】中,7.6 定义图案,7.6 定义图案-,删除色板中的图案样式,先选中某个图案，再删除。,实例2 图案设计,7.6 定义图案-,实例2 图案设计,7.6 定义图案-,实例2 图案设计,7.6 定义图案-,选中“变换图案”，则用 拖动时，外边框和填充图案的大小同时发生改变不选中，则只会改变外边框的尺寸。,实例2 图案设计,7.6 定义图案-,思考：这三个图形的图案，是怎

10、么变换得到的？,实例2 图案设计,7.6 定义图案-,思考: 能否使用重复变换（ctrl+D），实现下图的效果？,实例2 图案设计,7.6 定义图案-,思考: 如何找到本图案的单位图形？,实例2 图案设计,7.6 定义图案-,回顾定义不规则图案的方法,这个矩形，是什么？有什么作用？,7.7 图形的变形与修整,7.7 图形的变形与修整-,实例3 设计组合图形,7.7 图形的变形与修整-,制作思路：绘制并填充椭圆，旋转并复制椭圆，重复复制，修整路径。知识技能：旋转并复制图形，重复复制，路径的修整。,旋转并复制椭圆,7.7 图形的变形与修整-,设置变形的中心点,椭圆围绕此中心点旋转并复制,重复复制图

11、形 ctrl+D,7.7 图形的变形与修整-,Ctrl+D，重复变形,路径查找器“差集”运算,7.7 图形的变形与修整-,图案定制与填充,7.7 图形的变形与修整-,7.7 图形的变形与修整-,如果图形的变形中心点在圆心，则,花朵的两种做法,7.7 图形的变形与修整-,7.8 路径文字,7.8 路径文字-,创建文字的3种方法：1.从某一点输入文字（即为点文字）2.插入文字到指定区域（即区域文字或段落文字）3.沿路径创建文字（即为路径文字）,创建“轮廓”,7.8 路径文字-,如果使用了特殊字体，为了保证字体能准确再现，可以右击字体，选择【创建轮廓】命令，把文字变为曲线图形。即使在其他的计算机上没

12、有安装当前的字体，也能准确显示出来。文字转换成曲线后将不再具有任何文本属性，与一般的曲线图形一样，而且不能再将其转换为文字。所以在使用该命令之前，一定要先设置好所有的文本属性。,7.8.2 区域文字,7.8 路径文字-,区域文字，是指利用对象的边界来控制字符排列。当文本触及边界时，会自动换行。区域文字适用于文字数量较多的情况，,7.8.2 区域文字,7.8 路径文字-,区域文字，原有的闭合图形变为了文字的区域边框，变成了无填充无描边的路径,横排区域文字,直排区域文字,7.8.2 区域文字,7.8 路径文字-,区域文字的溢出和串接,7.8.3 路径文字,7.8 路径文字-,路径文字，是指沿着开放

13、或封闭的路径排列的文字。当改变路径时，沿路径排列的文字也会随之改变。,横排路径文字，文字基线与路径平行,直排路径文字，文字基线与路径垂直,文字的基线,实例4 设计心形文字,制作思路：绘制心形，在心形区域中输入文字，沿着心形输入路径文字，创建部分描边路径。,实例4 设计心形文字,绘制心形，在心形中创建区域文字,多复制几个心形路径，放到一边，备用！,实例4 设计心形文字,在文字下方添加粉色心形背景色,粉色的心形哪里来？,实例4 设计心形文字,创建最外层的心形路径，并写文字,最外层的心形哪里来？,创建最外层的心形路径，并写文字,最外层的心形哪里来？,实例4 设计心形文字,实例4 设计心形文字,实例5

14、 设计“隆重开业”文字,制作思路：创建点文字，倾斜变形，把文字改变为曲线，修改笔划，创建黑色和白色描边。,实例5 设计“隆重开业”文字,创建倾斜变形的文字,实例5 设计“隆重开业”文字,把文字创建轮廓，变为曲线,实例5 设计“隆重开业”文字,调整文字轮廓的形状，合并所有的文字路径成为一个整体,合并路径,实例5 设计“隆重开业”文字,偏移路径，填充白色，制作白色的底。,偏移及时复制几个原始的“隆重开业”很重要！,实例5 设计“隆重开业”文字,制作黄色字，黑色边，放到白底上。,实例5 设计“隆重开业”文字,也可以描边两次第一次是较粗的黑色，第二次是较细的白色,7.9 符号的应用,7.9 符号的应用

15、-,符号是在文件中可以重复使用的对象。可以方便、快捷地生成很多相似的图形实例。不再需要一个一个的复制，减小了设计文件的大小。,符号集是一组使用符号喷枪工具 创建的符号实例，每个符号实例都与【符号】面板或符号库中的符号链接在一起。,创建符号,7.9 符号的应用-,绘制一个图形， 并选中，拖动到符号面板中,编辑符号,7.9 符号的应用-,在【符号】面板中，双击需要修改的符号。,替换符号,7.9 符号的应用-,断开符号链接,7.9 符号的应用-,断开链接，则符号实例变成了普通图形的集合。可以取消组合，修改颜色等属性。,实例6 绘制田园风光矢量图,7.9 符号的应用-,绘制天空，草地，散布的花朵，小房

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

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