您好!欢迎您光临鼠标跟随的制作原理与过程_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>鼠标跟随的制作原理与过程
鼠标跟随的制作原理与过程
发表日期:2012/9/18 22:01:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 4739

 鼠标跟随的制作原理与过程

   

    教学目的:通过本节教学了解和掌握用as语句制作鼠标跟随特效动画的基本原理与操作过程,进而运用其原理创作出生动有趣的动画作品。

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

    教学要点:as语句的运用。

 

    

    作前准备 准备一张规格为400*450的猫头鹰图片和动态透明的蝴蝶图片,经过制图软件(ps、fw等)处理后,保存在指定的文件夹,待用。 

    制作步骤

    1.启动FLASH8 软件

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

图1
 
    3.创建图形元件 点击“插入-新建元件”,建立一个名为猫头鹰的图形元件,点击确定,进入元件编辑区。选择图层1第1帧,导入一张以准备好的猫头鹰图片到编辑区,设置规格为400*450,全居中。如图2所示:
图2
 
点击“修改-分离”,将图片打散,用3号橡皮擦在猫头鹰两只眼睛处点一下,如图3所示:
图3
 
再用选择工具将两只眼睛调整为,如图4所示:
图4
 
    4.创建影片剪辑元件 点击“插入-新建元件”,建立一个名为眼珠的影片剪辑元件,点击确定,进入元件编辑区。用椭圆形工具在工作区拖一个,规格为16*16的,黑色的,无边框的正圆形,全居中。再用一号笔刷工具在该实例上点一个白点。右键该实例将其转换为影片剪辑。如图5所示:
图5
 
选中该实例,在属性面板中将该影片剪辑的实例名称命名为eye 。如图6所示:
图6
 
在第2帧插入关键帧,再右键第1帧,打开动作面板,在as编辑区输入如下语句:
 
i = Math.sqrt(_xmouse*_xmouse+_ymouse*_ymouse);
eye._x = 8/i*_xmouse;
eye._y = 8/i*_ymouse;
 
 
    5.导入蝴蝶透明图片 选择“文件-导入-导入到库中”,将准备好的动态透明图片(如图7所示)导入到库中。
 
 
图7
 
右键库中“蝴蝶影片剪辑-编辑”,进入蝴蝶影片剪辑编辑区。如图8所示:
图8
 
分别依次点击第1-5帧,对各帧中的实例调整为全居中(此环节主要依据你选择的动态透明图片而定)
 
    6.组织编辑场景 返回场景1,添加两个图层,共三个图层。自下而上分别命名为眼珠、猫头鹰和蝴蝶。
 
    (1)选择猫头鹰图层第一帧,从库中拖出猫头鹰图形元件到工作区,全居中,上锁。如图9所示:
 
 
图9
 
    (2)选择眼珠图层第一帧,从库中拖出两个眼珠影片剪辑元件到工作区,将其放置在猫头鹰的眼窝中的适当位置。上锁。如图10所示:
图10
 
    (3)选择蝴蝶图层第一帧,从库中拖出蝴蝶影片剪辑元件到工作区,放置在猫头鹰的右下方(其实可随意)。如图11所示:
图11
 
选中该实例,在属性面板中将该影片剪辑的实例名称命名为hudie 。如图12所示:
图12
 
右键蝴蝶影片剪辑,打开动作面板,在as编辑区输入如下语句:
 
onClipEvent (mouseMove) {
Mouse.hide();
startDrag("_root.hudie", true, 20, 20, 400,450);
}
 
锁定该图层。
 
    7.该作业完成后的时间轴如图13所示:
图13
 
    8.测试存盘。
 

    *说明:

    1.第一组语句中的阿拉伯数字是调整眼珠转动范围的大小,数字越大眼珠转动范围越大,反之越小。

    2.第二组语句中的后两个阿拉伯数字是调整蝴蝶活动范围,一般以场景规格为妥。

最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

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



学者
(2009/10/31 3:30:00) [124.229.38.]

出钱才能学会......

 发表评论:共有 1 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167