Flash《水中倒影》的制作方法

利用FLASH

MX制作动感的水中倒影让一幅普通的图片变成酷炫的，具有水中倒影效果的动画，是每个动画爱好者的心愿，制作方法有很多种，今天本教程是教大家如何利用FLASHMX来制作动感的水中倒影动画。

好，我们开始！

打开FlashMX,按Ctrl+N新建一个文档，“文件”／“导入”导入一张汽车图片，如图。

按F8打开如图面板，将导入的图片转换成“car”元件，如图

然后调整图片的位置,点“插入”／“图层”插入图层２，然后双击这个图层，将这个图层命名为“倒影”，将图层一命名为“car”。选中"car"图层的第一桢，然后按"CTRL+C"复制，然后选择图层“倒影”的第一桢，按"CTRL+V"粘贴，复制一个汽车图片元件,按“修改”／“变形”／“垂直翻转”垂直翻转复制的汽车元件，然后仔细调整位置，将两个图片的位置调整好，特别是衔接处，一定要仔细调整好，位置及时间轴如图。

选中“倒影”图层的第一桢，然后按"ctrl+C"复制，增加一个图层，将这个图层命名为“倒影透明”在这个图层上按"CTRL+V"粘贴元件，然后调整位置，将这个元件与图层“倒影”中的元件对齐，按“shift＋方向键”（数字键上的方向键，这样可以每按一次调整一个象素的位置）将图层“倒影透明”图层上的元件向下调整一个象素位置或是两个象素位置，具体多少你可以视具体情况而定，达到满意效果为止，然后在锁定其它图层（防止在制作过程中将其它图层中的元件移动），只保留“倒影透明”图层不被锁定，然后在场景中点选倒影，在属性面板中将“颜色”框中的“无”选择为“高级”打开高级选项，点旁边的“设置”弹出一个对话框，如图，

将设置透明度，将Alpha的值设为80%，红绿蓝的设置分别为“40%”，“43%”，“100%”如果你看不到“设置”按钮，请将右边的各种面板关闭，只要在相应的面板上用鼠标右键点灰色区域，在弹出的菜单中点“关闭面板”就可以在“颜色”的右边看到“设置”按钮。在“倒影透明”之上增加一个图层，将这个图层命名为“遮罩”锁定和隐藏所有除了“遮罩”层外的其它图层，选择“工具”栏中的矩形工具，将笔触颜色设为透明，填充为任意色，同样，将“倒影”图层中的元件也同样设置，只是透明度的设置为100%。然后在场景中画一个细小的长方形，在属性面板中将这个长方形的宽设置为555，高设置为5，然后选中这个长方形，反复复制，大概要复制五十个，在复制过程中，要注意，千万能不能让复制的两个矩形重合和任何形式上的重叠，防止出现熔合现象，齐不齐无所谓，然后利用对齐面板将之均匀调整，打开对齐面板(CTRL+K),如果你的对齐面板中的“相对于舞台”处于选中状态，请取消选中状态，然后点“遮罩”图层的第一桢，保证所有矩形被选中，点对齐面板“对齐栏”的“水平中齐”(左数第二个按钮)，“分布”栏中的“垂直中间分布”调整后的栅格如图所示。

按“ctrl+G”组合格栅，然后按F8将格栅转换为元件，将这个元件命名为“网格”然后打开对齐面板，将“相对于舞台”选中，按对齐栏的左数第二个和右数第一个按钮，将这个网格元件的底部与场影底部对齐，在时间轴上的第四十桢处按F6，插入关键桢，然后打开动作面板，在第四十桢处输入“gotoAndPlay(2);”命令。在第四十桢处选中场景中的栅格，按住shift+方向键的向下键四次，（非数字键上的方向键）然后在第一桢处创建补间动画，将其它图层上的时间轴的第四十桢处插入桢，在遮罩图层的图层名称上点鼠标右键，在弹出的菜单中选“遮罩层”，至此，水中倒影动画制作完成。效果如图（1）

如何制作更多的效果？下面我们还以上面的制作为例，制作一个非线性的水波倒影。

