返回首页

Flash精彩实例教程—爆竹声声

时间:2010-05-29 01:15来源:知行网www.zhixing123.cn 编辑:麦田守望者

作品介绍:

        本实例将制作一个雪人放鞭炮的有趣情景,效果如下图。

素材下载链接:

        放鞭炮的音效  (选其一下载即可  ) 

        http://mus.ct165.com/bp.wav

        tp://www.i035.net/wow/pao.wav

        tp://www.gloriatour.com.tw/project/visa/ub/ub1025/002.wav

逐步说明:

        1、新建文档,设置文档属性。

        新建一个文档,打开“文档属性”,设置文档尺寸“宽”为550px,“高”为400px,背景颜色为白色,“帧频”为12。

        2、绘制背景

        将图层1改名为“背景”。

        选择矩形工具,绘制一个无边框的与舞台等大且完全重合的矩形。打开“混变器”,将矩形填充为淡蓝色(#89DEFE)到蓝色(#136AEC)的线性渐变色,并调整好填充色,再按[Ctrl+G]组合键,将其组合为一个整体,作为天空背景。

        再使用矩形工具,绘制一个Alpha值为60%的淡蓝色(#ECFCFF)无边框矩形,然后使用铅笔工具在矩形上绘制一段波浪线,将矩形分割成上下两块,然后删除波浪线及其上方的区域,调整剩余的图形,并将它进行组合,作为雪地背景。

        用同样的方法再绘制三层雪地背景,效果如下图:

                     

        3、绘制雪人

        插入一新图层,命名为“雪人”。在此图层绘制一雪人,绘制过程如下图:

        4、绘制鞭炮

        再插入一新图层,命名为“鞭炮”,在此图层上绘制鞭炮(如下图)。绘制好后按F8将鞭炮转化为影片元件,命名为“鞭炮”。

 

        5、制作火花动画

        按[Ctrl+F8]组合键创建新元件,名称为“火花”,行为选择影片剪辑。并在此影片剪辑元件中,制作逐帧动画,共5帧,图形如下:

        6、制作纸碎片动画

  再按[Ctrl+F8]组合键创建新元件,名称为“碎片”,行为选择影片剪辑。在此影片剪辑元件中制作一个红色小纸片移动消失的动画。可以先在第一帧上画出一个无边框的红色正方形,再在第10插入关键帧,并把第10的正方形往下拖出一定距离,且填充色的Apha值设为10,然后再回到第一帧建立形状补间动画。

       7、制作鞭炮爆炸的效果

        回到场景,选中鞭炮图层中的鞭炮元件,按F8再把此元件转化为元件,名称为“点燃的鞭炮”,行为选择影片剪辑。

        打开“点燃的鞭炮”元件,在此元件中将图层1命名为“鞭炮”,并在第5帧处插入关键帧,其间创建动作补间动画,并把第5帧处的鞭炮的Alpha值设为10。

        插入一新图层命名为“火花”。按[Ctrl+L]组合键打开元件库,把“火花”元件从库中拖到火花图层的舞台上。调整位置、大小后,在第5帧处插入关键帧,再调整“火花”的位置和大小,其间也创建一个动作补间动画。

        再插入一新图层命名为“碎片”,并在此图层的第5帧处插入空白帧。再从元件库中重复拖出“碎片”元件到此图层第5帧的舞台上N个,调整N个“碎片”的大小、位置、旋转角度,使其每个“碎片”有不同的状态,且将帧延长到第15帧。

        再插入一新图层命名为“声音”。导入准备好的音效,选择“文件”——“导入”菜单中的“导入到库”。导入好音效后,在声音图层的第3帧处插入空白帧,打开此帧的属性面板选择导入的声音。并可以将声音进行编辑,选取声音中的一段就行了。

       最后调整各图层,如图所示:

       8、完成放鞭炮效果

       回到场景,将“点燃的鞭炮”元件右击,选择交换元件,在交换元件对话框中选择“鞭炮”元件,调整其大小后,再复制出七个,合起来共8个鞭炮。调整8个鞭炮的角度和先后顺序,使他们连成一串,挂在雪人拿着的长杆上。

 

 

        然后将这一串鞭炮的最下面一个鞭炮交换元件成“点燃的鞭炮”元件,使其点燃。

        再在鞭炮图层的第10帧处插入关键帧,将把下面倒数第二个鞭炮交换元件成“点燃的鞭炮”元件。

        以此类推,在第20帧处插入关键帧,把下面倒数第三个鞭炮交换元件成“点燃的鞭炮”……直到8个鞭炮都交换成了“点燃的鞭炮”元件,不过最后也要补足15帧。

        9、测试调整。按[Ctrl+Enter]组合键,测试动画效果

------分隔线----------------------------
标签(Tag):FLASH flash教程 flash实例
------分隔线----------------------------
推荐内容
猜你感兴趣