利用FLASHMX制作动感的水中倒影

2008-04-02 10:44:51来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折


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

  

好,我们开始!

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

  

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

  

  然后调整图片的位置,点“插入”/“图层”插入图层2,然后双击这个图层,将这个图层命名为“倒影”,将图层一命名为“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组合,制作后的曲线如图,

  

  新建一个元件,名称为“移动波浪”,行为选“影片剪辑”,按F11打开库面板,将刚才制作的“曲线”元件拖入到“移动波浪”场景中,然后将之和场景中央对齐,在第四十桢处插入关键桢,在第四十桢处向右移动元件,大概移动三百个象素单位,然后回到主场景中,将遮罩层中的任何关键桢删除(包括补间),然后将刚才制作的“移动波浪”影片剪辑拖到场景中,调整好大小和位置,一幅横向移动的水波倒影制作完成。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: flash中像素字体使用技巧

下一篇: FlashMX2004新功能:行为