[教程]flash使用动画补间模拟水波纹

此教程转载自爱闪客,源文地址

此篇教程将模拟雨中水波纹的效果，会使用到动画补间方法和变形转换方法。示例如下：

http://www.flashigot.com/files/i ... gTheMotionTween.swf

步骤 1

新建一个flash文档，尺寸大小任意。选择深色作为背景，帧频设置为30。



使用圆形工具，在工具面板的颜色部分，将填充色设为透明，轮廓线条颜色选择为白色画出一个大小为440X2 像素的圆形，如下图：


然后在属性面板（Ctrl + F3）选择外形轮廓线条类型为实线。线条厚度为0.2。如下图：


步骤 3

然后画一个15 X 15像素的圆形，如下图所示：



步骤 4

选择住圆形按F8键将之转换为影片剪辑！



步骤 5
同时选择15帧和30帧按F6键


步骤 6

回到15帧，使用任意变形工具按住Shift键来放大圆，如下图所示：


步骤 7

然后选择30帧，再次使用任意变形工具将圆形放大一点点。


步骤 8

再次使用选择工具单击圆形。在属性面板的右边，颜色的下拉框中选择Alpha，将之设置为0%。



步骤 9

在第1帧到第15帧之间和第15帧到30帧之间创建动画补间。


步骤 10

将当前层命名为circle。

步骤 11

然后在circle层上新建一层，名为circle1。

步骤 12

在circle层按Ctrl +C 键复制帧。然后在circle1层的第5帧按F6键，按Ctrl + Shift + V粘贴到当前位置。

步骤 13

点击第20帧和第35帧按F7键（空白帧）。在circle层的第15帧再次按Ctrl + C键复制，再来到circle 1层按Ctrl + Shift +V键粘贴到当前位置。

步骤 14

再来到第30帧按Ctrl + C复制。并将复制的图形在circle 1层粘贴到当前位置。

步骤 15

右键单击第5帧到第20帧和第20帧到第35帧之间的灰色区域，创建动画补间。如下图所示：


步骤 16

再在circle1层上新建一层，命为circle2。

步骤 17

在circle层的第一帧再次按Ctrl + C键复制。然后选择circle2层的第10帧按F6键。选择住第10帧按Ctrl + Shift + V粘贴到当前位置。

步骤 18

单击第25帧和第40帧按F7键。来到circle层的第15帧再次按Ctrl + C复制。然后在circle 2层的第25帧按Ctrl + Shift + V键粘贴到当前位置。

步骤 19

回到circle层的第30帧按Ctrl + C键复制。然后在circle2层的第40帧粘贴到当前位置。

步骤 20

右键单击第10帧到第25帧和第25帧到第40帧之间的灰色区域，创建动画补间。至此所有操作己完成，测试一下吧！

sample.rar (105.6 KB)

[ 本帖最后由 flashigot 于 2011-8-7 09:32 编辑 ]

谢谢分享·！！

















我本沉默