数字媒体技术原理与应用教学资料-参考案例4

《数字媒体技术原理与应用教学资料-参考案例4》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、工学结合创新教程图8-1最终效果落叶飘飘本章通过“落叶飘飘”动画效果的制作，介绍了部分控制语句的使用。在本例中，通过控制命令来控制影片剪辑动画的出现及消息。“落叶飘飘”动画效果如图8-1所示。本章首先介绍背景的制作；然后是用矢量工具绘制落叶；接看介绍落叶自身的运动效果的制作；最后是通过控制命令来实现落叶向下飘落的过程。知识要点：■利用矢量工具绘制落叶■利用控制命令来完成下落过程8.1思路剖析及制作流程在制作本实例时，首先制作背景，然后绘制落叶，设置自身动画，命令控制完成落叶下落过程的效果。整个实例的创建过程如

2、图8-2所示。项H2制作落叶自身项LI4图&2“展开与收起的扇子”制作流程项H6项目7项目88.2落叶效果08.2.1设置背景(1)新建Flash文档，右击工作区域，在弹岀的快捷菜单中选择“设置文档…S如图*8-3所示。项目io剪切S)复制(£)粘贴d)粘贴到当前位置全选取消全选标尺®网格辅助线g)贴紧⑤文档屈性龜)图8-3单击“文档属性”(2)在弹出的“文档属性”对话框中设置舞台大小为宽780像素、高440像素、背景颜色为白色。单击确定按钮。如图8・4所示。尺寸①：780px(宽)X440px（高）匹配te

3、)：0打印机(E)内容QO默认(E)背杲颜色但):匚帧频®12fps标尺单位(©:像素图8-4设置文档属性(3)单击“文件/导入/导入到库”，将图片“秋天落叶”导入到图库中，然后用鼠标将图库中的图片拖放到舞台中。如图8-5所示。图8・5放置图片到舞台中项目1（4）选屮图片，通过信息面板对它进行修改，然后再利用X、Y坐标来调整图片在舞台中的位置，使它与舞台完全重合。如图8・6所示。图&6设置图片人小项目28.2.2制作落叶（1）单击“插入”菜单，在弹出的级联菜单中选择“新建元件…”命令。如图8-7所示。项H4新

4、建元件®...CtrljTQ

5、时间轴0）►时间轴特效（£）►场杲⑤图&7单击“新建元件”项目6⑵在弹出的“创建新元件”对话框中对新建元件命名为“落叶1”，类型为“影片剪辑”。如图8・8所示。图8・8设置“创建新元件”对话框（3）在“落叶1”元件的编辑区屮，用鼠标按住矩形工具时间长一些，从屮选择多角星形工具，來绘制图形。如图8・9所示。项目7项LI8工学结合创新教程数字媒体技术原理与应用m*旦矩形工具（R）图8・9选择多角星形工具（4）然后单击下面的属性而板中的“选项”按钮，对多角星形工具进行设置。如图X10所

6、示。图8-10单击选项按钮（5）在弹出的工具设置对话框中设置样式为星形，边数为5边，星形顶点大小为0.5。单击确定按钮。如图8-11所示。图工具设置对话框（6）在落叶1元件的编辑区内绘制一个没有边框线，填充颜色为#CECF00的五角星。如图8・12所示。图8・12设置图形颜色项目2（7）在舞台屮拖动鼠标绘制一个五角星。如图8-13所示。项目3项H4项忖5图8J3绘制图形（8）利用选取工具对绘制的五角星进行形状上的调整。如图8・14所示。项目6项目7项LI8项目9（9）在五角星边上绘制一个合适的没有边框线的矩形

7、。如图8・15所示。图8-15绘制矩形（10）分别选中所绘制的矩形和五角星。然后按Ctrl+G键将它们分别组合。如图8-16所示。图8-16分别组合对彖（11）鼠标选屮矩形工具，然后将它拖放到变形的五角星上，然后利用任意变形工具对它进行旋转设置，放置在合适的位置。如图8・17所示。（边框显示方式）图8-17调整矩形位置后效果（12）鼠标双击矩形，进入到矩形组的内部，将其颜色改为#E7E300o如图&18所示。图&18设置矩形颜色项目2（13）利用选取工具对矩形进行形状上的调整。如图8J9所示。图8-19调整矩

8、形图8-20设置图形颜色项H4项目6（14）在五角星上部绘制一个矩形，没有边框线，填充颜色为#CECF00o如图弘20所示。项目7项LI8（15）利用选取工具对矩形进行形状上的调整。如图8・21所示。图8-21调整矩形（16）使用选取工具，通过框选法选中所有编辑区内的形状，然后按Ctrl+B键将它们全部打散，然后再按Ctrl+G键，将它们组合到一起。如图8・22所示。图8-22组合各部分（17）然后选屮图形，利用对齐面板将它相对于舞台屮的屮心点对齐。用鼠标单击相对于舞台按钮，然后单击水平居中，垂直居中两个按钮

9、。如图8・23所示。对齐对齐：昌昼占1帀阿皿分布：―1茗：S吕叶M2匹配大小：间隔：旦□□go容亞相对于图8-23设置对齐(18)按Ctrl+L键，打开图库面板。鼠标右键单击落叶1元件，在弹出的快捷菜单中选择直接复制命令。如图8・24所示。重命名直接复制移至新文件夹屹删除褊辑編辑方式•••雇性…项LI4链接...图8-24选择真接复制命令(19)在弹出的直接复制对话框中给复制的元件命名为“落叶2”，