- Adobe Flash CS4 动画设计与制作技能基础教程
- 于俊丽 姚莹 马增友
- 2550字
- 2020-08-29 18:55:16
3.6 综合案例——制作“小鸭子”卡通图形
学习目的
通过卡通图形的绘制,掌握工具箱中的绘图工具、颜色填充工具和查看工具的具体使用方法与技巧。
重点难点
选择工具的使用
钢笔工具的使用
填充工具的使用
在儿童教学课件中,有认识小鸭子动物的教学,通过图形认识小鸭子,所以需制作可爱的小鸭子画面。本案例的最终效果如图3-53所示。

图3-53 “小鸭子”卡通图形效果图
操作步骤
1.新建Flash文档
Step 01 选择【开始】→【所有程序】→【Adobe Flash CS4】→【Adobe Flash CS4 Professional】命令,运行Flash CS4软件,如图3-54所示。

图3-54 运行的Flash CS4界面
Step 02 选择【文件】→【新建】命令,弹出【新建文档】对话框,选择“Flash文件(ActionScript 3.0)”类型,如图3-55所示,单击【确定】按钮,新建Flash文件,如图3-56所示。

图3-55 【新建文档】对话框

图3-56 新建文档
2.绘制背景
Step 01 单击工作区右侧的【颜色】面板按钮,在弹出的面板中设置“笔触颜色”为“无”, “类型”为“线性”,从左到右两个滑块的颜色值分别为“#679EC2”、“#FFFFFF”,如图3-57所示。

图3-57 【颜色】面板参数设置
Step 02 双击“图层1”图层名称,将图层名改为“背景”,选择工具箱中的【矩形工具】,绘制一个舞台大小的矩形,将其作为场景的背景,如图3-58所示。

图3-58 制作矩形渐变色背景
Step 03 选择工具箱中的【渐变变形工具】,选择舞台上的矩形,出现渐变变形控制框,为了更好地观察变形,在工作区右上方调整舞台为50%显示。
Step 04 将光标移到旋转标记处,出现旋转箭头时,按住鼠标左键拖动将渐变颜色进行90º旋转,然后将光标移到拉伸标记
处,调整渐变变形控制框的大小,如图3-59所示。

图3-59 调整渐变变形
Step 05 将作为背景使用的矩形调整完成后,将舞台显示调整到适合大小,单击“背景”图层后的锁标记将“背景”图层锁定,然后单击【插入图层】按钮,新建“图层2”图层,双击“图层2”图层名称,将图层名改为“草地”,如图3-60所示。

图3-60 调整后效果
Step 06 选择工具箱中的【钢笔工具】,设置【属性】面板中的“笔触颜色”为“#00FF00”, “笔触高度”为2,如图3-61所示。

图3-61 【钢笔工具】的【属性】面板参数设置
Step 07 在舞台上绘制三边为直边,顶边为起伏的曲线图形,如图3-62所示。

图3-62 绘制草地框架
Step 08 选择工具箱中的【任意变形工具】,双击草地框架进行缩放处理,并将其移动到舞台的底部,如图3-63所示。

图3-63 调整大小
Step 09 单击工作区右侧的【颜色】面板按钮,在弹出的面板中设置“类型”为“线性”,从左到右两个滑块的颜色值分别为“#47E266”、“#C5EDC5”,单击工具箱中的【颜料桶工具】,单击草地框架内,填充渐变色,如图3-64所示。

图3-64 填充渐变色
Step 10 双击草地框架边缘,选中边框,按【Delete】键删除边框,选择工具箱中的【渐变变形工具】,然后选择填充的草地渐变色,调整渐变的方向、大小,如图3-65所示。

图3-65 调整渐变色
Step 11 单击“草地”图层后的锁标记将“草地”图层锁定,然后单击【插入图层】按钮,新建“图层3”图层,双击“图层3”图层名称,将图层名改为“云”,使用工具箱中的【刷子工具】,将“填充颜色”设置为“白色”,在上方区域涂抹出云彩形状,如图3-66所示。

