flash软件设计水是生命之源.docx

flash软件设计水是生命之源.docx

《flash软件设计水是生命之源.docx》由会员分享，可在线阅读，更多相关《flash软件设计水是生命之源.docx（10页珍藏版）》请在冰豆网上搜索。

flash软件设计水是生命之源

水是生命之源

----基于FLASH平台

保护生态环境，讲文明树新风是我们社会的美德，本设计通过讲述珍惜水资源为主题的公益广告的制作流程，一下为本设计的流程。

操作步骤：

1.新建文件，设置场景大小400像素*350像素，背景为白色，默认帧速。

2.新建图形文件“标志”，在该元件的编辑窗口中，利用“椭圆”工具、“铅笔”工具和“箭头”工具画一个如图所示的标志图形。

3.新建影片剪辑元件“标题”

1）更改背景为蓝色，输入文字“水是生命之源”字体为华文行楷，粗体，大小20，颜色白色，分离两次文字。

2）新建图层2，复制图层1的文字，粘贴到原位置，更改文字颜色为黑体。

3）新建图层3，绘制一个如图所示的图形。

4）将第3不得图形放于文字左方在第20帧处插入关键帧，并将此图形移动至文字右方，创建第1~20帧的运动补间动画。

5）选择图层3，右键点选择“遮罩层”，为文字创建遮罩效果，背景色变回白色。

4．回到主场景，命名当前图层为“边框及标题”在场景的下方画出一块黑色的边框，在方框上放置“标志”及“标题”元件，位置排列如下图，在第1300帧处插入帧。

5.新建图形元件“水龙头1”，先利用“直线”工具和“箭头”工具画出水龙头外形轮廓，再用“直线”工具添加正面视图轮廓，如下图（a）所示，再按下图（b）所示填充颜色，去掉内部棱角处得线条。

（a）（b）

6.新建图形文件“水龙头2”，拖入“水龙头1”按Ctrl+B键打散元件，结合shift键选择水龙头开关处，然后旋转10°，再调整到适合位置，以示按下水空头开关，如下图所示。

7.新建图形元件“手”，按照下图（a）绘出手形、手指、指甲等形状，再如图（b）填充颜色。

手正面皮肤主色值为“#FFE800”，手皮背光颜色值为“#FFCC99”，大拇指甲侧面值为“#FFF1E1”，其余指甲颜色为“#FFF8F0”,删除多余辅助线条。

（a）（b）

8“手”元件中，字大拇指关节处添加一条直线，利用shift键选择大拇指的所有部分，鼠标右键选择“转换为元件”，命名为“大拇指”图形元件。

9.制作“开水龙头”动画

1）回到主场景，在“边框”图层下方添加“水空头图层”，拖入“水龙头1”元件到舞台左上方，调节大小，在第15帧处按F5键，插入帧。

2）在“水龙头”下方新建图层“手”，拖入“手”元件，至右上角相应位置，在第12帧处插入关键帧，移动手到拇指靠水龙头开关位置，为第1~12帧创建运动补间，以示手伸向水龙头。

3）在“水龙头”上方新建图层“大拇指”在第12帧处插入关键帧，拖入“大拇指”元件，与“手”图层中的大拇指完全对齐。

4）分别在“手”、“水龙头”和“大拇指”图层的第16帧处插入关键帧。

5）在“水龙头”图层第16帧处选中元件鼠标右键选择“交换元件”，点选元件名“水龙头2”。

6）选中“大拇指”图层，向下微移动，紧挨开关，选中“手”图层，向下微移，与大拇指结合。

以下完成（a）到（b）的转换过程。

10.制作“流水”元件

1）新建影片剪辑元件“水”，在当前图层画一条形蓝色矩形的水柱，颜色值为“#66CCFF”延长至第5帧。

2）新建图层2，画出3三根白色垂线，以矩形底端对齐，上端由低到高排列。

3）新建图层3，在第1帧画一白色小矩形，上下两边调整为弧线，以示流水效果，在第3和5帧插入关键帧，添加第1帧相同图形，并分别以白色和淡蓝色交叉排放，调整好位置，如下图所示。

11.制作“水龙头流水”动画

1）回到主场景在手的下方新建图层“水”，在第16帧插入关键帧，拖入“水”元件，放置到水龙头流水口，延长至第70帧。

2）选中“手”图层，在第70和85帧处插入关键帧，选中第85帧处的元件，往右上移出舞台，表示手离开龙头。

给第70~85帧创建动画补间。

3）在“水龙头”图层的第71帧插入关键帧，选中该元件，右键选择“交换元件”，选中“水龙头1”。

在第106、120帧插入关键帧，移动第120帧处水龙头至场景顶部外面，为第106~120帧创建运动补间动画。

