项目三 卡通设计 课件

资源下载
  1. 二一教育资源

项目三 卡通设计 课件

资源简介

(共78张PPT)
任务 3 
任务 1
制作卡通机器人形象
任务 2 
制作卡通机器人表情
制作卡通机器人应用场景
项目三 卡通设计
任务1 制作卡通机器人形象
1. 掌握弧形工具的使用方法。
2. 掌握画板工具的使用方法。
3. 掌握“图层”面板中各按钮的用法,能修改图层名称,调整图层顺序。
4. 能根据设计要求,独立设计制作机器人卡通形象。
任务 1 制作卡通机器人形象
本任务是一个卡通设计实例,主要利用钢笔工具、直接选择工具、弧形工具、画板工具和“图层”面板等制作卡通机器人形象效果图,如图3-1-1 所示。要完成本任务,除了要熟练掌握钢笔工具、直接选择工具、弧形工具的用法外,还需要能熟练地使用“渐变”面板渐变填充对象。
图 3-1-1 卡通机器人形象效果图
任务 1 制作卡通机器人形象
一、认识图层和图层面板
1. 图层
图层用于管理组成设计图稿的所有对象,它类似于包含一个或多个对象的透明纸,每层透明纸上绘有不同的画面,层层叠加起来就构成一幅完美的图画。
任务 1 制作卡通机器人形象
新建文档后,执行“窗口”→“图层”命令或按“F7”键,打开“图层”面板,如图3-1-2 所示。用户在没有认识图层以前,所绘制的对象全部放置在默认的“图层1”中,使用“图层”面板后,绘制的对象能够以子图层的形式存放在“图层”面板中。这种分层技术方便了对象的管理,是矢量图形制作软件与位图图像处理软件的不同之处。
任务 1 制作卡通机器人形象
图 3-1-2 “图层”面板
2. 图层面板
双击“图层”面板中的“图层1”,可修改图层的名称。利用图层技术制作图形后的“图层”面板如图3-1-3 所示。
任务 1 制作卡通机器人形象
图 3-1-3 “图层”面板
“图层”面板中各按钮或选项的功能如下:
扩展箭头 :单击此按钮,可以展开或折叠图层。展开时按钮变为 ,显示图层中的所有项。
切换可视性 :图层显示与隐藏的切换按钮。显示此按钮表示该图层为显示状态,不显示此按钮表示该图层为隐藏状态。单击此按钮可进行显示与隐藏图层的切换。
任务 1 制作卡通机器人形象
锁定 :锁定图层按钮。有该图标的图层表示当前图层内容不可编辑。单击此按钮可解除图层锁定。
图层数量:显示图层个数。
收集以导出 :选定图层,单击此按钮可导出单个或者多个资源。
定位对象 :单击此按钮,可以选中所选对象所在的图层。
建立/ 释放剪切蒙版 :单击此按钮,可为当前图层建立或释放一个蒙版。
创建新子图层 :单击此按钮,将在当前图层下方添加一个子图层。
创建新图层 :单击此按钮,将在当前图层上方新建一个图层。
任务 1 制作卡通机器人形象
删除所选图层 :选定图层,单击此按钮可删除当前图层。直接拖动图层到此按钮上,也可删除图层。
图层名称:用于显示图层名称。
选择图层对象 :单击此按钮,选择图层中的对象。
当前选择图层 :表示此图层为正在编辑的图层。
子图层:用于显示子图层名称。
扩展按钮 :单击此按钮,打开图层扩展菜单。
任务 1 制作卡通机器人形象
二、图层图层的操作
图层的操作主要包括:新建图层、删除图层、复制图层、合并图层、调整图层顺序等。
任务 1 制作卡通机器人形象
1. 新建图层
在Illustrator 2021 中,新建的文档中包含一个默认的图层1。用户可根据需要创建新的图层,单击“图层”面板中的“创建新图层”按钮,或者单击“图层”面板上的扩展按钮,在扩展菜单中选择“新建图层”命令,都可以创建新图层。扩展菜单如图3-1-4 所示。
任务 1 制作卡通机器人形象
图 3-1-4 扩展菜单
新建图层后,“图层”面板如图3-1-5 所示。单击“图层”面板中的“创建新子图层”按钮,即可在当前图层之下创建一个空白的新子图层,如图3-1-6 所示。
任务 1 制作卡通机器人形象
图 3-1-5 “图层”面板
图 3-1-6 创建新子图层
2. 删除图层
选择要删除的图层,单击“图层”面板下方的“删除所选图层”按钮 ,或者将需要删除的图层拖曳到“图层”面板下方的“删除所选图层”按钮 钮上,均可删除所选图层,如图3-1-7 所示。也可以单击“图层”面板上的扩展按钮 ,在扩展菜单中选择“删除图层”命令来删除图层。
任务 1 制作卡通机器人形象
图 3-1-7 删除图层
3. 复制图层
在“图层”面板中,将需要复制的图层拖动到“创建新图层”按钮上 ,即可复制该图层,得到的图层将位于原图层之上,并在原图层名称之后加上“复制”二字,如图3-1-8 和图3-1-9 所示。也可以单击“图层”面板上的扩展按钮 ,在扩展菜单中选择“复制图层”命令来复制图层。
任务 1 制作卡通机器人形象
图 3-1-8 复制图层
图 3-1-9 复制后的图层
4. 合并图层
在“图层”面板中选中需要合并的图层,然后单击“图层”面板右上角的扩展按钮 ,在弹出的扩展菜单中选择“合并所选图层”命令,即可将所选图层合并到最后一次选择的图层中。或者在“图层”面板中按住“Ctrl”或“Shift”键的同时单击需要合并的图层,如图3-1-10 所示,然后在“图层”面板的扩展菜单中选择“合并所选图层”命令,即可合并图层,合并后的图层如图3-1-11 所示。
任务 1 制作卡通机器人形象
任务 1 制作卡通机器人形象
图 3-1-11 合并后的图层
图 3-1-10 选择合并图层
5. 调整图层顺序
在“图层”面板中选中要调整的图层,将其拖动到目的地即可完成图层顺序的调整。
任务 1 制作卡通机器人形象
三、画板工具
画板工具用于调整画板的大小。如果用户在设计过程中对画板的大小不够满意,可使用画板工具调整画板大小。单击工具箱中的“画板工具”按钮,在页面中即可显示“画板1”的调整控制框,如图3-1-12 所示。
任务 1 制作卡通机器人形象
图 3-1-12 画板调整控制框
用户可通过拖动边角的控制柄进行调整,也可以在控制栏中的“宽”和“高”选项中输入数值,还可以单击控制栏中的图3-1-12 画板调整控制框“画板选项”按钮来调整,如图3-1-13 所示。
任务 1 制作卡通机器人形象
图 3-1-13 控制栏
单击“画板选项”按钮,打开“画板选项”对话框,如图3-1-14 所示。用户可通过单击“预设”选项来选择适合的画板。如果“预设”选项不能满足用户的需求,可直接通过“宽度”“高度”选项来指定画板大小。
任务 1 制作卡通机器人形象
图 3-1-14 “画板选项”对话框
四、“画板”面板
执行“窗口”→“画板”命令,打开“画板”面板,如图3-1-15a 所示。当只有一个画板存在时,“画板”面板底部除了“新建画板”按钮外,其余的按钮都不可用。在页面中新建几个画板后,“画板”面板如图3-1-15b 所示。
任务 1 制作卡通机器人形象
图 3-1-15 “画板”面板
a)打开“画板”面板 b)“画板”面板
a) b)
“画板”面板的各按钮的功能如下:
上移:单击此按钮,将选中的画板上移一位。
下移:单击此按钮,将选中的画板下移一位。
新建画板:单击此按钮新建一个画板,新建的画板与当前选中的画板一样大。
删除画板:单击此按钮,删除选中的画板。
任务 1 制作卡通机器人形象
五、弧形工具
弧形工具用于绘制任意弧度的弧线段,也可以绘制特定尺寸与弧度的弧线段。
任务 1 制作卡通机器人形象
按住工具箱中的“直线段工具”按钮 ,可从弹出的工具组中选择弧形工具。单击“弧形工具”按钮,然后在需要绘制图形的地方单击,在弹出的“弧线段工具选项”对话框中,可对弧线X 轴、Y 轴长度以及斜率等进行相应的设置,单击“确定”按钮完成设置,即可得到精确尺寸的弧线,如图3-1-16 所示。
任务 1 制作卡通机器人形象
图 3-1-16 “弧线段工具选项”对话框
X 轴长度:在该文本框内输入数值,定义另一个端点在X 轴方向的距离。
Y 轴长度:在该文本框内输入数值,定义另一个端点在Y 轴方向的距离。
定位器:在定位器中单击不同的按钮,可以设置弧线端点的位置。
任务 1 制作卡通机器人形象
类型:用于定义绘制的弧线段是“开放”还是“闭合”的,默认为开放路径。
基线轴:用于定义绘制的弧线段基线轴为X 轴还是Y 轴。
斜率:通过拖动滑块或在右侧文本框中输入数值,可定义绘制的弧线段的弧度,绝对值越大弧度越大,正值凸起,负值凹陷。
弧线填色:当勾选该复选框时,将使用当前的填充颜色填充绘制的弧线段。
任务 1 制作卡通机器人形象
任务2 制作卡通机器人表情
1. 掌握“透明度”面板的使用方法。
2. 熟练掌握不透明蒙版工具的用法。
3. 熟练掌握混合模式的用法。
4. 能根据设计要求独立设计制作机器人卡通形象的不同表情。
任务 2 制作卡通机器人表情
图 3-2-1 卡通机器人表情效果图
任务 2 制作卡通机器人表情
本任务是一个卡通形象表情设计实例,主要利用“透明度”面板以及不透明蒙版制作卡通机器人表情效果图,如图3-2-1 所示。要完成本任务,除了要熟练掌握椭圆形工具、钢笔工具的用法来绘制表情外,还需要熟练地使用不透明蒙版、混合模式来制作最终的画面效果。
一、“透明度”面板
“透明度”面板不仅可用于设置对象的混合模式和不透明度等属性效果,也可通过该面板创建不透明度蒙版并编辑蒙版。执行“窗口”→“透明度”命令,打开“透明度”面板,如图3-2-2 所示。
任务 2 制作卡通机器人表情
图 3-2-2 “透明度”面板
混合模式:用于设置对象之间的混合模式。
不透明度:用于设置对象的不透明度效果,数值越低,对象越透明。
扩展按钮:单击此按钮,打开扩展菜单,从中选择相应的菜单命令可进行透明度和蒙版的相关设置。
任务 2 制作卡通机器人表情
二、不透明蒙版
不透明蒙版用于修改对象不透明度,通过蒙版对象的灰度值来产生遮罩效果。
任务 2 制作卡通机器人表情
1. 建立不透明蒙版
要创建不透明蒙版,可以在添加蒙版路径后,框选该路径与需要应用不透明蒙版的对象,然后单击“透明度”面板右上角的扩展按钮,从弹出的扩展菜单中选择“建立不透明蒙版”命令,如图3-2-3 所示。
任务 2 制作卡通机器人表情
图 3-2-3 扩展菜单
应用了不透明蒙版的图像效果如图3-2-4a 所示,“透明度”面板如图3-2-4b 所示
任务 2 制作卡通机器人表情
图 3-2-4 应用不透明蒙版
a)应用不透明度 b)“透明度”面板
a) b)
2. 设置不透明蒙版
对象添加了不透明蒙版后,“透明度”面板中显示的蒙版透明度状态由蒙版路径的颜色色调决定。当蒙版路径颜色为黑色时,所有应用了不透明蒙版的对象不可见;当蒙版路径颜色为白色时,所有应用了不透明蒙版的对象均可见;当蒙版路径颜色为其他不同色调的颜色时,所有应用了不透明蒙版的对象呈现不同程度的半透明状态。因此,可结合“渐变”面板对蒙版路径进行调整,来设置对象的不透明蒙版效果。
任务 2 制作卡通机器人表情
单击“透明度”面板中的蒙版路径,使用“渐变”面板或者渐变工具调整不透明蒙版,效果如图3-2-5 所示。
任务 2 制作卡通机器人表情
图 3-2-5 调整不透明度蒙版效果
三、混合模式
混合模式中的“混合”是指当前对象中的内容与下方图像之间颜色的混合。混合模式不仅可以直接对对象进行设置,在应用内发光、投影等效果时也可以用到混合模式。混合模式的设置主要用于多个对象的融合、使画面同时具有多个对象的特质、改变画面色调、制作特效等情况。不同的混合模式作用于不同的对象,往往会产生千变万化的效果。
任务 2 制作卡通机器人表情
想要设置对象的混合模式,需要在“透明度”面板中进行。选中需要设置的对象,执行“窗口”→“透明度”命令,打开“透明度”面板。在混合模式下拉列表框中选择一种混合模式,当前画面效果将会发生变化。混合模式下拉列表框中包含多种混合模式,如图3-2-6 所示。
任务 2 制作卡通机器人表情
图 3-2-6 混合模式
1. “正常”模式
默认情况下,对象的混合模式为“正常”。在这种模式下,“不透明度”为100%时则完全遮挡下方图层,降低该图层不透明度可以隐约显露出下方的图层,效果如图3-2-7 所示。
任务 2 制作卡通机器人表情
图 3-2-7 “正常”模式效果
2. “加深”模式组
“加深”模式组中包含三种混合模式,这些混合模式可以使当前对象的白色像素被下层较暗的像素替代,使图像产生变暗效果。
变暗:比较每个通道中的颜色信息,并选择基色或混合色中较暗的颜色作为结果色,同时替换比混合色亮的像素,而比混合色暗的像素保持不变,效果如图3-2-8所示。
任务 2 制作卡通机器人表情
图 3-2-8 “加深”模式效果
正片叠底:任何颜色与黑色混合产生黑色,任何颜色与白色混合保持不变,效果如图3-2-9 所示。
任务 2 制作卡通机器人表情
图 3-2-9 “正片叠底”模式效果
颜色加深:通过增加上下层图像之间的对比度来使像素变暗,与白色混合后不产生变化,效果如图3-2-10 所示。
任务 2 制作卡通机器人表情
图 3-2-10 “颜色加深”模式效果
3. “减淡”模式组
“减淡”模式组中包含三种混合模式,这些混合模式会使图像中黑色的像素被较亮的像素替换,而任何比黑色亮的像素都可能提亮下层图像,所以“减淡”模式组会使图像变亮。
任务 2 制作卡通机器人表情
变亮:比较每个通道中的颜色信息,并选择基色或混合色中较亮的颜色作为结果色,同时替换比混合色暗的像素,而比混合色亮的像素保持不变,效果如图3-2-11所示。
任务 2 制作卡通机器人表情
图 3-2-11 “变亮”模式效果
滤色:与黑色混合时颜色保持不变,与白色混合时产生白色,效果如图3-2-12所示。
任务 2 制作卡通机器人表情
图 3-2-12 “滤色”模式效果
颜色减淡:通过减小上下层图像之间的对比度来提亮底层图像的像素,效果如图3-2-13 所示。
任务 2 制作卡通机器人表情
图 3-2-13 “颜色减淡”模式效果
4. “对比”模式组
“对比”模式组中包含三种混合模式,这些混合模式可以使图像中50% 的灰色完全消失,亮度值高于50% 灰色的像素将提亮下层的图像,亮度值低于50% 灰色的像素则使下层图像变暗,以此加强图像的明暗差异。
任务 2 制作卡通机器人表情
叠加:对颜色进行过滤并提亮上层图像,具体取决于底层颜色,同时保留底层图像的明暗对比,效果如图3-2-14 所示。
任务 2 制作卡通机器人表情
图 3-2-14 “叠加”模式效果
柔光:使颜色变暗或变亮,具体取决于当前图像的颜色。如果上层图像比50% 灰色亮,则图像变亮;如果上层图像比50% 灰色暗,则图像变暗,效果如图3-2-15 所示。
任务 2 制作卡通机器人表情
图 3-2-15 “柔光”模式效果
强光:对颜色进行过滤,具体取决于当前图像的颜色。如果上层图像比50% 灰色亮,则图像变亮;如果上层图像比50% 灰色暗,则图像变暗,效果如图3-2-16 所示。
任务 2 制作卡通机器人表情
图 3-2-16 “强光”模式效果
5. “比较”模式组
“比较”模式组中包含两种混合模式,这些混合模式可以对比当前图像与下层图像的颜色差别,将颜色相同的区域显示为黑色,颜色不同的区域显示为灰色或彩色。如果当前对象中包含白色,那么白色区域会使下层图像反相,而黑色不会对下层图像产生影响。
任务 2 制作卡通机器人表情
差值:上层图像与白色混合将反转底层图像的颜色,与黑色混合则不产生变化,效果如图3-2-17 所示。
任务 2 制作卡通机器人表情
图 3-2-17 “差值”模式效果
排除:创建一种与“差值”模式相似但对比度更低的混合效果,效果如图3-2-18所示。
任务 2 制作卡通机器人表情
图 3-2-18 “排除”模式效果
6. “色彩”模式组
“色彩”模式组中包含四种混合模式,这些混合模式会自动识别图像的颜色属性(色相、饱和度和亮度),然后将其中的一种或两种应用在混合后的图像中。
任务 2 制作卡通机器人表情
色相:用底层图像的明亮度和饱和度以及上层图像的色相来创建结果色,效果如图3-2-19 所示。
任务 2 制作卡通机器人表情
图 3-2-19 “色相”模式效果
饱和度:用底层图像的明亮度和色相以及上层图像的饱和度来创建结果色。在饱和度为0 的灰度区域应用该模式不会产生任何变化,效果如图3-2-20 所示。
任务 2 制作卡通机器人表情
图 3-2-20 “饱和度”模式效果
混色:用底层图像的明亮度以及上层图像的色相和饱和度来创建结果色,这样可以保留图像中的灰阶,对于为单色图像或彩色图像着色非常有用,效果如图3-2-21所示。
任务 2 制作卡通机器人表情
图 3-2-21 “混色”模式效果
明度:用底层图像的色相和饱和度以及上层图像的明亮度来创建结果色,效果如图3-2-22 所示。
任务 2 制作卡通机器人表情
图 3-2-22 “明度”模式效果
任务3 制作卡通机器人
应用场景
1. 掌握铅笔工具的使用方法。
2. 熟练平滑工具的使用方法。
3. 掌握美工刀工具的使用方法。
4. 能根据设计要求独立设计制作卡通形象。
任务 3 制作卡通机器人应用场景
本任务是一个卡通设计实例,主要利用铅笔工具、平滑工具以及美工刀工具制作卡通机器人应用场景效果图,如图3-3-1 所示。要完成本任务,除了要熟练掌握以上工具的用法外,还需要熟练地掌握钢笔工具的用法。
图 3-3-1 卡通机器人应用场景效果图
任务 3 制作卡通机器人应用场景
一、Shaper 工具
Shaper 工具的功能非常强大,一方面可以绘制图形,另一方面能够对图形进行造型。
任务 3 制作卡通机器人应用场景
1. 绘图功能
Shaper 工具的绘图方法和常规的绘图工具有所不同,使用该工具可以粗略绘制出几何形状的基本轮廓,软件会根据这个轮廓自动生成精准的几何形状。单击工具箱中的“Shaper 工具”(组合键为“Shift+N”),然后按住鼠标左键拖动绘制一个矩形。在拖动鼠标绘制的时候,这个矩形肯定是不够标准的,但是松开鼠标后,软件会自动计算得到标准的矩形。需要注意的是,使用该工具只能绘制几种简单的几何图形,部分图形如图3-3-2 所示。
任务 3 制作卡通机器人应用场景
图 3-3-2 绘图功能绘制的部分图形
2. 造型功能
Shaper 的中文含义为造型者、整形器,因此Shaper 工具也可以称为“造型工具”。使用该工具对形状的重叠位置进行涂抹,可以得到一个复合图形。首先绘制两个图形并将其重叠摆放(此时无须选中图形),如图3-3-3a 所示。接着在工具箱中单“Shaper 工具”按钮,将鼠标指针移动至图形上三角形和方形之间相交处,被分割形成部分会以虚线显示,在某一个区域处按住鼠标左键拖动,如图3-3-3b 所示。松开鼠标左键后该区域被删除了,如图3-3-3c 所示。
任务 3 制作卡通机器人应用场景
图 3-3-2 造型功能绘制图形
a)绘制两个图形 b)使用Shaper 工具造型 c)完成效果
a) b) c)
任务 3 制作卡通机器人应用场景
任务 3 制作卡通机器人应用场景
图3-3-4 铅笔工具
二、铅笔工具
铅笔工具 主要用于徒手绘制随意的路径,不仅可以像画笔工具一样绘制图形,还能够对已经绘制好的图形进行形态的调整,以及连接原本不相接的路径,如图3-3-4 所示。
三、平滑工具
使用平滑工具 可以快速平滑所选路径,并且尽可能地保持路径原来的形状。选择需要平滑的图形,在工具箱中单击“平滑工具”按钮,接着在路径边缘处按住鼠标左键反复涂抹,被涂抹的区域逐渐变得平滑。松开鼠标完成平滑操作,如图3-3-5所示。
任务 3 制作卡通机器人应用场景
图3-3-5 平滑工具平滑图形
四、路径橡皮擦工具
路径橡皮擦工具可以擦除路径上的部分区域,使路径断开。选中要修改的对象,如图3-3-6a 所示,单击工具箱中的“路径橡皮擦工具”按钮,沿着要擦除的路径拖动鼠标,即可擦除部分路径,如图3-3-6b 所示。被擦除过的闭合路径会变为开放路径。需要注意的是,路径橡皮擦工具不能用于“文本对象”或者“网格对象”的擦除。
任务 3 制作卡通机器人应用场景
图 3-3-6 路径橡皮擦工具擦除路径
a)选中要修改的对象 b)使用路径橡皮擦工具擦除部分路径
a) b)
任务 3 制作卡通机器人应用场景
五、连接工具
连接工具能够将两条开放的路径连接起来,还能够将多余的路径删除,并保留路径原有的形状。
任务 3 制作卡通机器人应用场景
连接开放的路径:如图3-3-7a 所示,小猫的左耳朵是两条开放路径,右耳朵路径多了一段。使用连接工具能够进行修改。在工具箱中单击“连接工具”按钮,在两条开放路径上按住鼠标左键拖动,如图3-3-7b 所示。松开鼠标左键即可连接两条路径,如图3-3-7c 所示。
任务 3 制作卡通机器人应用场景
任务 3 制作卡通机器人应用场景
图3-3-7 连接开放的路径
a)原图 b)使用连接工具连接开放路径 c)完成效果
a) b) c)
任务 3 制作卡通机器人应用场景
图3-3-8 删除多余路径
a)使用连接工具删除多余路径 b)删除多余路径效果 c)整体效果
a) b) c)
删除多余路径:使用连接工具在多余路径与另一条路径相交位置按住鼠标左键拖动进行涂抹,如图3-3-8a 所示。松开鼠标左键即可将多余的路径删除,效果如图3-3-8b 所示。整体效果如图3-3-8c 所示。
六、美工刀工具
使用美工刀工具可以将一个对象以任意的分割线划分为各个构成部分的表面,其分割的方式非常随意,以鼠标指针移动的位置进行切割。
1. 切割全部对象
页面中没有任何对象被选中,直接使用美工刀在对象上进行拖动,即可将鼠标指针移动范围内的所有对象进行分割。
任务 3 制作卡通机器人应用场景
任务 3 制作卡通机器人应用场景
2. 切割选中对象
如果有特定的对象需要切割,则单击工具箱中的“美工刀”按钮,将要进行切割的对象选中,然后按住鼠标左键沿着要进行裁切的路径拖动,被选中的路径被分割为两个部分,与之重合的其他路径没有被分割。
任务 3 制作卡通机器人应用场景
3. 以直线切割对象
使用美工刀工具的同时,按住“Alt”键能够以直线分割对象,按住“Shift+Alt”键能够以水平直线、垂直直线或斜45° 的直线分割对象。

展开更多......

收起↑

资源预览