您好!欢迎您光临鼠到鱼跳的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>鼠到鱼跳的制作原理与方法
鼠到鱼跳的制作原理与方法
发表日期:2012/9/19 8:59:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 3531

 鼠到鱼跳的制作原理与方法

   

    教学目的:通过本节教学了解和掌握隐形按钮的创建及其指令语句的添加,水波的制作,遮罩与元件Alpha的设定。以此实现生动、有趣、好玩的动画效果。

  教学对象:本教材是针对有一定动画制作基础和对属性面板、动作面板、工具箱有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:遮罩、按钮、Alpha。

 

    

    作前准备

    准备有山有水的背景图片一张,规格550*400,经过制图软件(ps、fw)处理后,放到指定的文件夹待用。

    制作步骤

    1.启动FLASH8 软件

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


图1

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

    4.制作鲤鱼跳水动画

    (1)选择“插入-新建元件”,建立一个名为“鲤鱼”的图形元件,点击确定,进入元件编辑区。就一个图层。点击图层1第1帧,用椭圆形工具在舞台拖一个竖向的椭圆,无填充,然后,用选择工具将其调整为弯曲的鲤鱼身。再用铅笔工具在鱼身画一个鱼肚(全封闭),用墨水瓶填充相关颜色,点上眼睛;再用矩形工具拖一个无边线的小矩形,之后,用选择工具将其调整为鱼尾形状。最后组合。其流程,如图2所示:

图2

    (2)选择“插入-新建元件”,建立一个名为“涟漪”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。点击图层1第1帧,用椭圆形工具拖一个横向的灰白色椭圆,无填充,全居中。再拖一个比该椭圆略大、线条略粗的椭圆,全居中。形成两个同心的椭圆。规格适中。选中该实例将其转换为图形元件。在第5、10帧插入关键帧,点击第5帧上的实例,将其等比放大一些,设置第1帧和第10上的实例Alpha为0。点击该图层名称处,待该图层所有帧变黑后,在属性面板创建动画补间。如图3所示:

图3

    (3)选择“插入-新建元件”,建立一个名为“隐钮”的按钮元件,点击确定,进入元件编辑区。选择第4帧(点击),用矩形工具在舞台拖一个规格为40*80的,无边线的矩形,颜色随意。全居中。如图4所示:

图4

    (4)选择“插入-新建元件”,建立一个名为“鱼跳”的影片剪辑元件,点击确定,进入元件编辑区。添加三个图层,共四个图层。自下而上命名为鲤鱼、涟漪、按钮、as。

    A.选择鲤鱼图层第一帧,从库中拖出鲤鱼图形元件到舞台,设置其规格约为40*70,在第10、20帧插入关键帧,选择第10帧上的实例,将其向左上方移动一段距离,然后用任意变形工具将鱼头向左倾斜,再选中第20帧上的实例向左平移,使其和第1、10帧上的实例成等腰三角形。点击第20帧实例,水平翻转。设置第1、20帧上的实例的Alpha为0。如图5所示:

图5

点击该图层名称处,待该图层所有帧变黑后,在属性面板创建动画补间。上锁。

    B.选择涟漪图层第2帧,从库中拖出涟漪影片剪辑元件到舞台,设置规格约为30*12,并将其放置在鲤鱼处。如图6所示:

图6

在第10、15帧插入关键帧,再将第15帧上的涟漪平移到鲤鱼落点处。如图7所示:

图7

在第20帧插入帧。最后在第11帧插入空白关键帧。上锁。

    C.选择按钮图层第1帧,从库中拖出隐钮按钮元件到舞台,将其覆盖第1帧上的鲤鱼,在第20帧插入帧。如图8所示:

图8

点击该按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (rollOver)
{
    play ();
}

锁定该图层。

    D.选择as图层第1帧,按f9,打开动作面板,在as编辑区输入停止指令:

stop();

在第20帧插入帧。上锁。本环节完成后的时间轴,如图9所示:

图9

    5.制作水波动画

    (1)选择“插入-新建元件”,建立一个名为“湖水”的图形元件,点击确定,进入元件编辑区。就一个图层。选择图层1第一帧,从库中拖出山水图片到舞台,规格550*400,并将其打散。然后,用橡皮擦工具擦去湖水以外的部分。全居中。如图10所示:


图10

    (2)选择“插入-新建元件”,建立一个名为“遮罩”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。选择图层1第一帧,用矩形工具在舞台拖一个规格为约为600*8的,无边线的长条矩形,颜色随意。然后用选择工具将其调整为上弧形。复制-粘贴若干,组合整体为规格约为600*450矩形组。其流程,如图11所示:

图11

    (3)选择“插入-新建元件”,建立一个名为“水波”的影片剪辑元件,点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上命名为山水、湖水、遮罩。

    A.选择山水图层第一帧,从库中拖出山水图片到舞台,设置其规格为550*400,全居中,在第60帧插入帧,上锁。

    B.选择湖水图层第一帧,从库中拖出湖水图形元件到舞台,水平中齐-底对齐。选中该实例,按方向键向下、向右各移动一个像素(移动幅度和水波大小成正比)。在第60帧插入帧,上锁。

    C.选择遮罩图层第一帧,从库中拖出遮罩影片剪辑元件到舞台,水平中齐-底对齐。如图12所示:

图12

在第60帧插入关键帧,将该帧上的实例向下移动到湖水的上线。如图13所示:

图13

右键第1帧创建本区域间的动画补间。右键该图层名称处,设置该图层为遮罩层。此环节完成后的时间轴,如图14所示:

图14

    6.组织编辑场景

    返回场景1,添加两个图层,共三个图层。自下而上命名为水波、鱼跳、文本。

    (1)选择水波图层第一帧,从库中拖出水波影片剪辑元件到舞台,全居中。上锁。如图15所示:

图15

    (2)选择鱼跳图层第一帧,从库中拖出鱼跳影片剪辑若干,将其摆满水波面,适当调整每个实例的大小和位置。为保证鱼跳出水面向你需要的方向运动,你可以翻转实例(修改-变形-水平翻转)。注意,通过测试不要使涟漪超出水面。上锁。如图16所示:


图16

    (3)选择文本图层第一帧,用文本工具在画面适当位置输入动画题目、提示或作者等。上锁。如图17所示:


图17


    7.本作业完成后的时间轴,如图18所示:



图18

    8.测试存盘。

 
    说明:
 
    1.本教程是应网友之约编写的,叙述繁琐,制作比较简单,关键在鱼跳出水面和落入水面的姿态。
 
    2.为增加观赏性,你可以多创建几个“鱼跳”的影片剪辑,制作不同颜色,不同形状的鱼。
 
    3.依据此原理和方法你可以制作鼠到鸟飞,打草惊蛇,鼠到兔跳等有趣的动画作品。
 
 
 
最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



812379368
(2010/4/2 12:26:00)

谢谢恩师辛苦您了!真美啊!


(2010/4/1 14:46:00) [222.179.60.]

我的出错。*错误** 符号=鱼跳, 图层=隐钮, 帧=1:第 1 行: 鼠标事件只允许用于按钮实例
     on (rollOver)

 发表评论:共有 2 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167