注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

清风的博客

我为人人,人人为我。

 
 
 

日志

 
 

flash按钮掌控实例移动方向  

2014-02-16 11:18:46|  分类: 【flash教程】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

    1.启动flash8软件。

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

flash按钮掌控实例移动方向 - 清风 - 清风的博客

图1

    3.创建影片剪辑元件

    选择“插入-新建元件”,建立一个名为“实例”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第1帧,用椭圆形工具在舞台拖一个规格为120*40的,无边线的绿色椭圆,全居中(图2-1)。在用选择工具框选该实例的右半部,起麻点后(图2-2)改为红色。完成后实例(图2-3)。其绘制流程,如图2所示:

flash按钮掌控实例移动方向 - 清风 - 清风的博客 

图2

    4.创建按钮元件

    选择“插入-新建元件”,建立一个名为“隐钮”的按钮元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第4帧(点击),用矩形工具在舞台拖一个规格、颜色随意的,无边线的矩形,全居中。如图3示:

flash按钮掌控实例移动方向 - 清风 - 清风的博客 

图3


    5.编辑组织场景

    返回场景1,添加两个图层,共三个图层。自下而上命名为实例、文本、按钮。

    (1)选择实例图层第1帧,从库中拖出“实例”影片剪辑元件到舞台,规格不变,全居中。如图4示:

flash按钮掌控实例移动方向 - 清风 - 清风的博客   

图4

点击该实例,在属性面板填写其实例名称为:mc  。如图5所示:

图5

再选中该实例,打开滤镜,设置其参数,如图6所示:

flash按钮掌控实例移动方向 - 清风 - 清风的博客

图6

锁定该图层。完成后的舞台实例,如图7所示:

flash按钮掌控实例移动方向 - 清风 - 清风的博客 

图7

    (2)选择文本图层第1帧,用文本工具在舞台下部输入相关内容(按钮名称)。上锁。如图8所示:

flash按钮掌控实例移动方向 - 清风 - 清风的博客 

图8

    (3)选择按钮图层第1帧,分别依次从库中拖出六个“隐钮”按钮元件到舞台,将其放置在按钮名称文本之上,调整好规格位置。如图9示:

flash按钮掌控实例移动方向 - 清风 - 清风的博客   

图9

为按钮添加语句:

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

on(release){
mc._rotation=mc._rotation+90;
}

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

on(release){
mc._rotation=mc._rotation-90;
}

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

on(release){
mc._y=mc._y-10;
}

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

on(release){
mc._y=mc._y+10;
}

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

on(release){
mc._x=mc._x-10;
}


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

on(release){
mc._x=mc._x+10;
}

锁定该图层。

    6.本作业完成后的时间轴如图10所示:

 flash按钮掌控实例移动方向 - 清风 - 清风的博客  

图10

    7.测试存盘

 

    说明:

    制作中你可以将教程中的“实例”影片剪辑中的椭圆,换成坦克、轿车、枪炮等透明图片。

 

最终效果显示效果:

http://www.hsb2011.com//Article/UploadFiles/201203/2012030217085714.swf

 

全屏下载

  评论这张
 
阅读(36)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017