切换到宽版
  • 1306阅读
  • 75回复

关于flash动画中的波动 [复制链接]

上一主题 下一主题
在线寒江雪润
 

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
— 本帖被 呼吸 执行加亮操作(2017-06-07) —
应坛友之邀,介绍一下flash动画中的波动。 一,波动在flash动画中的应用对象 波动在动画中应用是有对象的,不能什么都可用波动,比如:房子、树干、人物等,这些都不能做波动,除非这些都在水下, 或者虽不在水下,如果在水面上能产生倒影也可以做波动。否则固态的东东做波动很别扭。一般来说做波动有以下几个对象。 1,水面--- 让静态的水面动起来,需要做波动。水面波动的应用最多,当然,在水面的画面上要有一定的波纹,如果没有任何波纹, 也没有明暗间隔,一汪清水,那没法做,但假如能加点岸边物在水中的倒影,就能做了。 2,瀑布--- 瀑布也是一种常见的波动,只是它流动方向确定的。 3,女子的飘裙--- 在风中的飘裙、飘带以及窗帘等也可以做波动。 4,细小密集的树叶以及一些特殊环境中的头发等等。
7条评分宜城币+188
海陵 宜城币 +30 哇!厉害了。 06-09
华华 宜城币 +20 精彩的教程,谢谢寒江老师! 06-08
过往云烟 宜城币 +20 非常实用的教程,感谢寒江老师精彩分享。 06-08
萍水相逢 宜城币 +30 精彩教程,欣赏学习。 06-07
楚云飞 宜城币 +28 哇!好有意境耶。 06-07
呼吸 宜城币 +30 好详细精彩的教程 谢谢寒江老师分享精彩! 06-07
踏雪寻梅 宜城币 +30 赞一个!手掌都拍红了! 06-07
↓↓↓如果你喜欢此帖,那就点赞和回复吧↓↓↓     

点赞
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 沙发  发表于: 06-07
二,做波动可用的几种方法
1,遮罩法---
用传统的遮罩法做波动应用最广泛,因为它是万能的,任何需要波动的地方都能做,适应强是其优点。缺点是不够精细,但用用已经足够了。

2,as代码法---
代码法的效果如同传统遮罩法,只是它够简单,复制上一些代码就能用,不需要做传统的那些个遮罩运动。

3,透明图层叠加法---
这个方法一般用在特殊的环境中,比如,水面有定向流动。

4,逐帧动画---
逐帧动画波动在flash中用了比较少,因为麻烦,占空间大,所以,一般人都不用,但它效果最好,逼真。

我在这里只介绍传统遮罩法和as代码法。
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 板凳  发表于: 06-07
三,传统遮罩法



这是某论坛坛友发上来的一张静态图片,并附上了一首歌曲,在那里有人要我做一个教程,我顺便就用此图做了个教程。
本主题包含附件,请 登录 后查看, 或者 注册 成为会员
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 地板  发表于: 06-07
今天就把此实例删去船的部分做一个介绍。

本主题包含附件,请 登录 后查看, 或者 注册 成为会员
1条评分宜城币+30
呼吸 宜城币 +30 好详细精彩的教程 谢谢寒江老师分享精彩! 06-07
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 地下室1  发表于: 06-07












效果图
3条评分宜城币+88
晴哲 宜城币 +30 欣赏学习老师佳作 06-11
呼吸 宜城币 +30 哇!好有意境耶。 06-07
楚云飞 宜城币 +28 哇!好有意境耶。 06-07
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 地下室2  发表于: 06-07
传统遮罩法是依靠遮罩的运动来获得波动效果,它有以下几个步骤:
1,抠图---
把需要波动的部分抠出来,此例是水面。

2,做一个如同百叶窗式的遮罩-----
条形可粗可细,可以是长方形的,也可以是弯曲波浪形的,这可以根据需要做成不同形状,不同形状的效果不同。
本例是长方形的细条并按次序排列成百叶窗的状态。



本主题包含附件,请 登录 后查看, 或者 注册 成为会员
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 6楼 发表于: 06-07
3,新建一个影片剪辑---
在影片剪辑的最下面图层放静态底图(即原图),在底图上层放抠出的河面,并与之上下对齐,然后上下各移动一个像素。
(当然也可以移动2个像素,那波幅会增大。)最上层放百叶窗遮罩。

