小鱼完成效果图: 网页教学网
三、涟漪的制作 1、圆圈元件: 网页教学网
新建元件,图形,名称圆圈, Webjx.Com
用椭圆工具,填充禁止,笔触色任意,画一个椰圆,用变形工具选中,打开变形面板,约束打上勾,70%,点复制并运用变形一次,再得到一个小圆, Webjx.Com
图14
网页教学网
选中两个圆打散,放射状填充,左右009966,Alpha为0,中FFFFF9,Alpha100%,用填充变形工具,调整如下图: Webjx.Com
图15
Webjx.Com 2、涟漪元件 Webjx.Com
新建元件,影片剪辑,名称涟漪 网页教学网
点第一帧从库中把圆圈元件拖进来,并缩小(4.9*1.8) 网页教学网
在第40帧插入关键帧,选中元件,放大(100*37), 并在属性面板里,调整Alpha为0,创建动画补间。
增加两个层,选中第一层,点右键,复制帧
图16
分别粘贴到第二层的第4帧,第三层的第8帧上。
把第三层后面的关键帧拖到第55帧上,并延长到80帧,在第81帧插入空白关键帧,打开动作面板加上语句 stop();
图17
四、水波的制作
新建影片剪辑元件,名称水波。
1、画背景:用矩形工具,笔触色禁止,线性填充,左CCF5FF,右009966,画一个550*400的矩形,填充变形工具调整颜色。
图18
网页教学网
2、选中矩形,ctrl+c复制,增加图层2,ctrl+shift+v粘贴到当前位置,选中图层2的矩形用方向键向上移动3个像素。这两个图层都延长到120帧,上锁。 3、增加图层3,用矩形工具,画一个长条,选中长条,按住ALT键,拖拽出多个长条(整体大小约550*515),用黑箭头工具和橡皮擦工具调整为不规则图形,也可以用刷子工具来画。
图19 Webjx.Com
全选,转换为元件,图形,名称为遮片。 Webjx.Com
第120帧插入关键帧,回到第一帧创建动画补间,再选中遮片,让它的底与背景的底对齐。
图20
第120帧遮片的顶与背景图的顶对齐。 Webjx.Com