云荷-个人作品展示

标题: 【flash教程】动云 [打印本页]

作者: 寒江雪润 时间: 2019-8-18 10:49
标题: 【flash教程】动云
在flash动画中，云的飘动有多种方法，有位置补间、形状补间、逐帧动画与视频动画，
其中补间动画所占空间最小所以要尽量采用补间动画。
云飘动的形式也是千变万化，可以根据场景的需要选择素材，然后考虑如何运动，进而采用合适的动画制作方法来
完成构思。

实例：
素材图片

[attach]16571[/attach]

作者: 寒江雪润 时间: 2019-8-18 10:50
效果：

http://hjxr.yhyhlt.com/hjxr/flash/pp3/dy.swf

作者: 寒江雪润 时间: 2019-8-18 10:54
步骤：
1，打开flash软件，新建文件，取名动云，设置舞台宽550，高300，（这是图片的尺寸，可以根据自己需要改变）
保存文件。
2，选菜单-文件-导入-导入到库，（将图片导入到库）
3，选菜单-插入-新建-图片元件-取名t1(可以随便取名）.
4，将图片拖入t1的第一帧中，相对舞台位置水平中齐、底对齐。选菜单-修改-分离。
5，选菜单-新建-影片剪辑元件-取名mc1.
6，将t1拖入第一帧中，水平中齐、底对齐，在30、40帧的位置各插入一个关键帧，并在30帧位置将图片放大
到1000*550。在40帧的位置将图片放大到1200*660并透明度设为20%，分别水平中齐底对齐。
7，回到第一帧位置，设置第一帧透明度为0，在1与30帧以及30帧与40帧之间分别建立补间动画。
[attach]16572[/attach]

作者: 寒江雪润 时间: 2019-8-18 10:55
8，选菜单-新建-影片剪辑元件-取名mc2.
9，将mc1拖入第一帧，水平中齐、底对齐，在第60帧处插入一个关键帧。
10，新建图层2，在第10帧插入一个空白关键帧，将mc1拖入，水平中齐底对齐。（图层2在图层1的上面）
11，新建图层3，在第20帧插入一个空白关键帧，将mc1拖入，水平中齐底对齐。如法炮制建立6个图层。
12，新建图层7，在第60帧处插入一个空白关键帧，打开动作面板，输入语句：stop ();
[attach]16573[/attach]

作者: 寒江雪润 时间: 2019-8-18 10:56
13，回到主场景，将mc2拖入并与舞台对齐，新建图层2，用矩形工具画一个与舞台一样大小的矩形框，并设置为
遮罩层。测试动画，完工，若加上地面的景色效果会比较好。
[attach]16574[/attach]

作者: 寒江雪润 时间: 2019-8-18 11:00
14,关于云的运行速度以及形变的幅度都可以自行调节，调节后的效果不一样。
15，改变云的颜色后有红云、乌云等。

http://hjxr.yhyhlt.com/hjxr/flash/pp3/hy.swf

作者: 寒江雪润 时间: 2019-8-18 11:04
这是有名的加拿大魁北克省，Vymeobraznye云，
[attach]16575[/attach]

作者: 寒江雪润 时间: 2019-8-18 11:05
用此方法把它改成了动云

http://hjxr.yhyhlt.com/hjxr/flash/pp3/vyd2.swf

作者: 寒江雪润 时间: 2019-8-18 11:09
云的形式非常多，有滚云、飞云、闪云等。

作者: 寒江雪润 时间: 2019-8-18 11:09
逐帧动画更逼真

作者: 寒江雪润 时间: 2019-8-18 11:14
滚云：
http://hjxr.yhyhlt.com/hjxr/flash/pp3/g.swf

作者: 寒江雪润 时间: 2019-8-18 11:16
飞云：
http://hjxr.yhyhlt.com/hjxr/flash/pp3/f.swf

作者: 寒江雪润 时间: 2019-8-18 11:18
闪云：
http://hjxr.yhyhlt.com/hjxr/flash/pp3/s.swf

作者: 幕小冉 时间: 2019-8-18 11:47
哈哈~动云真的是太奇妙了！

作者: 幕小冉 时间: 2019-8-18 11:48

谢谢老师分享教程~！

作者: 醉雪胡杨 时间: 2019-8-18 17:48
感谢寒江雪润无私奉献精彩教程！祝你开心快乐每一天！

作者: 醉雪胡杨 时间: 2019-8-18 17:53
这动云效果真是美极了！！！

作者: 绿蔷薇 时间: 2019-8-18 19:25
好棒，太有才了~~~

作者: 绿蔷薇 时间: 2019-8-18 19:26
静止的图片，经寒江之手
立马呈现出生动形象的动态效果

作者: 绿蔷薇 时间: 2019-8-18 19:27
详细的教程，非常给力
寒江辛苦了，谢谢无私的分享~

作者: 绿蔷薇 时间: 2019-8-18 19:27
送上一朵小红花~~~

作者: 欧阳风刀 时间: 2019-8-19 07:58
好教程，给力！

作者: 欧阳风刀 时间: 2019-8-19 07:58
感谢哥们辛苦分享！

作者: 寒江雪润 时间: 2019-8-19 18:44

幕小冉发表于 2019-8-18 11:47
哈哈~动云真的是太奇妙了！

问好幕小冉！谢谢赞赏！

作者: 寒江雪润 时间: 2019-8-19 18:44

幕小冉发表于 2019-8-18 11:48
谢谢老师分享教程~！

新周愉快！

作者: 寒江雪润 时间: 2019-8-19 18:44

醉雪胡杨发表于 2019-8-18 17:48
感谢寒江雪润无私奉献精彩教程！祝你开心快乐每一天！

祝新周愉快！

作者: 寒江雪润 时间: 2019-8-19 18:45

醉雪胡杨发表于 2019-8-18 17:53
这动云效果真是美极了！！！

谢谢赞赏！

作者: 寒江雪润 时间: 2019-8-19 18:45

绿蔷薇发表于 2019-8-18 19:25
好棒，太有才了~~~

辛苦了！

作者: 寒江雪润 时间: 2019-8-19 18:47

绿蔷薇发表于 2019-8-18 19:26
静止的图片，经寒江之手
立马呈现出生动形象的动态效果

云的变化很多，补间动画有局限性，逐帧动画最棒。

作者: 寒江雪润 时间: 2019-8-19 18:47

绿蔷薇发表于 2019-8-18 19:27
详细的教程，非常给力
寒江辛苦了，谢谢无私的分享~

祝新周愉快！

作者: 寒江雪润 时间: 2019-8-19 18:48

绿蔷薇发表于 2019-8-18 19:27
送上一朵小红花~~~

谢谢蔷薇的花！

作者: 寒江雪润 时间: 2019-8-19 18:48

欧阳风刀发表于 2019-8-19 07:58
好教程，给力！

问好欧阳！

作者: 寒江雪润 时间: 2019-8-19 18:49

欧阳风刀发表于 2019-8-19 07:58
感谢哥们辛苦分享！

谢谢捧场！

作者: 沧海映雪 时间: 2019-8-21 08:03
神奇

作者: 寒江雪润 时间: 2019-8-24 12:35

沧海映雪发表于 2019-8-21 08:03
神奇

问好沧海映雪！化静态为动态。

欢迎光临云荷-个人作品展示 (http://www.yhyhlt.com/)