4）在“大拇指”图层的第70和85帧处插入关键帧，选中第85帧处元件，同“手”图层的元件移动位置结合，为第70~85帧创建运动补间动画。

5）分别在“手”和“大拇指”图层的第86帧处插入空白关键帧。

12.新建“声音1”图层，在第16帧处插入关键帧，导入素材中的所有声音文件，选择库中的声音“01”拖入到场景；在第71帧处插入关键帧，在库中拖入声音“02”到场景；在第81、91和101帧处分别插入关键帧，并拖入声音“02”到场景中。

13.选择“水”图层，在第71帧处插入关键帧，画出水滴形状，无笔触色，放射状填充，白色和淡蓝色组合，左色标至为白色，色标值为“#C8E3FF”，利用渐变填充工具调整颜色位置，并移动到水滴到龙头口。

在第76帧插入关键帧，调整水滴变形，如下面左图所示，为71~76创建形状补间；在第77帧插入空白关键帧。

复制第71~77帧，鼠标右键分别粘贴帧至第81、91、、101帧处，如图所示。

14.在“水”图层上方新建图层“水滴1”，在第76帧处插入关键帧，复制第71帧处水滴形状，调整大小，在第81帧处插入关键帧，并垂直移动形状至场景下方，为76~81帧创建补间动画，在第82帧处插入空白关键帧。

复制76~82帧，鼠标右键分别粘贴帧至第86、96、106帧处。

15.制作“水滴落下水溅起水花”动画

1）复制“滴水1”图层的第76~81帧，在“水”图层第111帧处粘贴帧，并拖动第116~130帧，表示水滴速度减慢。

2）选中“滴水1”图层，复制第76帧处得图形，粘贴到第130帧处，放置到场景顶端左边，与前面水滴位置垂直在一条线上。

3）在第155帧处插入关键帧，将水滴图形垂直下移场景左下方，为第130~155帧创建动画补间。

在156帧处插入关键帧，对水滴进行改变，颜色仍然为放射状白色到单淡蓝色。

4）用“椭圆”工具绘制出水花，颜色值为“#DEEEFF”。

在第157帧处插入关键帧，水滴颜色为淡蓝色，alpha值为“40%”。

以上各步完成如下如所示动画。

16.新建图形元件“地水”，用“铅笔”工具绘制出如下图（a）所示封闭弯曲线条，共3层，填充颜色有内到外，第1层色值为“#D7EBFF”，第2层色值为“#C8E3FF”，第3层色值为“#BBDDFF”，删除线条，在“滴水1”上方新建“地水”图层，在第157帧处插入关键帧，插入“地水”元件，调整位置到与掐面水滴溅花的位置。

在第158帧处插入关键帧，调整第157帧元件alpha值“30%”，在第300帧处插入关键帧，最后效果图如图（b）所示。

（a）（b）

17.在“地水”上方新建图层“水滴2”，在第158帧处插入关键帧，复制“滴水1”图层第130帧处元件，粘贴到第158帧当前位置，在第165帧处插入关键帧，并移动水滴到地水中心位置。

复制在第168帧处插入空白关键帧。

复制第158~168帧，粘贴到当前图层第175、193、210、228、245、260、275、290帧处，表示水滴不断。

18.新建“声音2”图层，在第155帧处插入关键帧，拖入库中声音“03”，同样在第165、182、200、217、235、252、267、282、297帧处插入关键帧，并加入声音“03”。

19.新建图形元件“蚂蚁”，先画出蚂蚁轮廓如图（a）所示，颜色放射状，头胸和腹部为灰色到黑色，眼睛为黑色到浅灰色放射状填充。

选中蚂蚁所有的脚和触，在“属性”面板调整笔触高度“3”，正面三只足和一只触为深灰色，声息的足和触为黑色，最后效果图如（b）。

（a）（b）

20．新建图形元件“蚂蚁1”，拖入“蚂蚁”元件，选中蚂蚁侧面的三只足，想前微调，正面的足向后微调，注意各个关节的角度。

新建影片剪辑元件“动蚂蚁”，拖入“蚂蚁”元件，在第3帧处插入关键帧，选中元件，鼠标右键选择“交换元件”，选择“蚂蚁1”。

21.回到主场景，在“滴水2”图层的上方新建“蚂蚁1”图层，在第189帧处插入关键帧，拖入“动蚂蚁”，元件到右边场景外，在第235帧插入关键帧，选中元件水平移动到“地水”元件边，在第236帧插入关键帧，交换元件为“蚂蚁”。

分别在第240、241、242帧处插入关键帧，选中第241帧处元件，利用“任意变形”工具移动注册点到右下角，旋转2°。

