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

.

定格成①道美丽的风景綫 在彼此间......

 
 
 

日志

 
 

【引用】Flash按钮制作学习笔记  

2011-10-04 17:29:55|  分类: flash制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自火力光波《FlashMX习作-按钮制作》

 Flash按钮制作学习笔记

学习笔记是以软件Flash 8为基础,以Flash mx 2004-1-入门篇的第九章按钮制作技巧为参考,通过边学习边实践,整理了如下内容。Flash从入门到精通视频教程的网址:http://www.enet.com.cn/eschool/includes/zhuanti/flash1130/ 

 

(一)   按钮制作的基础(1-4)

按钮四种状态:弹起(原始状态),指针经过(指向),

                          按下(按住不放),点击(按下放开)。

制作按钮图形:

(1)新建按钮元件:插入—新建元件—取名—选择“按钮”—确定;

(2)设置按钮图层:主要是“图形层”“文字层”和“加入层”:

    “图形层”—画按钮图形—添加层“文字层”—输入文字—在“指针经过、按下、点击”处插入关键

      帧 —修整—拖入场景。

 编辑按钮文图:

复制按钮功能:在库中右击按钮对象—取新名—确定—双击复制件—在“文字层”修改名称—拖入场景。

编辑文字振动:将“文字层”指针经过或按下中的文字,向右、向下移动两小格。

修改按钮文字:将“文字层”某一帧如“指针经过”处的文字换掉。

修改图形底色:双击按钮元件—锁住、关闭其它层--点击“图形层”某帧—点击图形—重设图形填充颜色。

制作渐变底色:双击按钮元件—锁住、关闭其它层--点击“图形层”某帧—右击图形—复制—双击复制元

                          件--设置变色动画—返回按钮元件—点击“图形层”某帧—右击图形—交换元件—选定新

                          元件—确定。 

(二)在按钮上加入图文(5-9)

通过新添加的“加入层”,在“指针经过”或“按下”处加入图文,当鼠标“指针经过”或“按下”时则

显示图文。加入图文对象:文字、图形、图片、动画、音乐。

加入图文操作

     (1)分别导入按钮和图片到库—调整图片大小等。

     (2)双击按钮元件—添加“加入层”—在“指针经过”或“按下”处添加关键帧—拖入图---再添加

            “加入层”— 添加关键帧—输入文—测试。

             以上加入的图文,可必为动画、音乐。

制作动画对象:新建元件—将以上图文拖入新元件编成动画—转到按钮—添加关键帧—拖入新元件—测试。

更改加入对象:将新对象、按钮导入到库—双击按钮元件--点击指针经过的帧—右击更改对象—交换元件

                          —选定新对象—确定。

多对象同位置:即多个按钮加入的多个对象定位在同一位置。

                      将按钮拖入场景—添加晢存层(确定位置)—双击按钮进行编辑…回到场景将晢存层改为引导层。

实例1-2,鼠标指针经过、按下显示不同对象      

(三)将图文做成按钮(10-11)

 利用按钮“点击”处的感应功能,将文图制作成按钮,当“指针经过”或“按下” 文图不同部位时,有不同的感应效果。下面介绍的是“指针经过” 图片的操作:

(1)拖入图片,新建影片元件--导入图片—打散—组合—转入场景--拖入图片—锁住;

(2)连接感应,新建按钮元件—在“点击”处插入关键帧—画方形—回到场景—添加层—将方形元件拖入;

(3)描画图形,右击方形—在当前位置编辑—选择“点击”处—删除方形—描画图形—在指针经过处插入

                           关键帧—拖入加入对象或输入文字。

       同理,按照(2)(3)步骤再新建按钮元件,制作图片其它部位的感应效果。

      多少个感应部位,就要新建多少个按钮。感应效果的加入对象:可为文字、图形、图片、动画。

       以上,其实质就是用按钮的感应功能,将图片做成按钮。当然文字、图形、影片剪辑也可以做呢。

将文字做成按钮:在“点击”帧处,用“矩形工具”填实心。

影片剪辑、按钮、图形在前台和后台可改变其行为类型,改变行为不影响前后台原结果。

        在前台,点击或框选对象—打开属性面板—选择。

        在后台,右击对象—在“类型”中选择。

 以上,可将画好形状转为元件中直接设为按钮。

实例3, 鼠标指针经过、按下图片时,显示不同加入对象

实例4 ,鼠标指针经过、按下图片不同部位时,显示不同加入对象

(四)添加按钮的动作

 选中按钮图形添加动作代码,当鼠标点击时则运行命令中的动作。

按钮开关动作

1、添加按钮:新建按钮元件—绘制按钮图形或从库中拖入—设置按钮—回到场景—选择帧--拖入按钮;

2、添加动作:选中按钮--打开动作面板—全局函数:

      打开:影片剪辑控制—双击on(双击release)--时间轴控制{双击play()}

      关闭:影片剪辑控制—双击on(双击release)--时间轴控制{双击stop()}

按钮跳转动作

跳转到某一帧打开:

影片剪辑控制—双击on(双击release)--时间轴控制{双击gotoAndplay( )} 

跳转到某一帧关闭:

影片剪辑控制—双击on(双击release)--时间轴控制{双击gotoAndstop ( )}

按钮链接动作(12-16)

对外网址链接:将按钮元件拖入场景—右击对象—动作—脚本助手—“+”—全局函数--浏览器/网络—

                          getURL(网址)—输入网址、窗口—保存—发布。

文件下载链接:输入源文件地址,其它同上。

电子邮件链接:输入mailtol:电子信箱地址,其它同上。

网内链接-子目录:输入网地/文件夹名/文件名/,其它同上。

实例5,按钮链接

 

 

                                                                                                                        2009年元月10日

 

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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