《平面设计经典实例教程第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,