999朵玫瑰的制作原理和方法

 

 

    教学目的：通过本节教学了解和熟悉影片剪辑元件的创建、设置，动作面板、as语句的运用，通过巧妙的设计与制作，进而实现999多玫瑰的动画效果。

    教学对象：本教材是针对有一定动画制作基础和对属性面板、工具箱，动作面板、as语句及相关界面有所了解的朋友们编写的，因此省略了一些步骤，还望谅解。

    教学重点：影片剪辑、动画补间、动作面板、as。

     

 

    作前准备

    准备一张规格为100*220的带枝叶的透明玫瑰花和一张130*93的花盆透明图片，经过制图软件（ps、fw）处理后，保存到指定的文件夹待用。

    制作过程

    1.启动flash8软件。

    2.确立文档属性 设置动画尺寸为550*400，幀频12，其它默认,点击确定，进入场景1。如图1所示：

图1

    3.首先将准备好的素材图片导入库中，待用。

（素材图）

    4.创建图形元件

    选择“插入－新建元件”，建立一个名为“玫瑰1”的图形元件，点击确定，进入元件编辑区。就一个图层。

    （1）选择图层1第一帧，从库中拖出玫瑰素材图片到舞台（如果不是透明的图片，则需要扣去背景），规格为110*230，全居中。如图2所示：

图2

    （2）选择图层1第一帧，从库中拖出花盆素材图片到舞台（如果不是透明的图片，则需要扣去背景），规格为130*92，全居中。如图3所示：

图3

    5.创建影片剪辑元件

    （1）选择“插入－新建元件”，建立一个名为“玫瑰2”的影片剪辑元件，点击确定，进入元件编辑区。添加四个图层，共五个图层。自下而上命名为玫瑰左、玫瑰右、中左、中右、as。

    A.选择玫瑰左图层第一帧，从库中拖出“玫瑰1”图形元件到舞台，规格不变，下对齐－水平中齐。用任意变形工具选择该实例，如图4所示：

图4

将其注册点移到下方实例的底端，在等比缩小为约15*33。如图5所示：

图5

然后，将其向左旋转约45°（注意注册点在下方），如图6所示：

图6

在第40幀插入关键帧，创建本区域间的动画补间，将该幀舞台实例等比放大为约170*181（注意注册点在下方）。如图7所示：

图7

在第60幀插入关键帧，创建本区域间的动画不间。将该幀舞台实例向右旋转到原来的正常位置，水平中齐－下对齐。如图8所示：

图8

在第70幀插入关键帧，将该实例的Alpha设置为0％

。创建不让你区域间的动画补间，完成后的舞台实例，如图9所示：

图9

在第80幀插入幀，上锁。用鼠标将该图层第1－80幀刮黑，右键刮黑处－复制幀。

    B.选择玫瑰右图层第一帧，右键该幀－粘贴幀。然后分别依次选中第1、第40、第60、第70幀上的实例，依次将其水平翻转。完成后，第一幀舞台实例，如图10所示：

图10

第40幀舞台实例，如图11所示：

图11

第60幀舞台实例，如图12所示：

图12

第70幀舞台实例，如图13所示：

图13

锁定该图层。

    C.选择中左图层第一帧，从库中拖出“玫瑰1”图形元件到舞台，规格不变，用任意变形工具选中该实例，将其注册点移到实例的下方，如图14所示：

图14

点击该实例，水平中齐－下对齐，将其向左（逆时针）移动一个角度，并等比缩小其规格约为20*34，在属性面板设置其Alpha为30

。完成后的舞台实例，如图15所示：

图15

在第40幀插入关键帧，创建本区域间的动画补间，将第40幀实例等比放大为115*233，并设置其Alpha为“无”。如图16所示：

图16

在第70、80幀插入关键帧，创建本区域间的动画补间，点击第80幀舞台实例，等比缩小其规格约为106*180，并设置其Alpha为0％

。上锁。如图17所示：

图17

用鼠标将该图层第1－80幀刮黑，右键刮黑处－复制幀。

    D.选择中右图层第一帧，右键该幀－粘贴幀。然后分别依次选中第1、第40、第70、第80幀上的实例，依次将其水平翻转。完成后，第一幀舞台实例，如图18所示：

图18

第40幀舞台实例，如图19所示：

图19

第70幀舞台实例，如图20所示：

图20

第80幀舞台实例，如图21所示：

图21

锁定该图层。

    E.选择as图层第80帧插入空白关键帧，按f9，打开动作面板，在as编辑区输入停止命令语句：stop(); 。上锁。
 

    F.本环节完成后的时间轴，如图22所示：

图22

    （2）选择“插入－新建元件”，建立一个名为“玫瑰3”的影片剪辑元件，点击确定，进入元件编辑区。添加一个图层，共两个图层。 自下而上命名为玫瑰、as。

    A.选择玫瑰图层第一帧，从库中拖出“玫瑰2”影片剪辑元件到舞台，规格不变，下对齐－水平中齐，如图23所示：

图23

点击该实例，在属性面板填写其实例名称为：mc 。如图24所示：

图24

在第20幀插入幀。上锁。

    B.选择as图层第一帧，按f9，打开动作面板，在as编辑区输入，如下幀语句：

i = 0;

在第2幀插入空白关键帧，点击该幀，按f9，打开动作面板，在as编辑区输入，如下幀语句：

++i;
duplicateMovieClip(mc, "mc" + i, i);
setProperty("mc" + i, _xscale, random(50) + 200);
setProperty("mc" + i, _yscale, random(50) + 200);

在第20幀插入空白关键帧，点击该幀，按f9，打开动作面板，在as编辑区输入，如下幀语句：

if (i < 10)
{
    gotoAndPlay(2);
}
if (i > 10)
{
    gotoAndPlay(1);
}

锁定该图层。

    C.本环节完成后的时间轴，如图25所示：

图25

    6.编辑制作场景

    返回场景1，添加三个图层，共四个图层。自下而上命名为背景、花盆、玫瑰、文本。  

    （1）选择背景图层第1幀，导入或制作一个舞台背景，规格550*400，全居中。上锁。如图26所示：

图26

    （2）选择花盆图层第1幀，从库中拖出“花盆”图形元件到舞台，改其规格为130*93，将其放置在背景的下半部适当位置，水平中齐。上锁。如图27所示：

图27

    （3）选择玫瑰图层第1幀，从库中拖出“玫瑰3”影片剪辑元件到舞台，改其规格为25*18。将其放置在花盆上口的中间，上锁。如图28所示：

图28

    （4）选择文本图层第1幀，用文本工具在舞台的左右两侧输入竖向的“作品题目”，字体、规格、颜色自定，调整好位置，垂直中齐。上锁。如图29所示：

图29

    7.本作业完成后的时间轴如图30所示：

图30

    8.测试存盘

 

    说明：

    1.本教程简述起来繁琐，操作不是很难，关键是玫瑰2影片剪辑中，调整好玫瑰的角度和递增的间距。

    2.本教程实例适合制作各种贺卡，如情人节、母亲节、教师节等。想一想、试一试吧！

    3.如果添加相关的声效，如邰正宵的《九百九十九朵玫瑰》，其更具观赏性。

 

最终效果显示效果：

http://hsb345.16789.net/domName/hsb345/20135261344324513.swf

 

全屏下载

 

祝你成功