4,做波动动画----
在时间轴的第一帧安置好遮罩的位置,在最后一帧插入一个关键帧,然后把遮罩移到最后位置,并在第一帧与最后一帧之间
做补间动画。最后把百叶窗遮罩设置为遮罩层就ok了。

本主题包含附件,请 登录 后查看, 或者 注册 成为会员
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 7楼 发表于: 06-07
所以,传统遮罩波动关键在于遮罩,波动效果与百叶窗的形状、条形的粗细、运动速度、运动方向都有关,并与你选择的底图波纹也有关。波动属于简单动画,做起来方便容易,试着做几次就明白了,一般波幅不能太大,太大了会失真。
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 8楼 发表于: 06-07
四,as代码波动--- as代码波动比较容易,只要复制代码,无须做百叶窗遮罩,缺点是代码做死了,你不是专业人士,无法改动,只能改代码中的数字,以此可以稍许改变波动程度,无法改变波动方式。
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 9楼 发表于: 06-07
具体步骤:
1,抠图

2,新建影片剪辑--
  在影片剪辑中导入抠出的河面

3,在主场景做动画---
将底图拖入主场景中,上层放抠出的河面,就是影片剪辑,给影片剪辑取个实例名。注意,这实例名必须与代码中
一致,否则系统找不到。

4,在最上层写代码---
在第一帧按右键,菜单中选择动作,在动作面板中复制代码。
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 10楼 发表于: 06-07
因为我这里有as1,as2,as3做好的源文件,所以不在这里贴代码了,不同代码的波动不同。as1针对波纹,比较细腻。as2是扭曲滤镜,幅度比较大。as3针对流水是细长波纹。

不同的需要,可以用不同的方法做波动。as3代码适用新技术,因为许多新功能都用as3,波动只是动画中的一个片段,
如果你用了as1或者as2,那么整个动画的其他片段就不能再用as3功能。
1条评分宜城币+30
呼吸 宜城币 +30 好详细精彩的教程 谢谢寒江老师分享精彩! 06-07
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 11楼 发表于: 06-07
我这里做好了此图教程的遮罩波动源文件以及as1、as2、as3的波动源文件。由于论坛上传附件大小是300K限制,而源文件都是以M计算,所以无法将源文件都传上来,需要者可以在后面跟帖索取。
离线踏雪寻梅

发帖
38810
宜城币
207809
威望
39920
贡献值
83
银元
654
只看该作者 12楼 发表于: 06-07
赞一个!手掌都拍红了!
欢迎来到枞阳乡情网,情系枞阳,网罗天下,共同打造最好的亲情-乡情-友情交流平台。联络同乡,互联互动,信息共享,互相帮忙,共同发展。乡情网有你更精彩![这是默认签名,更换签名点这里!]
离线踏雪寻梅

发帖
38810
宜城币
207809
威望
39920
贡献值
83
银元
654
只看该作者 13楼 发表于: 06-07
老师的教程非常精彩,不知道用老师的源码是不是就不用重新制作了,套用老师的代码就可以了啊
离线踏雪寻梅

发帖
38810
宜城币
207809
威望
39920
贡献值
83
银元
654
只看该作者 14楼 发表于: 06-07
一路有你 心念如梦,记录在枞阳论坛里! 谢谢老师给大家带来听觉的享受和精神的陶冶;期待更多精彩~~
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 15楼 发表于: 06-07
回 踏雪寻梅 的帖子
踏雪寻梅:赞一个!手掌都拍红了! (2017-06-07 17:20) 

问好踏雪寻梅!
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 16楼 发表于: 06-07
回 踏雪寻梅 的帖子
踏雪寻梅:老师的教程非常精彩,不知道用老师的源码是不是就不用重新制作了,套用老师的代码就可以了啊 (2017-06-07 17:21) 

是的,代码现成的,只要换上你的图片就可以了。我做的这个舞台大小是1000X625,如果你是同样大小的图片,就不必改,如果你图片大小不同,也即舞台大小不同,就需要改动一下代码中的舞台数据。
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 17楼 发表于: 06-07
回 踏雪寻梅 的帖子
踏雪寻梅:一路有你 心念如梦,记录在枞阳论坛里! 谢谢老师给大家带来听觉的享受和精神的陶冶;期待更多精彩~~ (2017-06-07 17:21) 