点“插入”／“新建元件”在名称栏中输入“曲线”，行为选图形，新建一个曲线元件，然后利用矩形工具画一个无边框的长方形，利用钢笔工具增加节点，在上边框和下边框上分别增加三个节点，然后利用箭头工具调整成一个波浪形状，然后在属性面板中宽设置为1100，高设置为303，将之调整在场景中心，然后利用复制粘贴，复制多个曲线，ctrl+G组合，制作后的曲线如图，新建一个元件，名称为“移动波浪”，行为选“影片剪辑”，按Ｆ１１打开库面板，将刚才制作的“曲线”元件拖入到“移动波浪”场景中，然后将之与场景中心对齐，在第四十桢处插入关键桢，在第四十桢处向右移动元件，大概移动三百个象素单位，然后回到主场景中，将遮罩层中的所有关键桢删除（包括补间），然后将刚才制作的“移动波浪”影片剪辑拖到场景中，调整好大小和位置，一幅横向移动的水波倒影制作完成。Flash《水中倒影》的制作方法1打开flash界面/设置影片属性（见图1）。\o"点击图片看全图"

图1

2导入一张图。如果图的下面要去掉一部分，就按ctrl+B2次将图打散，再用直线工具画一条水平线，点下面部分，删除。（见图2、3、4）。将处理过的图片中、上对齐，下面大概留出1/3的空白部分。\o"点击图片看全图"

图2\o"点击图片看全图"图3\o"点击图片看全图"图4

3点时间轴第一祯，选中该图片，Ctrl+C复制，Ctrl+V粘贴。执行：修改/变形/垂直翻转。这时，下面这张图就倒过来了。再用线条工具画线，把天空多余部分去掉，用自由变形工具调整下面这张图的大小，组合在一起（见图5）。\o"点击图片看全图"

图5

4点一下下面这张图（起麻点点哦），右键/复制。5添加2个新层，点图层2第一祯，在场景中，右键/粘贴。再将此图中、下对齐。接着点自由变形工具，将这张图上下拉短一点点。6图层3，点画笔工具，画出水纹（见图6）。点层3第1祯（全部选中水纹），再将鼠标放在水纹图上，右键/转换为元件。在该层13、25插入关键祯。并改变13、25祯水纹的大小和位置（见图7、8）。做补间运动。右键点图层3名字/遮罩层。时间轴效果（见图9）。\o"点击图片看全图"

图6\o"点击图片看全图"

图7\o"点击图片看全图"图8\o"点击图片看全图"图9

7完成/测试用flash4制作迷人的水中倒影来源：不详更新时间：2005-8-672

以前曾经用javascript实现水中倒影的涟漪效果，但是放在网页上下载速度很慢，而现在用flash也可以实现同样的效果，做完后的swf文件仅有6k，下面就让我们来动手试试吧。

步骤一：新建一个电影文件，设置背景色为黑色，选"File\import"倒入一张百合花的图片，接着按F8将它转成图符，起名为"百合"。

步骤二：按Scene1回到主亏场景区，按Ctrl+L,将图库里的"百合"拖入场景区，将这一层命名为"百合"。

步骤三：新建一层，名为"倒影100%"，将图库里的"百合"拖入场景，放在上一层图片的下方，用Modify\transform\FlipVertical,将其倒放，如图所示：单击层面版中间的黑点，将这层锁住，以免以下的操作影响这层的图片。

步骤四：重复上一步，这层名为"倒影60%"，将层的图片与上层的图片基本重合，稍微移下一点点，然后双击图片，在ColorEffect标签中将Alpha值设为60%

步骤五：新建一层名为"蒙版"，放在"倒影60%"之上，Ctrl+F8新建一图符，用矩形工具画若干细长的矩形，做为移动的波浪，做好后将其拖入场景区盖住倒影，如图所示：

步骤六：创"水面"层，这层的图符是一个蓝色和黑色的渐变矩形框，如下图所示，将其盖住倒影,双击矩形框在ColorEffect标签中将Alpha值设为30%

步骤七：创建"光线"层，这层的图符是一个黑白渐变的扁椭圆，用来做水面上的光，如下图所示