NO5设置填充与描边电子课件Illustrator平面设计案例教程.ppt
《NO5设置填充与描边电子课件Illustrator平面设计案例教程.ppt》由会员分享,可在线阅读,更多相关《NO5设置填充与描边电子课件Illustrator平面设计案例教程.ppt(148页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、Illustrator CS6图形图像处理案例教程第五章 设置填充与描边目 录ONTENTS5 5.1.1 案例任务 案例任务5 5.2 2 案例解析 案例解析5 5.3 3 相关知识 相关知识5 5.4 4 案例实现 案例实现5 5.5 5 案例总结 案例总结5 5.6 6 技能实训 技能实训5.1案例任务下面将带领读者一起来制作一个关于滑雪镜的海报设计。这是滑雪镜厂家为了提升企业形象,进而提高销售量而要求制作的。台球小插画样例5.2案例解析 解题思路 5.2.1使用【钢笔工具】绘制出不同透视效果的滑雪镜图形,并在【渐变】调板中为图形添加渐变填充效果,使绘制的滑雪镜图形呈现立体效果。通过【置
2、入】命令置入位图图像,调整图像大小与位置,然后复制滑雪镜图形,并在【透明度】调板中为图形添加透明效果,为滑雪镜制作倒影效果,最后使用【文字工具】为页面添加相关文字信息及装饰图形,完成该实例的绘制。5.2案例解析 难点剖析 5.2.2 使用【渐变】调板设置不同的渐变效果。通过【透明度】调板控制图形的透明度变化。使用【钢笔工具】绘制滑雪镜图形。5.3相关知识在Illustrator中,为图形添加填充和描边是一个非常重要的操作过程,涉及到颜色模式、颜色填充、描边、渐变、图案、符号等知识。5.3相关知识 颜色基础5.3.1对于整个艺术造型来讲,颜色是最重要的组成部分,可使设计和绘制的美术作品更具表现力
3、和艺术性。丰富多彩的颜色存在着一定的差异,如果需要精确地划分色彩之间的区别,就要用到颜色模式了。5.3相关知识所谓的色彩模式,是将色彩表示成数据的一种方法。在图形设计领域里,统一把色彩模式用数值表示。简单一点说,就是把色彩中的颜色分成几个基本的颜色组件,然后根据组件的不同,而定义出各种不同的颜色。同时,对颜色组件不同的归类,就形成了不同的色彩模式。5.3相关知识Illustrator CS6支持很多种色彩模式,其中包括RGB模式、HSB模式、CMYK模式和灰度模式。在Illustrator CS6中,最常用的是CMYK模式和RGB模式,其中CMYK是默认的色彩模式。5.3相关知识在HSB模式中
4、,H(Hue)代表色相,S(Saturation)代表饱和度,B(Brightness)代表亮度。HSB模式是以人们对颜色的感觉为基础,描述了颜色的三种基本特性。1.HSB模式HSB颜色模型5.3相关知识色相是从物体反射或透过物体传送的颜色。在0到360度的标准色轮上,可按位置度量色相。通常情况下,色相是以颜色的名称来识别的,如红、黄、绿色等。饱和度也称彩度,它指的是色彩的强度和纯度。饱和度是色相中灰度所占的比例,用0%的灰色到100%完全饱和度的百分比来测量。在标准色轮上,饱和度是从中心到边缘逐渐递减的,饱和度越高就越靠近色环的外围,越低就越靠近中心。明度是指颜色相对的亮度和暗度,通常情况下
5、,也是按照0%黑色到100%的白色的百分比来度量的。5.3相关知识由于人的眼睛在分辨颜色时,不会把色光分解成单色;而是按照它的色度、饱和度和亮度来判断的。所以,HSB模式相对于RGB模式和CMYK模式更直观、更接近人的视觉原理。5.3相关知识2.RGB模式RGB模式是最基本、使用最广泛的一种色彩模式。绝大多数可视性光谱,都是通过红色、绿色和蓝色这三种色光的不同比例和强度的混合来表示的。5.3相关知识在RGB模式中,R(Red)代表红色,G(Green)代表绿色,而B(Blue)则代表蓝色。在这三种颜色的重叠处可以产生青色、洋红、黄色和白色。每一种颜色都有256种不同的亮度值,也就是说,从理论上
6、讲RGB模式就有256256256共约1600万多种颜色,这就是常常听到的“真彩色”一词的来源。5.3相关知识RGB颜色模型5.3相关知识由于RGB模式是由红、绿、蓝三种基本的颜色混合而产生各种颜色的,所以也称它为加色模式。当RGB的三种色彩的数值均为最小值0时,就会生成白色;当三种色彩的数值均为最大值255时,就生成了黑色。而当这三个值为其他时,所生成的颜色则介于这两种颜色之间。5.3相关知识3.CMYK模式CMYK模式为一种减色模式,也是Illustrator CS6默认下的色彩模式。在CMYK模式中,C(Cyan)代表青色,M(Magenta)代表洋红色,Y(Yellow)代表黄色,K(
7、Black)代表黑色。CMYK模式通过反射某些颜色的光并吸收另外颜色的光,而产生各种不同的颜色。在RGB模式中,由于字母B代表了蓝色,为了不与之相混淆,所以,在单词Black中使用字母K代表黑色。5.3相关知识CMYK颜色模型5.3相关知识CMYK模式以打印在纸上油墨的光线吸收特性为基础,当白光照射到半透明的油墨上时,色谱中的一部分颜色被吸收,而另一部分则反射到了人的眼睛里。由于所有打印的油墨中都含有一定的杂质,因此这三种油墨则产生了土灰色。所以,只有与黑色油墨合成才能生成真正的黑色,这些油墨混合重现颜色的过程就称之为四色印刷。5.3相关知识设置CMYK模式中各种颜色的参数值,可以改变印刷的效
8、果。在CMYK模式中,每一种印刷油墨都有0%到100%百分比值。最亮颜色指定的印刷油墨颜色百分比较低,而较暗颜色指定的百分比较低。例如,一个亮红色可能包括2%青色、93%的洋红色、90%的黄色和0%的黑色。在CMYK的印刷对象中,百分比较低的油墨将产生一种接近白色的颜色,而百分比较高的油墨将产生接近黑色的颜色。5.3相关知识灰度模式中只存在颜色的灰度,而没有色度、饱和度等彩色的信息。灰度模式可以使用256种不同浓度的灰度级,灰度值也可以使用0%白色到100%的黑色的百分比来度量。使用黑白或灰度扫描仪生成的图像通常以灰度模式显示。4.灰度模式5.3相关知识在灰度模式中,可以将彩色的图形转换为高品
9、质的灰度图形。在这种情况下,Illustrator会放弃原有图形的所有彩色信息,转换后的图形的色度表示原图形的亮度。当从灰度模式向RGB模式转换时,图形的颜色值取决于其转换图形的灰度值。灰度图形也可转换为CMYK图形。5.3相关知识色域是颜色系统中可以显示或打印的颜色范围,人眼看到的色谱比任何颜色模式中的色域都宽。通常,对于可在计算机或电视机屏幕上(红、绿和蓝光)显示的颜色,RGB色域包括这些颜色的子集,所以,无法在显示器上精确地显示。如纯青色或纯黄色。CMYK的色域较窄,仅仅包含了使用油墨色打印的颜色范围。当在屏幕中无法显示出打印颜色时,这些颜色可能到了打印的CMYK色域外,此情况称之为溢色
10、。5.色域5.3相关知识通过给图形加上不同的颜色,会产生不同的视觉效果。可以通过使用Illustrator中的各种工具、调板和对话框为图形选择颜色。颜色填充5.3.25.3相关知识1.【颜色】调板可以利用【颜色】调板设置填充颜色和描边颜色。从【颜色】调板菜单中可以创建当前填充颜色或描边颜色的反色和补色,还可以为选定颜色创建一个色板。选择【窗口】|【颜色】命令,弹出【颜色】调板,单击【颜色】调板右上角的三角形按钮,在弹出菜单中选择当前取色时使用的颜色模式,可使用不同颜色模式显示颜色值。5.3相关知识【颜色】调板5.3相关知识当选择HSB或RGB模式调制颜色时,有时会在【颜色】调板中出现标记,表示
11、所调制的颜色不能用CMYK油墨打印,此时在该标记旁边会显示一种最接近的替换色,单击CMYK替换色就可以替换不可打印的颜色。5.3相关知识【颜色】调板上的按钮用来进行填充颜色和描边颜色之间的互相切换,与工具箱中按钮的操作方法相同,单击填充色按钮,可以在右侧颜色设置区域设置填充色;单击描边按钮,可以在右侧颜色设置区域设置描边色。将光标移动到调板底部的色带上,光标变为吸管形状,单击可以选取颜色。拖动【颜色】调板各个颜色滑块或在各个数值框中输入颜色值,可以设置出更精确的颜色。5.3相关知识更改图形的描边颜色,操作步骤如下:(1)选中需要更改颜色的图形。选中图形5.3相关知识(2)在【颜色】调板中单击填
12、充色按钮,设置颜色为白色。设置颜色为白色5.3相关知识(3)单击描边色按钮,移动鼠标到调板底部的色带上单击,选中红色区域,然后在颜色参数设置区域设置数值,得到深红色。设置描边色5.3相关知识2.【色板】调板从【色板】调板也可以选择颜色,选择【窗口】|【色板】命令,弹出【色板】调板,【色板】调板提供了多种颜色、渐变和图案,并且可以添加并存储自定义的颜色、渐变和图案。【色板】调板5.3相关知识色板库是预设颜色的集合,选择【窗口】|【色板库】命令或单击【色板库菜单】按钮,可以打开色板库。打开一个色板库时,该色板库将显示在新调板中。选择【窗口】|【色板库】|【其他库】命令,在弹出的对话框中可以将其他文
13、件中的色板样本、渐变样本和图案样本导入【色板】调板中。5.3相关知识单击【显示“色板类型”菜单】按钮,并选择一个命令。选择【显示所有色板】命令,可以使所有的样本显示出来;选择【显示颜色色板】命令,仅显示颜色样本;选择【显示渐变色板】命令,仅显示渐变样本;选择【显示图案色板】命令,仅显示图案样本;选择【显示颜色组】命令,仅显示颜色组。双击【色板】调板中的颜色缩略图会弹出【色板选项】对话框,可以设置其颜色属性,如下图所示。5.3相关知识【色板选项】对话框5.3相关知识在【颜色】调板或【渐变】调板中设置颜色或渐变色后,将其拖动至【色板】调板中,可以在【色板】调板中生成新的颜色。5.3相关知识3.吸管
14、工具在Illustrator CS6软件中,应用【吸管工具】可以吸取颜色,还可以用来吸取对象的属性,即利用【吸管工具】将一个对象的属性按照另外一个对象的属性进行更新,操作步骤如下。5.3相关知识(1)选取需要更新属性的对象。选中对象5.3相关知识(2)在工具箱中选择【吸管工具】,将光标移动到要复制属性的对象上单击,则选择对象会按此对象的属性自动更新。吸取单击对象的属性5.3相关知识利用【吸管工具】除了可以更新图形对象的属性外,还可以将选择的文本对象按照其他文本对象的属性进行更新,其操作与更新图形属性的方法相同。5.3相关知识除了单色的填充外,还可为对象填充渐变色,渐变填充是在同一个对象中,产生
15、一种颜色或多种颜色向另一种或多种颜色之间逐渐过渡的特殊效果。渐变填充5.3.3在Illustrator CS6中,创建渐变效果有两种方法,一种是使用工具箱中的【渐变工具】,另一种是使用【渐变】调板,设置选定对象的渐变颜色;还可以直接使用【样本】调板中的渐变样本。5.3相关知识如果需要精确地控制渐变颜色的属性,就需要使用【渐变】调板。选择【窗口】|【渐变】命令,弹出【渐变】调板。1.【渐变】调板【渐变】调板5.3相关知识在渐变条下方单击,可以添加一个色标,然后在【颜色】调板中调配颜色,可以改变添加的色标颜色,也可以按住【Alt】键复制色标。用鼠标按住色标不放并将其拖动到【渐变】调板外,可以直接删
16、除色标。5.3相关知识渐变颜色由渐变条中的一系列色标决定,色标是渐变从一种颜色到另一种颜色的转换点。可以选择【线性】或【径向】渐变类型;在【角度】参数栏中显示当前的渐变角度,重新输入数值后按【Enter】键可以改变渐变的角度;单击渐变条下方的渐变色标,在【位置】参数栏中显示出该色标的位置,拖动色标可以改变该色标的位置,如下图所示;调整渐变色标的中点(使两种色标各占50%的点),可以拖动位于渐变条上方的菱形图标,或选择图标并在【位置】参数栏中输入0100的值。5.3相关知识设置渐变5.3相关知识2.渐变类型 在【渐变】调板中,渐变类型分为:1)线性渐变2)径向渐变5.3相关知识选取图形后,在工具
17、箱中双击【渐变工具】或选择【窗口】|【渐变】命令,弹出【渐变】调板,为图形填充渐变颜色,在【类型】下拉列表中选择【线性】选项。可根据需要设置渐变的角度变化。1)线性渐变5.3相关知识线性渐变5.3相关知识2)径向渐变径向渐变创建的是类似圆形的渐变。下面是具体操作过程。5.3相关知识设置渐变(1)绘制一个圆,在【渐变】调板内的渐变类型下拉列表中选择【橙色,黄色】渐变。该下拉列表中是软件提供的一些预设渐变。5.3相关知识(2)在调板中的渐变条中,将中间的色标全部删除。改变渐变色5.3相关知识(3)在【类型】下拉列表中选择【径向】选项。设置渐变类型5.3相关知识(4)在工具箱中选择【渐变工具】,此时
18、图形变为下图所示的效果。在这种状态下,可以使用该工具在出现的渐变条上调整渐变颜色、渐变范围大小等属性。选择【渐变工具】后的效果5.3相关知识(5)使用【渐变工具】在渐变中心单击并拖动鼠标,调整渐变中心点的位置。调整渐变中心点5.3相关知识(6)将【渐变工具】移动到渐变条的右侧方块上单击并拖动鼠标,将渐变的范围扩大。扩大渐变范围5.3相关知识(7)在渐变条上的色标上双击鼠标,可以打开【颜色】调板,更改色标的颜色。更改色标颜色5.3相关知识除了【色板】调板中提供的渐变样式外,Illustrator CS6还提供了一些渐变库。选择【窗口】|【色板库】|【其他库】命令,弹出对话框,打开“色板渐变”文件
19、夹,在文件夹中可以选择不同的渐变库,选择好以后单击【打开】按钮即可。5.3相关知识图案填充可以使绘制的图形更加生动、形象,如下图所示。Illustrator CS6软件【色板】调板中提供了多种图案可供选择,只需选中对象,然后单击所需的图案样本即可。图案填充5.3.45.3相关知识在【色板】中选取图案样本5.3相关知识除了【色板】调板中提供的图案样式外,Illustrator还有自带的图案库。在调板左下角单击【“色板库”菜单】按钮,在弹出的菜单中选择【图案】命令,从其子菜单中可选择所需的子命令,打开对应的图案调板,如下图所示,选中图形后,直接在调板中单击图案样本即可将图案应用到图形中。5.3相关
20、知识【Vonster图案】调板5.3相关知识选择所绘制的基本图形,拖动至【色板】调板中,即可生成新的图案色板。5.3相关知识 渐变网格填充5.3.5渐变网格是将网格和渐变填充完美地结合在一起,可以对图形应用多个方向、多种颜色的渐变填充,使色彩渐变更加丰富、光滑。网格渐变5.3相关知识1.创建渐变网格 创建网格渐变的 方法分为:1)使用【网格工具】创建渐变网格2)使用【创建渐变网格】命令创建渐变网格5.3相关知识选取【钢笔工具】绘制的图形,然后选择【网格工具】,在图形中单击,将图形建立为渐变网格对象,此时图形中增加了横竖两条线交叉形成的网格。1)使用【网格工具】创建渐变网格5.3相关知识继续在图
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- NO5 设置 填充 电子 课件 Illustrator 平面设计 案例 教程
限制150内