Flash按钮制作学习笔记
学习笔记是以软件Flash 8为基础,以Flash mx 2004-1-入门篇的第九章按钮制作技巧为参考,通过边学习边实践,整理了如下内容。Flash从入门到精通视频教程的网址:http://www.enet.com.cn/eschool/includes/zhuanti/flash1130/
(一) 按钮制作的基础 (教程1、教程2、教程3、教程4)
按钮四种状态:弹起(原始状态),指针经过(指向),按下(按住不放),点击(按下放开)。
制作按钮图形:
(1)新建按钮元件:插入—新建元件—取名—选择“按钮”—确定;
(2)设置按钮图层:主要是“图形层”“文字层”和“加入层”
“图形层”—画按钮图形—添加层“文字层”—输入文字—在“指针经过、按下、点击”处插入关键帧
—修整—拖入场景。
编辑按钮文图:
复制按钮功能:在库中右击按钮对象—取新名—确定—双击复制件—在“文字层”修改名称—拖入场景。
编辑文字振动:将“文字层”指针经过或按下中的文字,向右、向下移动两小格。
修改按钮文字:将“文字层”某一帧如“指针经过”处的文字换掉。
修改图形底色:双击按钮元件—锁住、关闭其它层--点击“图形层”某帧—点击图形—重设图形填充颜色。
制作渐变底色:双击按钮元件—锁住、关闭其它层--点击“图形层”某帧—右击图形—复制—双击复件--设置变色动画—
返回按钮元件—点击“图形层”某帧—右击图形—交换元件—选定新元件—确定。
(二)在按钮上加入图文 (教程5、教程6、教程7、教程8)
通过新添加的“加入层”,在“指针经过”或“按下”处加入图文,当鼠标“指针经过”或“按下”时则显示图文。
加入图文对象:文字、图形、图片、动画、音乐。
加入图文操作:
(1)分别导入按钮和图片到库—调整图片大小等。
(2)双击按钮元件—添加“加入层”—在“指针经过”或“按下”处添加关键帧—拖入图---
再添加“加入层”— 添加关键帧—输入文—测试。
以上加入的图文,可必为动画、音乐。
制作动画对象:新建元件—将以上图文拖入新元件编成动画—转到按钮—添加关键帧—拖入新元件—测试。
更改加入对象:将新对象、按钮导入到库—双击按钮元件--点击指针经过的帧—右击更改对象—交换元件—选定新对象—确定。
多对象同位置:即多个按钮加入的多个对象定位在同一位置。
将按钮拖入场景—添加晢存层(确定位置)—双击按钮进行编辑…回到场景将晢存层改为引导层。
实例1-2,鼠标指针经过、按下显示不同对象
(三)将图文做成按钮 (教程9、教程10、教程11)
利用按钮“点击”处的感应功能,将文图制作成按钮,当“指针经过”或“按下” 文图不同部位时,有不同的感应效果。
下面介绍的是“指针经过” 图片的操作:
(1)拖入图片,新建影片元件--导入图片—打散—组合—转入场景--拖入图片—锁住;
(2)连接感应,新建按钮元件—在“点击”处插入关键帧—画方形—回到场景—添加层—将方形元件拖入;
(3)描画图形,右击方形—在当前位置编辑—选择“点击”处—删除方形—描画图形—在指针经过处插入
关键帧—拖入加入对象或输入文字。
同理,按照(2)(3)步骤再新建按钮元件,制作图片其它部位的感应效果
多少个感应部位,就要新建多少个按钮。感应效果的加入对象:可为文字、图形、图片、动画。
以上,其实质就是用按钮的感应功能,将图片做成按钮。当然文字、图形、影片剪辑也可以做呢。
将文字做成按钮:在“点击”帧处,用“矩形工具”填实心。
影片剪辑、按钮、图形在前台和后台可改变其行为类型,改变行为不影响前后台原结果。
在前台,点击或框选对象—打开属性面板—选择。
在后台,右击对象—在“类型”中选择。
以上,可将画好形状转为元件中直接设为按钮。
实例3-4 ,鼠标指针经过、按下图片不同部位时,显示不同加入对象
实例4-3.链接
(四)添加按钮的动作 (教程12、教程13、教程14、教程15、教程16)
选中按钮图形添加动作代码,当鼠标点击时则运行命令中的动作。
按钮开关动作
1、添加按钮:新建按钮元件—绘制按钮图形或从库中拖入—设置按钮—回到场景—选择帧--拖入按钮;
2、添加动作:选中按钮--打开动作面板—全局函数:
打开:影片剪辑控制—双击on(双击release)--时间轴控制{双击play()}
关闭:影片剪辑控制—双击on(双击release)--时间轴控制{双击stop()}
按钮跳转动作
跳转到某一帧打开:
影片剪辑控制—双击on(双击release)--时间轴控制{双击gotoAndplay( )}
跳转到某一帧关闭:
影片剪辑控制—双击on(双击release)--时间轴控制{双击gotoAndstop ( )}
按钮链接动作
对外网址链接:将按钮元件拖入场景—右击对象—动作—脚本助手—“+”—全局函数--浏览器/网络—
getURL(网址)—输入网址、窗口—保存—发布。
文件下载链接:输入源文件地址,其它同上。
电子邮件链接:输入mailtol:电子信箱地址,其它同上。
网内链接-子目录:输入网地/文件夹名/文件名/,其它同上。
实例5,按钮链接
2009年元月10日发,2013年元月8日修改。
评论