Flash制作瀑布流水动画效果(非代码)

所属分类: 媒体动画 / Flash教程 阅读数: 82
收藏 0 赞 0 分享

流水动画用到的知识比较少,但是很多新手做不出来,因为这个动画细节比较多,在这里我们给大家详细的介绍下流水效果的实现,比较简单,这篇教程是向脚本之家的朋友介绍Flash制作瀑布流水动画效果方法,大家要仔细看清楚咯!我的习惯是能放到元件里的就放到元件里。

Flash瀑布流水动画的效果怎么实现(非代码)?

方法/步骤

【第一步】找一张素材图。拖到场景中,然后根据你图像的大小调整舞台或者图像的大小,这个看图片的尺寸了。尽量不要让图片变化太大了。将这张图转换为影片剪辑元件,命名为“流水”。

Flash瀑布流水动画的效果怎么实现(非代码)?

【第二步】把水从图里面抠出来。进入“流水”元件,复制素材图,新建图层,并粘贴到当前位置,然后打散,用橡皮把除了水以外的部分都擦掉,然后选中这个帧,按一次下一次左(只要不是相反的两个键就可以)。

Flash瀑布流水动画的效果怎么实现(非代码)?

【第三步】创建遮罩元件。新建图形元件,画一个几像素宽的长条矩形。新建影片剪辑元件,命名为“遮罩”,把刚刚的图形元件拖进来,按Ctrl+D复制多个,选择这一帧,设置居中对齐,在第20帧处插入关键帧,在这中间创建传统补间,将最后一帧下移他的一半(这个长度最少有两个场景高度那么高)。

Flash瀑布流水动画的效果怎么实现(非代码)?

Flash瀑布流水动画的效果怎么实现(非代码)?

【第四步】创建遮罩层。打开“流水”元件,新建图层,把“遮罩”元件拖到图层三,然后转一定的角度,底部遮住图层二抠出来的水。然后把这个图层设置为遮罩层,遮住水的图层。

Flash瀑布流水动画的效果怎么实现(非代码)?

【第五步】测试。将”流水“元件对齐到舞台,如果不合适,差的不多可以在属性面板改下图片大小,如果第一步做好,这里只需要对齐就可以来了,对齐了好看。

Flash瀑布流水动画的效果怎么实现(非代码)?

【说明】第二步做的时候可以先用橡皮沿着水擦一圈,再用选择工具选中剩下的部分按Delete删除。粘贴到当前位置的快捷键是Ctrl+Shift+V。把图片改的和舞台一样大可以选中图片后点击对齐面板的匹配宽和高和相对无舞台分布,也就是图中的两个按钮。

Flash瀑布流水动画的效果怎么实现(非代码)?

以上就是Flash制作瀑布流水动画效果过程,大家学会了吗?希望能对大家有所帮助!

更多精彩内容其他人还在看

FLASH CLASS的基本编写规范

继续回来写教程。本来不想写这节的,因为这节的内容很多书上或者网上资料都有,而且写的比我要详细正规得多。但后来想想,还是写吧!为啥?凑篇幅呗~啊哈哈~而且后面几节要结合接宝的范例游戏,具体分析它的几个CLASS,所以,还是用一节把CLASS的写法说一下。可能我对CLASS
收藏 0 赞 0 分享

flash教程:使用拆分数字和文字的函数

flash的小函数:拆分数字和文字的函数. 以下为引用的内容: /* * 拆分数字和文字 */ public function splitNS(s:String):Object{ var tNum:String=""
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例六

相关文章: 通过实例学习Flash AS3.0——案例五 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

用Flash AS制作逼真的下雨动画效果

Flash教程:用Flash AS制作逼真的下雨动画效果 先看下效果:(附.swf文件) 制作过程 一、新建一图层,大小随意; 二、新建元件(影片剪辑): 1、制作雨滴并下落。使用直线工具(颜色设为灰色,1像素)画一短直线,使用选择工具将直
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例五

相关文章: 通过实例学习Flash AS3.0——案例四 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

Flash CS3制作Fla形式的组件

  本文为大家介绍如何制作Flash CS3中的[*.fla]形式的的组件(Component)。这种组件和SWC组件不同,它和CS3自带的组件一样能够双击进入组件里面编辑,是Flash CS3新增加的一种组件形态。下面我们制作一个MyButton组件为例子。   制作步骤:
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例四

相关文章:通过实例学习AS3.0——案例三 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。
收藏 0 赞 0 分享

通过实例学习flash AS3.0——案例二

相关文章:通过实例学习AS3.0 --案例一 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢
收藏 0 赞 0 分享

通过实例学习AS3.0——案例三

相关文章:通过实例学习flash AS3.0——案例二 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知
收藏 0 赞 0 分享

通过实例学习AS3.0

首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢迎大虾小虾,大鸟小鸟指正。 下面进入正题:
收藏 0 赞 0 分享
查看更多