复制第240~242帧，粘贴到第252帧和第267帧处，表示蜜意嗅到水的味道。

22.新建图形元件“蚂蚁2”、“蚂蚁3”、“蚂蚁4”和“蚂蚁5”，如下图所示，利用“蚂蚁”元件，调整其身体各部分变化成喝水动作，并在“蚂蚁2”、“蚂蚁3”中画出水珠。

蚂蚁2蚂蚁3蚂蚁4蚂蚁5

23.回到主场景，选择“蚂蚁1”图层，在第270帧处插入关键帧，拖入“蚂蚁2”元件放置到下图中，在第275帧处插入关键帧，拖入蚂蚁3，调整位置，复制第270帧粘贴到第280帧，复制第275帧粘贴到底285帧处，第286、291帧处插入空白关键帧，分别突入4、5，调整到世道的位置。

24.在“蚂蚁1”图层第298帧处插入关键帧，拖入“动蚂蚁”，与“地水”平行，并调整方向头部向右，以示转身动作，在第305帧处插入关键帧，水平系那个有移动蚂蚁至场景右侧，在第321、340帧处插入关键帧，水平向右移动到场景外，为298~305、321~340帧穿件运动补间动画。

在第345帧处插入关键帧，拖入动蚂蚁置于场景外左边，在第366帧处插入关键帧，移动元件到场景中间，创建第345~366的运动补间动画，在第376帧处插入关键帧。

25新建图形元件“叶子1”，“直线”工具结合“箭头”工具绘制出叶子外形，填充绿色到橘黄色渐变色，再绘制出叶，如下图（a）。

新建图形元件“水1”如下图（b），中间绘制白色光。

26,。

新建图形元件“叶子2”，在“叶子1”基础上截取如下图所示部分，并调节叶子。

新建“叶中水”影片剪辑元件，在当前图鞥拖入“叶子1”元件，延长至第5帧。

新建图层2，拖入“水1”元件到叶子中的适合位置，在第5帧处插入关键帧，并调整水的形状。

新建图层3，拖入“叶子2”元件放于“叶子1”与“水1”元件合适位置，最后效果如（b）。

27．在“小水滴1”下新建“叶中水”图层，在第605帧处插入关键帧，拖入“叶中水”元件到场景外右边，在第660帧处插入关键帧，并水盈动元件到场景中，为第605~660帧创建动画补间。

在第689、730帧处插入关键帧，水平右移动第730帧关键帧元件到场景外，为689~730创建动画补间。

28.选择“蚂蚁1”图层，在第684帧创建关键帧，水平向右移动蚂蚁到叶子中间，在第688帧处插入关键帧，向右下微移动蚂蚁，在第689、730帧处插入关键帧，水平向右移动蚂蚁到场景外，为第689~730帧创建动画补间。

29，选择“小水滴1”图层，在第666、680帧处插入关键帧，分别移动水滴水流到叶中心动作，为第660~666、666~680帧创建动画补间。

30．在“蚂蚁1”图层上方新建“蚂蚁3”，在第660帧处插入关键帧，拖入“动蚂蚁”元件到场景外左边，头向左，在第674帧处插入关键帧，水平向右移动元件，到叶柄处，如图（a），为660~674创建动画补间。

在第675帧处插入关键帧，修改蚂蚁形状如下图（b），在第689帧处插入关键帧，移动元件如下图（c），在第730帧处插入关键帧，向右移动元件到场景外，为第689~730帧创建动画补间。

31.在“水滴1”图层上方新建“小水滴2”，拖入“小水滴”元件到底660帧处置于场景外左边，与“蚂蚁3”图层蚂蚁位置相对应，在第674帧处插入关键帧，相同原理移动元件，为第660~674创建动画补间。

在第680~685帧穿件动画补间，在第686帧处插入空白关键帧。

32.新建“树”图形与案件，利用刷子等工具绘制出，如图（a）。

新建“黄叶”图形元件，用直线工作绘制封闭叶子，具体形状及颜色如下图（b）所示。

新建“动黄叶”影片剪辑，拖入“黄叶”移动注册点到叶柄处，在第25帧处插入关键帧，分别在第7、15、20帧处插入关键帧，用“任意变形工具”左右微调旋转位置，以示飘动，在第25帧处加入脚本：

stop（）；。

新建“枯树”影片剪辑元件，拖入“树”和“动黄叶”元件。

调整叶子在树枝上的位置，如图（c）所示。

33.在“小水滴2”图层上方新建“枯树”，在第730帧处插入关键帧，拖入“枯树”元件到场景下方。

在第795、820、904帧处插入关键帧，移动4个管家真处元件，以表示树由下到上移动，直到视觉停留在跟部。

