第6章经典实例:绘制滑板少年●6.1要点分析●6.2绘制人物●6.2.1绘制人物头部●6.2.2绘制人物身体●6.2.3绘制人物四肢●6.2.4绘制人体动势线和三轴线●6.3绘制滑板●6.4让人和滑板一起滑动起来●6.2绘制人物下面将从头部、身体和四肢三部分为大家介绍绘制人物的方法和技巧,具体操作方法如下。在Flash动画中,头部有椭圆形、方形、三角形和菱形等多种形状,其中,椭圆形是最常见的头部形状。在确定头部形状后,还需要确定五官的正确位置。人体头部结构是以鼻梁为垂直中线对称分布的,因此最容易确定五官在正面头部中的位置,然后在眉眼之间画一条水平线与鼻梁垂直中线构成十字线,接着转动十字线,可以得到正面、侧面、仰视、俯视等不同角度的头部结构,如图6-1所示。五官的形状和位置决定了人体造型的美丑和要体现的表情,在绘制时可以根据需要简化五官的画法。同时根据选取角度的不同,可能只需要绘制五官中的一部分,其余部分被遮挡住,下面以绘制如图6-2所示人物图像为例进行解释,首先来绘制人物的头部结构,具体操作步骤如下。步骤1新建一背景色为白色的Flash文档,并将其保存为“滑板少年.fla”,然后在“时间轴”面板中重命名“图层1”为“头部”,如图6-3所示。步骤2单击“头部”图层,然后在工具箱中单击“椭圆工具”图标,并在“属性”面板中设置笔触颜色为“黑色”(#000000),填充颜色为“无”,笔触大小为1,样式为“实线”,接着在舞台中按住鼠标左键拖动,绘制椭圆图形,如图6-4所示。●6.2.1绘制人物头部●6.1要点分析图6-1头部结构图6-2绘制人物图像图6-3新建“滑板少年.fla”文档图6-4绘制椭圆步骤3使用选择工具选中椭圆图形,然后按Ctrl+T组合键打开“变形”面板,在此调整图形大小和旋转角度,效果如图6-5所示。步骤4在工具箱中单击“钢笔工具”图标,并在“属性”面板中设置笔触颜色为“黑色”,填充颜色为“无”,笔触大小为1,样式为“实线”,接着在舞台中的椭圆上绘制线段如图6-6所示。步骤5使用选择工具调整刚绘制线段的形状,效果如图6-7所示。步骤6继续使用钢笔工具和选择工具绘制人物头顶处的一缕卷发,并删除该缕卷发与头顶之间的交线,效果如图6-8所示。图6-5在“变形”面板中调整椭圆图6-6使用钢笔工具绘制线段图6-7调整折线形状图6-8绘制一缕卷发步骤7使用椭圆工具绘制人物头像上的眼睛,效果如图6-9所示。步骤8在工具箱中单击“线条工具”图标,然后在“属性”面板中设置笔触颜色为“黑色”,填充颜色为“无”,笔触大小为3,样式为“实线”,接着在舞台中的人物头像上绘制两条线段,并使用选择工具调整线段形状,效果如图6-10所示。图6-9绘制眼睛图6-10绘制眼睫毛步骤9继续使用线条工具和选择工具绘制人物的鼻子和嘴(此处简化),效果如图6-11所示。步骤10使用钢笔工具绘制人物的眉毛和耳朵,如图6-12所示。步骤11使用选择工具选中眼睫毛线段,然后在菜单栏中选择“修改”|“形状”|“柔化填充边缘”命令,如图6-13所示。步骤12弹出“柔化填充边缘”对话框,设置距离为“10像素”,步长数为10,并选中“插入”单选按钮,再单击“确定”按钮,如图6-14所示。图6-11绘制人物鼻子和嘴步骤13使用类似方法,对另一条眼睫毛进行柔化填充边缘操作,效果如图6-15所示。图6-12绘制人物眉毛和耳朵图6-13选中“柔化填充边缘”命令图6-14“柔化填充边缘”对话框图6-15查看对眼睫毛柔化填充边缘后的效果图6-16填充脸部皮肤颜色步骤14单击工具箱中的“颜料桶工具”图标,然后在“属性”面板中设置填充颜色为“橙黄色”(#FFDFBF),接着在舞台中单击人物脸部,填充脸部皮肤颜色,效果如图6-16所示。步骤15使用类似方法,继续填充人物的鼻子、耳朵、眉毛和头发,接着按Alt+Shift+F9组合键打开“颜色”面板,设置填充颜色类型为“线性渐变”,接着设置颜色由黑色经棕黑至白色渐变,如图6-17所示。步骤16在舞台中单击人物眼睛,设置人物眼珠的颜色,效果如图6-18所示。接着使用白色填充两椭圆之间的环形部分。步骤17在舞台中删除人物耳朵和鼻子图形的边缘线条,最终效果如图6-19所示。图6-17“颜色”面板图6-18查看填充颜色后的人物头像效果图6-19删除耳朵和鼻子图形的边缘线身体是连接头部与四肢的躯干部分,决定着人物强壮还是瘦弱。在绘制人物身体时要遵循一个特定的比例,以使人物造型的结构合理。这个特定的比例以头部高度为基准,在制作写实风格动画时,人物的身体比例采用正常的人体比例,即“立七坐五盘三半”;制作卡通风格动画时,通常使用2~5倍头高的人体比例。下面以制作1倍头高的人物身体为例进行介绍,具体操作步骤如下。步骤1使用钢笔工具、椭圆工具、线条工具等绘图工具,绘制如图6-20所示的人物上身图形(这里假设人物上身着黄色短袖衬衣,下身着蓝色背带短裤)。步骤2使用类似方法,继续绘制人物下身图形,效果如图6-21所示。步骤3单击工具箱中的“颜料桶工具”图标,然后在“属性”面板中设置填充颜色为“黄色”(#FF9900),接着在舞台中单击,填充T恤颜色,效果如图6-22所示。●6.2.2绘制人物身体图6-20绘制人物上身图形图6-21绘制人物下身图形步骤4在“属性”面板中更换填充颜色为“蓝色”(#0099FF),接着在舞台中单击,填充背带短裤的颜色,效果如图6-23所示。图6-23填充背带短裤颜色图6-22填充短袖衬衣颜色步骤5使用钢笔工具和选择工具在人物图像以外的空白位置处绘制如图6-24所示的蝴蝶结领夹。步骤6使用颜料桶工具给蝴蝶结填充颜色,效果如图6-25所示。图6-25给蝴蝶结填充颜色图6-24绘制蝴蝶结领夹步骤7使用选择工具选中整个蝴蝶结,按住鼠标左键,在向左拖动,移动蝴蝶结的位置,如图6-26所示。步骤8拖动到目标位置后释放鼠标左键,效果如图6-27所示。图6-26移动蝴蝶结图6-27查看添加蝴蝶结后的人物图像效果人体四肢包括左右两边的上臂、小臂、手部、大腿、小腿和脚部。通常情况下,小臂长度约是上臂的四分之三,小腿长度约是大腿的四分之三。在绘制手部时,可以分为手掌和手指两部分进行刻画。在绘制脚部时要注意脚和鞋要协调,以及不同类型的鞋,其跟部高度和前面的形状都是不同的。在制作卡通风格的人物图像时可以将手部简化,具体操作步骤如下。步骤1在“时间轴”面板中锁定并隐藏“头部”图层,然后新建一图层,并命名为“右手”,接着使用绘图工具绘制如图6-28所示的简化右上肢,并填充图形颜色。步骤2在“时间轴”面板中取消隐藏“头部”图层,查看绘制右上肢后的效果,如图6-29所示。步骤3参考步骤1操作,新建“左手”图层,并在舞台中绘制如图6-30所示的简化左上肢,并填充图形颜色。●6.2.3绘制人物四肢图6-28绘制右上肢图6-29查看绘制右上肢后的效果步骤4由于这里选取的是人物侧面图,人物左半身会被自身遮挡一部分,所以需要将“左手”图层移到“头部”图层下方,效果如图6-31所示。图6-30绘制左上肢图6-31查看绘制左上肢后的效果步骤5锁定“头部”和“左手”图层,然后选择“右手”图层中的第1帧,接着在舞台中绘制人物右下肢并进行颜色填充,效果如图6-32所示。步骤6锁定“右手”图层,解锁“左手”图层,并选择“左手”图层中的第1帧,接着在舞台中绘制人物左下肢并进行颜色填充,效果如图6-33所示。步骤7取消锁定所有图层,然后在菜单栏中选择“编辑”|“全选”命令,选中整个人物图像,如图6-34所示。步骤8在菜单栏中选择“修改”|“转换为元件”命令,如图6-35所示。步骤9弹出“转换为元件”对话框,然后在“名称”文本框中输入元件名称,接着在“类型”下拉列表中选择“图形”选项,再单击“确定”按钮,如图6-36所示。图6-32绘制右下肢图6-33绘制左下肢图6-34选择“全选”命令图6-35选择“转换为元件”命令图6-36“转换为元件”对话框人体动势线起于人体头部,结束于人体重心,如图6-37所示。不论人体做什么运动,动势线都存在于人体之中。除了动势线外,还有三条线决定着人体的运动趋势走向,即穿过眼睛的左右连线、左右肩之间的连线、胯部的左右连线,它们被称为人体的三轴线,如图6-38所示。●6.2.4绘制人体动势线和三轴线图6-37人体动势线图6-38人体三轴线●6.3绘制滑板人物绘制好后,下面开始绘制滑板,具体操作步骤如下。步骤1在“时间轴”面板中新建“滑板”图层,然后隐藏其他图层,接着使用矩形工具在舞台中绘制黑色的矩形方框,如图6-39所示。步骤2使用选择工具调整矩形边框,效果如图6-40所示。步骤3按Ctrl+T组合键打开“变形”面板,选中“倾斜”单选按钮,设置水平倾斜角度为40°,如图6-41所示。步骤4使用椭圆工具绘制一个小圆作为滑板的轮子,如图6-42所示。图6-39绘制矩形图6-40调整矩形边框步骤5复制绘制的圆图形,并移动两圆的位置,效果如图6-43所示。步骤6使用选择工具选中圆位于滑板上方的线条,按Delete键将其删除,效果如图6-44所示。图6-41“变形”面板图6-42绘制圆图6-43调整圆位置图6-44删除圆图形的部分线条步骤7在工具箱中单击“颜料桶工具”图标,然后在“属性”面板中设置填充颜色为“黑色”(#000000),接着在舞台中填充滑板轮子,效果如图6-45所示。步骤8按Alt+Shift+F9组合键打开“颜色”面板,在此设置填充颜色类型为“线性渐变”,并在“流”选项组中单击“反射颜色”图标,接着设置填充颜色由“蓝色”(#0099FF)到“浅蓝色”(#99FFFF)渐变,如图6-46所示。步骤9在舞台中单击滑板,给滑板上色,效果如图6-47所示。步骤10使用选择工具选中整个滑板图形,然后按F8键打开“转换为元件”对话框,接着在“名称”文本框中输入元件名称,并在“类型”下拉列表中选择“图形”选项,再单击“确定”按钮,如图6-48所示。图6-45填充滑板轮子图6-46“颜色”面板图6-47给滑板上色图6-48转换为“滑板”图形元件●6.4让人和滑板一起滑动起来人物和滑板制作好后,接下来需要在运动引导层中绘制滑板滑动路径,让人和滑板一起滑动起来,具体操作步骤如下。图6-49使用“滑板”图形元件图6-50使用“人物”图形元件步骤3在舞台中选中滑板和人物图形,按F8键打开“转换为元件”对话框,在“名称”文本框中输入元件名称,并在“类型”下拉列表中选择“影片剪辑”选项,再单击“确定”按钮,如图6-51所示。步骤4在“属性”面板中调整Flash文档的帧频为“8”,舞台宽度为“1600像素”,如图6-52所示。步骤1在“时间轴”面板中删除“滑板”、“三轴线”和“动势线”三个图层,并清空舞台,然后选择“人物”图层中的第1帧,并从“库”面板中将“滑板”图形元件拖至舞台中,接着按Ctrl+T组合键打开“变形”面板,在此设置滑板按40%的比例缩放,如图6-49所示。步骤2从“库”面板中将“人物”图形元件拖至舞台中的滑板上方,接着在“变形”面板中设置人物图形按50%的比例缩放,如图6-50所示。图6-51“转换为元件”对话框步骤5在“时间轴”面板中右击“人物”图层,从弹出的快捷菜单中选择“添加传统运动引导层”命令,如图6-53所示。图6-52调整Flash文件属性图6-53选择“添加传统运动引导层”命令步骤6使用铅笔工具在舞台中绘制如图6-54所示的线条。步骤7使用选择工具选中绘制的线条,然后在菜单栏中选择“修改”|“形状”|“平滑”命令,如图6-55所示。步骤8在“人物”图层中右击第60帧,从弹出的快捷菜单中选择“插入关键帧”命令,如图6-56所示。步骤9在“引导:人物”图层中右击第60帧,从弹出的快捷菜单中选择“插入帧”命令,如图6-57所示。图6-51“转换为元件”对话框步骤5在“时间轴”面板中右击“人物”图层,从弹出的快捷菜单中选择“添加传统运动引导层”命令,如图6-53所示。图6-52调整Flash文件属性图6-53选择“添加传统运动引导层”命令步骤6使用铅笔工具在