本例教程给出的效果图,是用传统遮罩做的,传统遮罩变化大,适应性强,我一般都用传统遮罩做波动。

在特殊情况下才用as代码,因为as代码的效果有时遮罩做不出,这要看动画的环境需要,多准备一些方法可以灵活应用。
在线呼吸

发帖
64029
宜城币
395087
威望
67325
贡献值
133
银元
825
只看该作者 18楼 发表于: 06-07
好详细精彩的教程 谢谢寒江老师分享精彩!
欢迎来到枞阳乡情网,情系枞阳,网罗天下,共同打造最好的亲情-乡情-友情交流平台。联络同乡,互联互动,信息共享,互相帮忙,共同发展。乡情网有你更精彩![这是默认签名,更换签名点这里!]
在线楚云飞

发帖
1546
宜城币
41014
威望
1913
贡献值
30
银元
271
只看该作者 19楼 发表于: 06-07
哇!好有意境耶。
欢迎来到枞阳乡情网,情系枞阳,网罗天下,共同打造最好的亲情-乡情-友情交流平台。联络同乡,互联互动,信息共享,互相帮忙,共同发展。乡情网有你更精彩![这是默认签名,更换签名点这里!]
在线楚云飞

发帖
1546
宜城币
41014
威望
1913
贡献值
30
银元
271
只看该作者 20楼 发表于: 06-07
谢谢老师分享,快乐来学习一下,问好老师~
在线楚云飞

发帖
1546
宜城币
41014
威望
1913
贡献值
30
银元
271
只看该作者 21楼 发表于: 06-07
好详细精彩的教程 谢谢寒江老师分享精彩!
在线呼吸

发帖
64029
宜城币
395087
威望
67325
贡献值
133
银元
825
只看该作者 22楼 发表于: 06-07
佳作连连 制作辛苦了 问候寒江老师好!呼吸给你

辛苦了
在线呼吸

发帖
64029
宜城币
395087
威望
67325
贡献值
133
银元
825
只看该作者 23楼 发表于: 06-07
一路有你 心念如梦,记录在枞阳论坛里! 谢谢寒江老师给大家带来听觉的享受和精神的陶冶;期待更多精彩~~祝夏日安好!
在线呼吸

发帖
64029
宜城币
395087
威望
67325
贡献值
133
银元
825
只看该作者 24楼 发表于: 06-07
一路有你 心念如梦,记录在枞阳论坛里! 谢谢寒江老师给大家带来听觉的享受和精神的陶冶;期待更多精彩~~祝夏日安好!
在线呼吸

发帖
64029
宜城币
395087
威望
67325
贡献值
133
银元
825
只看该作者 25楼 发表于: 06-07
相聚论坛,无言心也欢;牵手友谊,不语也心暖!人生旅途,快乐长相伴;真诚问候,祝福到永远!祝老师事事顺心,快乐幸福!
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 26楼 发表于: 06-07
回 呼吸 的帖子
呼吸:好详细精彩的教程 谢谢寒江老师分享精彩! (2017-06-07 18:21) 

问好呼吸!可写教程的东东那是数不胜数,不是有人邀请,我还没想到要写教程。

因为每个人掌握的技术程度参差不齐,所以教程的深浅不易把握,如果有人个别提问,那就可以有针对性的解答,效果就好。
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 27楼 发表于: 06-07
回 呼吸 的帖子
呼吸:佳作连连 制作辛苦了 问候寒江老师好!呼吸给你[表情]  (2017-06-07 18:35) 

谢谢呼吸的茶,其实当管理更辛苦。
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 28楼 发表于: 06-07
回 呼吸 的帖子
呼吸:相聚论坛,无言心也欢;牵手友谊,不语也心暖!人生旅途,快乐长相伴;真诚问候,祝福到永远!祝老师事事顺心,快乐幸福! (2017-06-07 18:48) 

谢谢!也祝呼吸快乐安康,万事如意!
在线寒江雪润

发帖
1986
宜城币
19053
威望
2393
贡献值
17
银元
109
只看该作者 29楼 发表于: 06-07
回 楚云飞 的帖子
楚云飞:哇!好有意境耶。 (2017-06-07 18:31) 

问好楚云飞!王晓明绝对帅哥哦。