为第730~795、795~820、820~904帧创建动画补间，延长帧至第1030帧。

34.选中“叶中水”图层，在第905帧处插入空白关键帧，拖入“叶中水”元件于场景外左边，在第925帧处插入关键帧，水平移动元件到树根相应位置，如下图（a），在第940帧处插入关键帧，选中“叶中水”元件调整注册点到叶尖，旋转5°，如图（b），在第941帧处插入关键帧，打散元件，并删除叶子中间的水，在第1006、1007帧处插入关键帧，旋转第1007帧元件-5°，在第1030帧处插入关键帧，选中元件更改透明度为0%，为第1007~1030帧创建动画补间。

35.选中“蚂蚁3”图层在第905帧处插入关键帧，拖入“动蚂蚁”元件到“叶中水”元件叶背左下。

在第925帧处插入关键帧，水平仪动元件到相应位置，为第905~925帧。

在第940帧处插入关键帧，稍微向右移动蚂蚁。

为第925~940帧穿件动画补间。

在第1007帧处插入关键帧，旋转蚂蚁-5°，在第1030帧处插入关键帧，设置元件alpha为“0%”，为1007~1030帧创建动画补间。

36.选中“蚂蚁3”图层，在第905帧处插入关键帧，拖入“动蚂蚁”元件到“叶中水”元件叶背右下，在第925帧处插入关键帧，同“蚂蚁3”图层操作方法样，完成移动蚂蚁及逐渐消失。

37.选择“叶水”图层，在第941帧处插入关键帧，拖入“水1”元件，打散元件，分别在第980、1025、1040帧处插入关键帧，分别移动水元件由树叶流向树根的动作，各关键帧由原形变化如下图所示。

为第941~980、980~1025、1025~1040帧穿件形状补间，第1040帧元件alpha值为“0%”。

38．新建图形元件“黄树”，拖入“枯树”元件，更改树的颜色为黄色，新建“绿叶”图形元件，画出外形及叶内阴影部分，跳虫颜色。

39.新建“光”图形元件，利用“椭圆”工作绘制圆圈，有黑色到白色放射渐变，黑色色标置于中间。

40．制作“树动”动画

1）新建影片剪辑元件“动树”，在更改当前图层为“树”，拖入“树”原价延长至120帧。

2）新建图层命名“黄树”，拖入元件“黄树”，与“树”重合，新建“绿叶”图层，拖入“绿叶”，复制粘贴，知道树叶填满整棵树，调整部分树叶亮度值。

3）新建图层“遮罩光”，拖入“光”元件，置于树根地步，在第120帧处插入关键帧，并放大元件，直至把整个树遮住，为第1-120帧创建动画补间。

4）选择“遮罩光”图层，右键选择“遮罩层”创建遮罩，测试再把“黄树”图层拖入遮罩，让“遮罩光”罩住两个图层的内容。

5）新建图层“阳光”于“遮罩光”上方，利用“椭圆”工具，画出圆圈于遮罩光上部，填充浅蓝色到白色渐变，在第120帧处插入关键帧，移动光圈到树的顶部，为第1~120帧创建动画补间。

6）在“树”图层第120帧处插入关键帧，并输入脚本“stop（）；。

41．回到主场景，在“蚂蚁1”图层下方新建“树”，在第1031帧处插入关键帧，拖入“动树”元素置于场景中，主要像是根部，在打1150帧处插入关键帧，移动元件，使树叶占主场景，为第1031~1150帧创建动画补间。

42.新建“绿树”元件，拖入“黄树”元件，并给树添加“绿叶”元件，适当加点背景点缀。

回到主场景，在第1151帧处插入空白关键帧，拖入“绿树”元件，放大，主要显示叶子部分，在第1250帧处插入关键帧，缩小元件，为第1151~1205帧创建动画补间，延长帧到1300帧。

43.在“水”图层下方新建“背景”，在第1205帧处插入关键帧，拖入“背景”图片，调整大小，延长帧至1300帧。

44新建“字”图形元件，输入“请节约每一滴水”颜色蓝色，大小30，字体为华文正楷，回到主场景，新建“字”图层，在第105帧处差入关键帧，在第1225帧处插入关键帧，调整第1205帧alpha值为“0%”，为1205~1225帧创建动画补间，延长至第1300帧。

45.在边框图层的第1300帧处插入关键帧，为帧输入脚本“stop（）；”，选中标志影片剪辑，在属性栏该为按钮使用，在按钮下方输入文字“replay”，并为按钮输入脚本：

On（press）

Stopallsounds（）;

Gotoandplay;

46．保存，命名为“水是生命之源”，按ctrl+enter键测试动画效果。