任务2 动画制作基础

更新于 2026年10月10日 版权声明
任务2 动画制作基础

图示

•了解并掌握绘图工具的使用方法;

•学习绘图和填充的技巧;

•掌握将素材导入库中的技巧;

•注意细节,养成良好的操作习惯。

图示

通过本任务的学习,读者可以掌握Flash CS6软件中常用工具的基本操作并将制作好的素材导入库中,然后对库内素材进行调用。

图示

(1)打开Flash CS6软件;

(2)使用绘图和填充工具绘制小汽车;

(3)将小汽车转化为元件并存入库中;

(4)调用库内素材到舞台;

(5)保存文档。

图示

步骤1:打开Flash CS6软件,选择“新建”→“ActionScript 3.0”选项,如图7-35所示。

图示

图7-35 新建Flash文件

步骤2:绘制车身。使用“矩形工具”图示(快捷键R),在“属性”面板中依次调整如下参数:“填充和笔触”中颜色全为#9d0000,“矩形选项”中边角半径全为110,如图7-36所示。接着在白色舞台上拖拽出一个圆角矩形,在“属性”面板中将宽设置为430,将高设置为140,如图7-37所示。适当调整车身位置至舞台中偏下位置,如图7-38所示。

图示

图7-36 车身颜色和圆角属性设置

图示

图7-37 车身尺寸属性设置

图示

图7-38 车身效果和舞台位置

步骤3:绘制车顶。单击“矩形工具”按钮图示,如图7-39所示。选择“椭圆工具”按钮图示,在“属性”面板中将“填充和笔触”中的颜色全部设置为#9d0000。接着,在舞台上拖拽出一个椭圆,在“属性”面板中将宽设置为290,将高设置为170。车顶与车身位置如图7-40所示。

图示

图7-39 “矩形工具”下拉列表

图示

图7-40 车顶与车身位置

步骤4:绘制车窗。单击“椭圆工具”按钮图示,在“属性”面板中依次调整如下参数:“填充和笔触”中颜色全为#ffff99,“椭圆选项”中开始角度为180°,结束角度为270°,如图7-41所示。接着在白色舞台上拖拽出一个直角扇形,在“属性”面板中将宽设置为70,将高设置为60,如图7-42所示。单击“选择工具”按钮图示(快捷键V),选中舞台上的直角扇形,通过鼠标右键复制和粘贴获得一个新的直角扇形,然后选择“修改”→“变形”→“水平翻转”命令,如图7-43所示。车窗位置如图7-44所示。

图示

图7-41 直角扇形绘制属性

图示

图7-42 直角扇形尺寸设置

图示

图7-43 “水平翻转”命令

图示

图7-44 车窗位置

步骤5:绘制车轮。单击“椭圆工具”按钮图示,在“属性”面板中依次调整如下参数:“填充和笔触”中颜色全为#333333,开始角度为0,结束角度为0。接着,在舞台上绘制车轮外圆(注:需使用Shift键,可以画出正圆)。在“属性”面板中设置宽和高同为100,如图7-45所示。采用同样的方法绘制车轮内圆,颜色为#000000,宽和高同为35,如图7-46所示。单击“选择工具”按钮图示,选中车轮内圆,接着按住Shift键单击车轮外圆,选择“修改”→“对齐”→“水平居中”和“垂直居中”命令,如图7-47所示。完成一个车轮的制作,如图7-48所示。最后再次使用“选择工具”按钮图示,配合Shift键,同时选中车轮的内、外圆,用鼠标右键复制、粘贴获得另一个车轮,最后将其调整到合适的位置,如图7-49所示。

图示

图7-45 绘制车轮外圆

图示(https://www.daowen.com)

图7-46 绘制车轮内圆

图示

图7-47 “水平居中‘和’垂直居中”命令

图示

图7-48 车轮

图示

图7-49 调整后的车轮

步骤6:绘制车灯。单击“椭圆工具”按钮图示,在“属性”面板中依次调整如下参数:“填充和笔触”中颜色全为#ff9900,开始角度为330°,结束角度为30°,内径为60,如图7-50所示。接着,在舞台上绘制车灯。在“属性”面板中将宽设置为25,将高设置为50。小汽车最终效果如图7-51所示。

图示

图7-50 车灯属性设置

图示

图7-51 小汽车最终效果

步骤7:将绘制的小汽车转化为元件。单击“选择工具”按钮图示,选中整辆小汽车,如图7-52所示。选择“修改”→“转化为元件”命令,如图7-53所示。在弹出的对话框中将元件名称改为“car”,在“类型”下拉列表中选择“图形”选项,如图7-54所示,最后单击“确定”按钮。

图示

图7-52 选中整辆小汽车

图示

图7-53 “转化为元件”命令

图示

图7-54 “转换为元件”对话框

步骤8:选择“窗口”→“库”选项(组合键“Ctrl+L”),如图7-55所示。此时可以在库中看到刚刚绘制的小汽车,如图7-56所示。这时可以将舞台上现有小汽车删除(Delete键),而后选中库中的小汽车直接拖入舞台,原来的小汽车又回到舞台中,并且可以拖入多辆,如图7-57所示。

图示

图7-55 “库”选项

图示

图7-56 库中的小汽车

图示

图7-57 向舞台中拖入多辆小汽车

步骤9:最后将制作好的Flash文件进行保存,修改文件名为“car”,如图7-58所示。

图示

图7-58 保存文件

图示

知识点1 椭圆属性和功能

椭圆属性和功能见表7-1。

表7-1 椭圆属性和功能

图示

知识点2 Shift和Alt键的运用

(1)Shift键+“选取工具”按钮:可以选择多个舞台对象。

(2)Shift键+“矩形工具”或“椭圆工具”按钮:可以直接获得正方形或正圆。

(3)Shift键+Alt键+“矩形工具”或“椭圆工具”按钮:可以获得从中心扩散的正方形或正圆。

知识点3 库的功能

库里的元件可以拿到场景里重复使用,不会增加最终“.swf”文件的大小及可以减少制作的工作量,如果在库里修改元件,那么场景里的这个元件的所有实例都会自动更改。

图示

本任务主要通过小汽车的制作,引导用户了解Flash CS6主要制作工具的使用。通过对小汽车各个部件进行制作,读者可以掌握绘制的方法与技巧并学习库的简单运用技巧,为完全掌握Flash CS6软件的使用打下基础。

↑上一章 ↓下一章
关注公众号获取验证码
复制内容需要验证码(7.99元/天)