flash制作电闪雷鸣的雷雨动画场景

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

今天为大家分享flash制作电闪雷鸣的雷雨动画场景教程,制作出来的效果很不错,让我们来试做这个场景吧。

GIF图片颜色和过渡都很失真,只可看一下大致效果。

flash制作雷雨场景

一、制作零件

先用渐变填充制作一个正常的天色做底,颜色自己感觉合适就行。

flash制作雷雨场景

同样用矩形工具,颜色深蓝色做一个阴雨时的天空,F8键保存为图形元件。

flash制作雷雨场景

制作雨丝。Ctrl+F8新建一个影片剪辑,填充色禁用,线条色白色,绘制几条斜线,作为雨丝。

flash制作雷雨场景

选中全部斜线,F8转换为图形元件。再次按下F8转换为影片剪辑元件。

flash制作雷雨场景

双击进入编缉,新建一层,用笔刷工具绘制几条宽窄错落的竖线,这些线条作为雨丝的遮罩线。

flash制作雷雨场景

20帧插入关键帧,将线条稍稍聚拢,线条形状也稍作调整。回到第一帧添加形状补间。

flash制作雷雨场景

回到雨丝层,在第20帧插入关键帧,将雨丝元件向右移动,创建补间动画。

flash制作雷雨场景

右键点击遮罩层,将其变为遮罩图层。完成雨丝制作。

flash制作雷雨场景

线条工具绘出乌云,颜色填充如图。填充条颜色分别为#466372、#47576F。

flash制作雷雨场景

F8键转换为影片剪辑元件,图中是转换后的属性。

flash制作雷雨场景

将预先准备好的声音文件导入到库中。

flash制作雷雨场景

二、组合

场景中,新建一层,取名前罩。将第二步做的矩形元件放入,如图插入关键帧(我这里是根据文章需要设定的帧数,各人按需而定)。

flash制作雷雨场景

第一帧元件的alpha值改为9%,第二个关键帧处的改为90%,在第一帧创建补间动画……后面的如图设置。

flash制作雷雨场景

flash制作雷雨场景

新建一层,取名亮层。在前罩层开始由暗转亮的关键帧处,插入关键帧,绘制一个矩形,颜色设置如图。关键帧如图设置。每个关键帧的内容相同。

flash制作雷雨场景

新建一层,取名闪电。线条工具,在该层,比亮层第一个关键帧向前三帧处插入关键帧。绘制出闪电形状。转换为影片剪辑元件。在该关键帧向后10帧处插入关键帧,再向后三帧插入关键帧。

flash制作雷雨场景

库中将闪电元件直接复制一个。双击进入编辑,将部分线条变形。

flash制作雷雨场景

属性面板中将第三个关键帧处的元件交换为刚复制的元件。

flash制作雷雨场景

复制该层所有帧,向后10帧处粘贴。

flash制作雷雨场景

新建一层,取名遮罩层,如图插入关键帧,在闪电上方绘制一个大小可以遮住闪电的矩形,10帧后的关键帧上将该矩形拖至闪电上方,创建补间动画。再10帧后F5插入帧,然后复制这20帧,向后10帧粘贴。并将该层改为遮罩层。

flash制作雷雨场景

新建乌云层,将云拖入放入舞台上方超出舞台处,在感觉合适的帧数处降至与舞台平齐,后面每隔约10帧插入一个关键帧,做云左右移动的动画。一直到闪电进行到一半时结束云的移动。

flash制作雷雨场景

新建雨层,在闪电结束处插入关键帧,将雨的MC拖入多个,摆放合适。每隔15帧添加一部分,产生雨越来越多的效果。可用复制一片,粘贴后再移动位置的方法。

flash制作雷雨场景

分别新建雷声与雨声层,在乌云下降大半时放入闷雷声,属性——编辑里调整到满意效果。下降基本结束时插入雷声。雷声较短,可放入两个。

flash制作雷雨场景

雨将开始时放入雨声。根据需要编辑声音。完成制作。

flash制作雷雨场景

以上就是flash制作电闪雷鸣的雷雨动画场景全过程,操作不是很难,有兴趣的朋友可以按照上面步骤进行操作即可!

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

Flash cs3绘制人物高级行走动画教程

本教程向大家介绍Flash cs3绘制人物高级行走动画效果,教程难度不是很大,绘制方法及过程介绍的也非常详细,教程很实用,转发过来,希望大家喜欢
收藏 0 赞 0 分享

Flash CS4来制作漂亮的气泡动画教程

本教程向脚本之家的朋友介绍用Flash CS4来制作漂亮的气泡动画,制作出来气泡真的很好看,制作效果是采用代码形式实现,觉得很不错,转发过来,感兴趣的朋友可以一起来学习
收藏 0 赞 0 分享

flash基础教程:帧、关键帧、空白帧概念及区别介绍

动画的产生是帧来实现的,那什么是帧?帧、关键帧和空白帧之间又有什么区别?本文就为大家介绍一下三者之间的关系
收藏 0 赞 0 分享

Flash教程:动画背景的绘制方法之透视篇(给新手)

Flash动画在网络上的广泛传播,已经成为上网一族喜闻乐见的一种艺术形式。动画背景的绘制方法有很多,也有很多表现方法。这里将结合透视学的基础知识向大家简单的介绍一下动画背景的绘制。
收藏 0 赞 0 分享

Flash AS入门教程:Flash AS3.0制作有年份有日期的时钟

本教程是向大家介绍利用Flash AS3.0制作有年份有日期的时钟,虽然制作时钟老套了点,但它确可以较全面地应用到时间日期和间隔等知识,仍不失为较好的入门练习,转发给大家,希望对大家有所帮助
收藏 0 赞 0 分享

Flash相册制作大师具体该如何使用 Flash相册制作大师使用教程

在本文中我们将会看到的是Flash相册制作大师的具体使用的方法
收藏 0 赞 0 分享

flash基础教程:混色器面板图文介绍

混色器面板是Flash中用于色彩处理的一个重要面板,熟练地使用该面板,可以帮助用户快速地完成色彩的填充,编辑出色彩丰富的图形。本教程为大家详细介绍一下混色器面板,希望对大家有所帮助
收藏 0 赞 0 分享

25个绝对让你应接不暇的Flash网站创意

在Web设计过程中,运用成熟的Flash技术可以把你任意想到的idea表现到产品页面中。这里为你整理发现了25个绝对让你应接不暇的 Flash网站创意,更好地体现网站的互动应用,同时可以让你大饱眼福,一起来欣赏吧
收藏 0 赞 0 分享

教你用Flash制作非常酷的二进制时钟动画

今天在这个教程中我们将学习用Flash做一个不同寻常的,但非常酷的时钟:一个二进制时钟,中间用到了代码,但介绍地很详细,相信很值得大家学习
收藏 0 赞 0 分享

Flash动画特效制作技巧:制作超酷的文字炸开动画效果

本教程向大家介绍Flash动画特效制作技巧,本实例是制作文字炸开的动画效果,制作效果非常酷,制作过程也比较简单,喜欢的朋友可以过来学习一下这种制作方法
收藏 0 赞 0 分享
查看更多