1、Flash 实训 倒酒效果制作一、实训目的:通过制作“向杯中倒酒的效果” ,练习形状补间动画、运动补间动画、遮罩动画及三者综合的制作技巧。二、知识要点1、利用矢量工具绘制杯子及酒瓶。2、利用动作补间动画完成酒瓶中酒水不断减少的效果。3、利用形状补间动画完成酒水流的动画效果。三、任务步骤1、绘制杯子并转换为名为“杯子”的影片剪辑元件。杯子如下图,填充的线性渐变色左侧色块颜色为#999999,右边色块颜色为#FFFFFF.2、制作倾倒的酒瓶动画。(1)绘制酒瓶并转换为名为“空酒瓶”的影片剪辑元件,如图所示:(2)将“空酒瓶”元件直接复制为名为“满酒瓶”的影片剪辑元件,并填充渐变色,左侧颜色色块为#
2、990000,右侧颜色色块为#000000。如下图所示:(3)再新建一个名为“倾倒瓶子”的影片剪辑元件,进入元件编辑区。将图层 1 命名为“满瓶子”,将“满瓶子”元件拖到第 1 帧。在“满瓶子”上方新建一个图层,命名为“遮罩”,在“遮罩”图层上绘制一个矩形,无边框,颜色任意。矩形大小如图所示:将矩形转换为名为“遮罩”的影片剪辑元件。在遮罩图层的第40 帧插入关键帧(按 F6),在“满瓶子”图层插入普通帧(按 F5);然后在“遮罩层”图层的第 1 帧和第 40 帧之间创建运动补间动画。单击第 40 帧,打开动作面板,输入控制命令 stop()。在遮罩图层的第 40帧中旋转矩形,通过“变形”面板将
3、矩形旋转 25 度。如图所示:右击遮罩图层,从弹出的快捷菜单中选择“遮罩层”,实现酒水的减少。3、制作杯子酒满的效果。(1)在主场景中新建“杯子”图层,将“杯子”元件拖放到舞台上。(2)在舞台中将“杯子”打散,然后利用选取工具选中杯口上边缘的弧线,复制一条新的弧线并拖到下方,填充颜色,制作出杯子酒满的效果。如图所示:(3)在“杯子”图层上新建一个遮罩图层,在“遮罩”图层中绘制一个没有边框线的色块,此色块的上端要与杯子的弧度一致,颜色不同,如图所示:(4)将色块移动到杯子下方,然后在“遮罩”层的第 50 帧处插入关键帧,在其他图层的第 40 帧插入普通帧。移动“遮罩”图层第 50 帧中的色块,让
4、它正好将杯子遮住,如图所示(框线显示方式):(5)选中第 1 帧到第 50 帧之间的任何一帧,设置形状补间动画。(6)将“遮罩层”图层设为遮罩层。(7)新建一个图层,置于“杯子”图层下方,名为“空杯子”,然后将“杯子”元件拖入舞台中,大小和“杯子”图层的杯子一致,位置和它完全重合。4、制作酒瓶倾斜的动画。(1)在“遮罩”图层上新建一个名为“倒酒”的图层,将“倾倒杯子”元件拖放到舞台中,位置如图所示:(2)利用任意变形工具将第 1 帧中“倾倒瓶子”元件的中心点移动到瓶口处,并在第 40 帧处插入关键帧(按 F6)。在第 40 帧处通过“变形”面板将“倾倒瓶子”元件旋转 25 度,如图所示:(3)创建补间动画,完成酒瓶的倾斜过程。5、制作酒水的水流效果。(1)在倒酒图层的上方新建一个图层,命名为“水流” 。在第 1 帧绘制一条直线,粗细为 3。(2)在杯口和瓶口之间绘制一条垂直线,如图所示:(3)在第 5 帧处插入关键帧,单击第 1 帧,利用选取工具删除下面一截线段,如图所示:(4)在第 1 帧至第 5 帧间创建形状补间动画。(5)在最上面的 3 个图层的第 41 帧处插入空白关键帧,其他图层在第 70 帧处插入普通帧。至此,动画制作完毕,调试并保存动画。三、任务要求在此动画的制作过程中,应注意酒瓶与酒杯的比例尽量接近真实,酒瓶中酒水的减少与酒杯中酒水的增加过程应成反比例变化。