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

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

1、项目1项目2项目3项目4项目5项目9项目8项目6项目7项目10案例3向杯中倒酒的效果本章通过“向杯中倒酒”的效果的制作，介绍了形状补间动画、运动补间动画及遮罩动画三者的利用来制作完成动画的基本技能。“向杯中倒酒”动画效果如图7-1所示。本章首先介绍背景的制作；然后是用矢量工具绘制杯子，不同状态的瓶子及酒水流；按着制作酒瓶中酒水减少的效果，酒杯中酒上升的动画效果；最后制作完成酒瓶倾倒的效果及酒水流的动画效果。知识要点：n利用矢量工具绘制杯子及酒瓶n利用运动补间动画完成酒瓶中酒水不断减少的效果n利用形状补间动画完成酒水流的动画效果图7-1最终效果7.1思路剖析及制作流程在制作本实例时，首先制作背

2、景，然后绘制酒杯，瓶子状态，按着制作酒瓶中酒水减少的效果，酒杯中酒上升的动画效果；最后制作完成酒瓶倾倒的效果及酒水流的动画效果。整个实例的创建过程如图1-2所示。57项目1项目2项目3项目4项目5项目9项目8项目6项目7项目10制作背景绘制酒瓶设置扇骨动画效果酒水减少效果图酒面上升效果57项目1项目2项目3项目4项目5项目9项目8项目6项目7项目10酒瓶倾倒效果水流效果7-2“展开与收起的扇子”制作流程　　7.2　向杯中倒酒效果Ü7.2.1制作背景（1）新建Flash文档，右击工作区域，在弹出的快捷菜单中选择“设置文档…”。如图7-3所示。57项目1项目2项目3项目4项目5项目9项目8项目6

3、项目7项目10图7-3单击“文档属性”（2）在弹出的“文档属性”对话框中设置舞台大小为宽550像素、高500像素、背景颜色为白色，单击确定按钮。如图7-4所示。图7-4设置文档属性（3）在舞台中绘制一个没有边框线，大小为550＊500的矩形。如图7-5所示。图7-5　矩形属性（5）选中舞台中绘制的矩形，利用混色器面板为矩形填充位图。鼠标单击“颜色面板/混色器/颜料桶/”，在类型下拉列表框中选择位图，在弹出的列表框中选择要导入的位图。如图7-6所示。图7-6　填充位图（6）将舞台中的矩形填充所选中的位图的效果如图7-7所示。57项目1项目2项目3项目4项目5项目9项目8项目6项目7项目10图7

4、-7　填充位图的矩形Ü7.2.2绘制杯子（1）单击“插入”菜单，在弹出的级联菜单中选择“新建元件…”命令。如图7-8所示。图7-8单击“新建元件”（2）在弹出的“创建新元件”对话框中对新建元件命名为“扇骨”，类型为“影片剪辑”。如图7-9所示。图7-9设置“创建新元件”对话框（3）单击椭圆工具，然后在混色器中将填充色设置为线性渐变色，左侧的色块颜色#999999，右侧色块颜色为#ffffff。如图7-10所示。57项目1项目2项目3项目4项目5项目9项目8项目6项目7项目10图7-10设置混色器（4）在舞台上绘制椭圆，大小为140＊70。然后按Ctrl+G键将椭圆组合。如图7-11所示。图7

5、-11绘制椭圆（5）将椭圆复制一份，向下移动复制品。然后选中复制后的椭圆，利用变形工具将它缩小到60%之后，鼠标单击复制并应用按钮。如图7-12所示。图7-12设置变形面板（6）利用选取工具及任意变形工具调整两个椭圆的大小及位置。如图7-13所示。57项目1项目2项目3项目4项目5项目9项目8项目6项目7项目10图7-13调整两个椭圆（7）在两个椭圆上面绘制一个大小为20*110的矩形，然后将它组合。如图7-14所示。图7-14绘制矩形（8）在矩形和上面的椭圆之间绘制两条斜线。如图7-15所示。图7-15绘制斜线（9）利用选取工具调整两条斜线为两条弧线，然后将组合全部打散，调整颜色及细节部位

6、，最后全部选中组合，利用对齐面板将它相对于舞台垂直水平居中。如图7-16所示。57项目1项目2项目3项目4项目5项目9项目8项目6项目7项目10图7-16调整后的杯子Ü7.2.3制作倾倒的酒瓶动画（1）新建一个影片剪辑元件，命名为“空酒瓶”。单击确定按钮。如图1-21所示。图7-17新建空酒瓶元件（2）在空酒瓶元件的编辑区中导入图片“瓶子原”，然后打散它，去掉背景。然后用墨水瓶工具给它添加边框，去掉填充色。如图7-18所示。图7-18瓶子框线（3）新建影片剪辑元件，命名为“满瓶子”57项目1项目2项目3项目4项目5项目9项目8项目6项目7项目10，单击确定按钮进入到满瓶子元件的编辑区。如图7

7、-19所示。图7-19创建新元件（4）将空瓶子元件拖入到满瓶子元件的编辑区中，然后Ctrl+B键打散空瓶子元件。如图7-20所示。图7-20设置圆的位置（5）利用颜料桶工具对打散的瓶子进行填色，类型为线性渐变色，左侧色块颜色为#990000，右侧色块颜色为#000000。如图7-21所示。图7-21设置混色器（6）利用工具栏中的颜料桶工具将满瓶子元件编辑区中的瓶子填充上设置好的颜色后的效果如图7-22所示。5