继续创造,加速成长!这是我参加「日新计划 10 月更文应战」的第22天,点击检查活动概况
今天咱们做一个波形水纹的动画作用,尽量形象的制作出水纹的作用,让水面更加实在
目录
新建画纸 制作波纹 波纹的动态作用 怎么产生层次? 著作作用展现
一.新建画纸
打开Flash,新建ActionScript 3.0,就新建了巨细为550400像素巨细的纸张。
二.制作波纹
波纹是由多个同心圆嵌套而成,所以咱们先画一个圆必定要不填充任何色彩只留白色描边,将舞台色彩改为黑色,在50帧的当地,按F6,在35帧左右鼠标右键刺进关键帧。将榜首帧动画的圆圈缩放至最小,按住Alt+Shift能够沿中心点缩放
如果遇到有首帧和尾帧并且调整首帧巨细后,转为传统补间播映,没有中心放大和缩小的进程,那你就忘了一个fl动画作用最重要的因素,那就是有必要要在原件状态下才能够进行动画作用,所以,在一开端,你们将舞台色彩变黑画出那个白色的空心圆石,就要把那个最大的白色的空心圆转为元件,然后在最终一帧按下f6张贴上一帧已经是元件的图形这样在播映的时候就会从榜首帧到最终一帧进行巨细的改变
但有从小到大就要有从有到无,所以咱们在95帧刺进关键帧
调整Alpha值(不透明度)
95帧透明度不变,最终一帧调为0,这样透明度就会从95帧开端到完毕逐渐削减直至消失
三.波纹的动态作用
将这个图层的帧剪切下来,在窗口菜单里找到库,这里边放的都是元件,在左下角新建元件,进入元件里点击榜首帧,右键张贴帧
在元件里,Enter回车是播映,记住元件称号,退出元件在库中找到这个元件,拖拽到画布中,按住Alt键拖拽可直接仿制,在对齐菜单下找到垂直对齐和水平居中,让每个圆的距离都相同大
将实例行为改为图形,下面会有榜首帧开端播映的帧数,更改他构成先后顺序
120 帧给12个球平分,所以每个球的榜首帧是前一个球帧数加10帧,每个球累加就会出现作用
在对齐菜单下挑选水平居中对齐,就能得到同心圆作用
播映一下试试
能够看到最外层有一个圈如同不受规则约束,能够直接删除(因为是最终一帧)也能够回头找原因
往前撤回一步看看原因在哪
进入这个元件独自播映,发现图层时间轴最终居然有2个黑点,正常情况下倒数第二个点的透明度就为0了,后面这个透明度必定为100%,所以才会有这样的瑕疵
最终作用
四.怎么产生层次?
将这个动画作用全程的帧剪切,在库中新建元件
在榜首帧张贴帧,退出元件,记住元件称号,拖拽元件到舞台上仿制并张贴3个,压扁调整巨细
分到四个图层上,做动画作用:
1.渐显
因为是水面所以要尽量贴合水面,能够在剪切各元件到图层时,将Alpha值调整为50%。 0-15帧渐显,首先在50帧按下F6,在15帧添加关键帧,调整Alpha值为50%,榜首帧为0%
想移动长短能够按Ctrl鼠标拖动进行移动
2.渐隐
依旧是刺进关键帧,最终一帧的透明度调为0