FLASH水波纹效果动画制作教程图文自编

这个教程很简单也好学，希望对初步认识FLASH的动画爱好者有帮助，废话少说，下面我们开始制作教程吧

教程准备，准备一张带水的风景图片为例，其他没有什么需求

一，首先打开FLASH软件8.0，这个版本比较好用，设置文档属性为宽550 高400，也是软件默认的属性，背景颜色你可以改为自己喜欢的颜色，这个看由你自己选择，在制作时我比较喜欢用黑色，如图

设置好文档属性后，我们点击确定，进入场景中来，

二在场景第一帧点击下，在点击软件中的文件----导入 -----导入到舞台---，把刚才的你找好的风景图片导入进入点击确定，这个图片就自然到了场景中，首先图片大小要符合场景文档属性的默认要求，修改图片的大小尺寸，如果图片有网址，我们可以提前用PR软件处理掉，或者在FLASH软件场景中点击图片右键，分离，图片成麻点状后，用矩形选框工具把网址框起来删除，在下面的属性面板把小锁打开，设置为高400，图片自己形成等比例的大小，如图下

设置好以后在，在时间轴的100帧右键插入帧，点击中间场景中的图片右键为图型元件，对齐面板，水平中齐，垂直中齐，在点击中间图片右键复制，锁上图层一，

三，建立图层二，在时间轴左侧下面点击插入图层的小按钮添加一个图层二，双击图层区修改下名字为 “|水动”如图下

添加好之后，在点击图层二水动的第一帧，在场景下面空白处鼠标右键选择粘贴到当前位置，这样刚才复制的图层一图片就覆盖在图层二上，点击图层二的图片右键分离，分离后把不是水的地方用橡皮擦工具擦掉，如看不清，先临时把图层一眼睛关闭掉，就是把图层一小锁前面的眼睛点击下看擦好后的效果如图下

擦好之后把图层一的眼睛打开，这时候需要放大你场景的倍数，在软件的右边点击小三角放大到400%，

这样放大后，在点击场景中的图层二水动部分的图片，找到键盘上的上下左右方向键，我们就用下键往下敲打两下，在用右键向右敲打两下，在时间轴的100帧处右键插入帧在把场景改会100%

锁上图层二，建立图层三，遮罩层，我们用矩形或者刷子工具，在这里用矩形工具，在场景中先画一个矩形条为宽是700. 高是10的矩形，画好后在点击下黑箭头工具，把矩形拉个弓形，弄好后，在复制多个弓形，把图片完全的覆盖好，还要过图片的高度，如图效果

做到这步后，我们在图层三的时间轴100帧处，右键插入关键帧，在点100帧，把遮罩的矩形条上边和图片的上端对齐，如图下

放好位置后，在点击下面属性旁边的补间小三角-------改为形状补间，

在图层三处点击右键为遮罩层，就这样一个水波纹的动画就出炉了，其实在这里为了让大家学的快，这个图片应该树木和水都应该有轻微的动，树木动和水动的原理是一样的，简单吧，这个大家可以学习参考，当然如果

你有好制作方法的教材也可以在编辑更好的效果出来，小妖编写教材纯属娱乐，高手莫笑哦，

看看我制作好的效果图吧，希望你喜欢

祝你成功哦，小妖欢迎你加入会员http://www.beiyy.com/flashyuanma/flashjcjb/suibo.swf

FLASH水波纹效果动画制作教程图文自编相关推荐

CSS：模拟下雪效果动画制作教程
下雪效果只是一类效果的名称,可以是红包雨等一些自由落体的运动效果,本文就是用纯css模拟下雪的效果,更多效果大家可以自行发挥. 1.前言由于公司产品的活动,需要模拟类似下雪的效果.浏览器实现动画无非 ...
android水波纹动画制作,Framer之事件 | 如何制作安卓点击水波纹效果？
之前的 Framer 教程都是按照个人喜好去写的,没有按照难易程度形成系列.为了让大家能更好地入门,我准备由易到难写一个系列教程,尽量保持在每周一篇的频率. 导读:事件是 Framer 中的一个重要概 ...
android水波圆圈动画,Android支付宝咻咻水波纹效果的实现
概述最近看到支付宝咻咻的页面就想模仿一下,话不多说,先看效果图.(录制的有点渣) GIF.gif 先说说这个效果: 1.点击中间图标开始搜索附近的人. 2.开始搜索后水波纹一圈圈的加速向外扩张. 3 ...
android水波纹点击动画,android 控件点击水波纹效果的几种方案
目前我所知道的至少有三种可以实现点击水波纹的效果第一种:安卓自带的方法在安卓中有自带的一种属性,可以实现水波纹的效果,就是在所需要点击的控件属性加上如下代码: android:background ...
ae制作的mg如何用到html,比AE更简单！MG动画制作教程在这里
说到MG动画制作,最先浮现在脑海的是AE和FLASH.但是,AE和FLASH的难度很大,非专业人士基本上不可能玩转,学习成本很高.那么,有没有简单的.易上手,可以轻松做出拉风MG动画视频的方法? 有, ...
css波纹波动效果,CSS 冲击波(水波纹)效果
实现冲击波--数学知识很重要 *{ margin:0; padding:0; box-sizing:border-box; } html,body{ font-family:"微软雅黑&qu ...
html5 水波式按钮_css3+jQuery实现按钮水波纹效果
水波纹按钮 /*自定义按钮样式*/ .btns{ height: 30px; line-height: 30px; text-align: center; width: 200px; color: # ...
ios开发方形到圆的动画_3Blue1Brown 动画制作教程(1)--制作第一个自己的动画
制作第一个自己的动画前一篇详细介绍了 3Blue1Brown 的动画引擎在 Windows 10 64 位系统上,基于 Anaconda的配置方法,并且详细描述了在配置 3Blue1Brown 提供 ...
hge引擎配置登录器教程_3Blue1Brown 动画制作教程(1)--制作第一个自己的动画
制作第一个自己的动画前一篇详细介绍了 3Blue1Brown 的动画引擎在 Windows 10 64 位系统上,基于 Anaconda的配置方法,并且详细描述了在配置 3Blue1Brown 提供 ...

FLASH水波纹效果动画制作教程图文自编

FLASH水波纹效果动画制作教程图文自编相关推荐

最新文章

热门文章