这是一个美丽的小金鱼在碧波荡漾的水里吐着小水泡动画实例,在这个实例里我们利用动作补间动画、
遮罩动画、引导路径动画制作的。
|
源文件:点击下载源文件 |
★★本例的知识点:创建透明的水泡、创建多层遮罩、创建补间动作动画、引导路径的应用。 |
★★本例制作步骤: |
1、执行“文件”/“新建”命令,在弹出的面板选择“常规”/“FLASH文档”,选择后点确定。新建一个影片文档,在“属性”面板上设置文件大小为400*300象素,背景色为任意。 |
2、执行“插入”/“新建元件”命令,新建一个图形元件名称为“小水泡”。选择工具栏里椭圆工具按住Shift键在场景中画一个无边的园,颜色任意,大小为14*14,执行“窗口/设计面板/混色器”。打开混色器面板选择填充样式为“放射状”,再设置混色器面板的参数,四个调节手柄全为白色,Alpha值从左向右依次为100%、40%、10%、100%,如下图所示,选择工具栏里的油漆筒工具在画好的圆中心偏左上点一下,如对填充的颜色不满意,可以用填充变形工具进行调整。 |
|
3、 执行“插入”/“新建元件”命令,新建一个图形元件,名称为“细长矩形”。选择工具栏里的矩形工具在场景中画一个420*30的颜色任意无边矩形,再选择工具栏里的黑箭头工具向下拖一个圆弧,复制并粘帖这个小圆弧,
向下移一点位置,使其变成二个,再复制并粘贴这二个圆弧,再向下移一点位置,使其变为四个,如此循环,直至创建出一个420*480的矩形,如下图所示: |
|
4、回到主场景执行“文件”/“导入到舞台”命令,导入一张图(图片可以是自己喜欢的图,也可以导入本实例的素材包里的图片)在属性面板里修改图片的大小为400*300。然后选择场景中的图片点右键键选择转换为元件,转换成名为“鱼”的图形元件。在属性面板上设置元件的X值为0,Y值为0,在第一帧上点右键,在弹出菜单中选择“复制帧”,在第40帧加普通帧。 |
5、新建一层名为“鱼”层在这层的第一帧上点右键,在弹出菜单中选择“粘贴帧”,就把刚才的元件粘到第二层里了,在属性面板上设置此元件的X值为0,Y值为1,Alpha值为60%,在第40帧加普通帧。第一层和第二层中在X,Y轴的位置的不同的对比如下图所示。 |
|
|
6、
新建一层名为“细长矩形”层,在第1帧上拖入库中名为“细长矩形”的元件,注意下面的边缘对着元件“鱼”的下边缘。如下图一所示在第40帧上加关键帧,拖动“细长矩形”,使其上边缘对着元件“鱼”的上边缘,回第1帧创建补间动作动画。如下图二所示。选择“细长矩形”的层点右键,在弹出的菜单中选择“
遮罩层”这样“鱼”层就被缩进被遮罩了。如下图三所示: |
图一
|
图二
|
图三 |
7、点击添加引导层按钮添加一个引导层,在此层中选择工具栏里铅笔工具,从场景的小金鱼的嘴中心向上画一条曲线并在第40帧处加普通帧。新建三层分别命名为“小水泡1”、“小水泡2”、“小水泡3”把三层拖入到引导层的下方。注意要按下工具栏里“对齐对象”按扭。在“小水泡1”的第一帧拖入库中的元件“小水泡”
放在引导线的下端,在第40帧加关键帧,把“小水泡”元件移到引导线的上端并设置Alpha值为50%,回到第一帧创建动作补间动画。在“小水泡2”层的第10帧、在“小水泡3”层的第15帧也同样拖入库中的元件“小水泡”
放在引导线的下端,在第40帧加关键帧,把“小水泡”元件移到引导线的上端并设置Alpha值为50%,并创建动作补间动画。完成后的“金鱼”时间轴上的面板如下图所示: |
|
8、执行“控制/测试影片”命令,看效果如果满意就执行“文件/保存”命令,将文件保存成“金鱼.fla”文件存盘。 |