图3-66 绘制云
3.绘制头部
Step 01 单击“云”图层后的锁标记将“云”图层锁定,然后单击【插入图层】按钮,新建“图层4”图层,双击“图层4”图层名称,将图层名改为“头部”,选择工具箱中的【钢笔工具】,设置【属性】面板中的“笔触颜色”为“#80172F”, “笔触高度”为1,在舞台上用【钢笔工具】绘制头部轮廓,如图3-67所示。

图3-67 绘制头部轮廓
Step 02 单击【选择工具】,将光标放置在头部边框上,光标变为
形状,对轮廓进行调整,使其圆滑,如图3-68所示。

图3-68 调整轮廓
Step 03 选择工具箱中的【直线工具】,设置【属性】面板中的“笔触颜色”为“#80172F”,“笔触高度”为1,在头部上方绘制4条直线,如图3-69所示。

图3-69 绘制直线
Step 04 为了使头发更自然,单击【选择工具】,将光标放置在头发边缘上,当光标变为
或
形状,进行调整,如图3-70所示。

图3-70 使用选择工具调整
Step 05 选择工具箱中的【直线工具】,设置【属性】面板中的“笔触颜色”为“#80172F”,“笔触高度”为1,绘制三角形作为嘴。单击【选择工具】
,将光标放置在三角形边缘上,当光标变为
或
形状,进行调整。选择【任意变形工具】
,调整三角形的大小,如图3-71所示。

图3-71 调整嘴部过程
Step 06 选择工具箱中的【椭圆工具】,设置【属性】面板中的“笔触颜色”为“无”, “填充颜色”为“#80172F”,如图3-72所示,绘制两个相同的椭圆作为眼睛,如图3-73所示。

图3-72 【椭圆工具】的【属性】面板参数设置

图3-73 绘制眼睛
Step 07 选择工具箱中的【颜料桶工具】,设置【属性】面板中的“填充颜色”为“#F7F852”,单击脸部与头发内部,为其填充颜色。填充完成后,重新设置填充颜色为“#F69836”,单击三角形内部,为嘴填充颜色,如图3-74所示。

图3-74 填充颜色效果
4.绘制身体
Step 01 单击“头部”图层后的锁标记将“头部”图层锁定,然后单击【插入图层】按钮,新建“图层5”图层,双击“图层5”的图层名称,将图层名改为“身体”,如图3-75所示。

图3-75 新建图层
Step 02 选择工具箱中的【钢笔工具】,设置【属性】面板中的“笔触颜色”为“#80172F”,“笔触高度”为1,在头部下方绘制身体,如图3-76所示。

图3-76 绘制身体过程
Step 03 选择工具箱中的【颜料桶工具】,设置【属性】面板中的“填充颜色”为“#F7F852”,单击身体内部,为其填充颜色。填充完成后,重新设置填充颜色为“#F69836”,单击脚的内部,为脚填充颜色,如图3-77所示。

图3-77 填充颜色效果
Step 04 单击“头部”图层后的锁标记将“头部”图层解锁,如图3-78所示。

图3-78 “头部”图层解锁
Step 05 选择工具箱中的【选择工具】,选中整个小鸭子,如图3-79所示,再选择工具箱中的【任意变形工具】
,对小鸭子进行大小调整,如图3-80所示。为了使画面不单一,按【Ctrl+C】组合键复制小鸭子,按【Ctrl+V】组合键粘贴小鸭子,调整大小并放置到合适位置,如图3-81所示。

图3-79 选中小鸭子

图3-80 使用【任意变形工具】调整

图3-81 复制并调整
5.保存与测试
Step 01 选择【文件】→【保存】命令,弹出【另存为】对话框,选择保存的位置,文件名命名为“小鸭子.fla”,单击【保存】按钮,保存文档,如图3-82所示。

图3-82 【另存为】对话框
Step 02 按【Ctrl+Enter】组合键,测试影片,如图3-83所示。

图3-83 测试效果
案例总结
本案例主要使用了【钢笔工具】、【颜料桶工具】、【选择工具】、【任意变形工具】、【渐变变形工具】与【刷子工具】绘制卡通图形。通过在绘制过程中使用这些工具,让初学者掌握了工具的使用方法,为后续学习制作动画打下绘图基础。