文字按钮,很不容易点击到?解决思路
在按钮编辑区
时间轴上只有 4个帧,第4帧”点击”是按钮反应区,这个区域在舞台中是看不到,但是他却起到了按钮反应作用
我们扩大按钮反应区,既可以轻易用鼠标点击到这个按钮了具体步骤
1、运行FlashMX2004
文档属性默认2、新建
个元件命名为“按钮”类型设定为按钮元件3
进入按钮编辑区时间轴上面共有 4个帧这 4个帧作用已经在第章中向大家介绍过了如图所示
图2.1.34 按钮元件
时间轴4、在第1帧中单击工具栏里面
矩形工具绘制个蓝色矩形5、返回到场景1
从“库”中把这个按钮拖动到舞台中6、发布测试效果
我们看到当鼠标放到这个按钮上面时候鼠标变为小手形状介绍说明制作这个按钮成功7、在实际
创作中
舞台中元件很多为了区分元件种类需要在按钮上面写上介绍说明那么我们就来实际制作下8、双击“库”中按钮元件
进入按钮编辑区9、在图层面板中新建图层2
单击文本工具键入“button”调整位置如图所示
图2.1.35 加入文字图层
10、返回到场景1测试
按钮上面已经有了个标志名字按钮功能没有受到影响如图所示
图2.1.36 按钮效果
11、这种按钮
制作思路方法是最为简单它不涉及到反应区问题蓝色矩形部分已经在舞台中显露出来只要点击蓝色区域都可以执行按钮作用在些Flash作品中由于整体视觉效果要求往往出现些只有文字没有背景按钮这样就涉及到了问题中所提到反应区问题12、进入按钮元件编辑区
在第1帧中键入文字“PLAY”制作个播放按钮如图所示 
图2.1.37 键入文字
13、返回到场景1发布测试按钮效果
发现鼠标不是很轻易就会点击到按钮其原因是按钮反应只限制在文字线条上面14、解决这个问题
可以采用两种思路方法第种思路方法进入按钮元件编辑区在第4帧中利用矩形工具画个矩形放在“PLAY”下方以扩大它反应区第4帧“点击”中内容在发布作品时候是看不见所以我们可以使用任意颜色如图所示
图2.1.38 在“点击”帧插入矩形
14、发布测试效果
按钮反应区扩大就很轻易点击到按钮了请参考源文件点击这里下载源文件15、另外
种思路方法是新建个图层在按钮元件编辑区第1帧画个透明矩形矩形虽然是透明在舞台中是看不见但是它还会起到个形状作用这样在第1帧扩大了按钮反应区域如图所示
图2.1.39 插入透明矩形
16、这种制作思路方法也可以制作出非常好用
文字按钮注意——对按钮
测试我们用【控制】菜单里面【播放】命令或者使用快捷键“Enter”是无法测试我们要单击【文件】菜单下【发布】命令或者使用组合快捷键“Ctrl+Enter”来进行发布测试提示——朋友们普遍对按钮
4个帧里面最后个帧作用不是很理解这个帧就是按钮反应区在场景中是看不到制作隐形按钮就要利用这个帧窍门技巧——按钮是
部作品中不可或缺重要组成部分制作按钮时应考虑到整体作品风格试
试——我们向大家介绍了文字按钮制作思路方法大家不妨试试这种按钮在每个作品中都要使用分析——出现这个问题
根本原因有两个:第朋友们对按钮制作不重视性认为按钮只是个附属东西对于作品整体主体表现没有太多作用所以也忽视了按钮细节制作；第 2朋友们对第4帧“点击”知识不了解特别提示
按钮作为
个Flash动画作品中实现交互作用媒介起到了非常重要作用本文所附源文件中并没有涉及到按钮控制问题所以只能利用鼠标放置到按钮上显现小手形状来测试按钮特别介绍说明
通过对这个问题
解释我们了解了基本按钮制作思路方法和怎样制作文字按钮我在欣赏闪吧承办“衡雅杯”环保FLASH比赛时候发现许多朋友制作文字按钮都没有采取扩大反映区手段以至考验欣赏者使用鼠标灵活程度对作品欣赏带来第印象厌烦感部Flash作品需要使用那些必要按钮？由于按钮
应用十分广泛所以在Flash作品中可以用按钮制作非常有趣效果对于控制部完整得FLASH动画作品而言般需要两个按钮:播放(PLAY)和返回(REPLAY)以用于影片播放和重放可以使用图形来作为按钮吗？
按钮中帧在操作上和其他元件帧没有什么大区别所以我们可以利用图形来作为按钮还可以采用其他形式来制作按钮在下面问题中我们将向大家详细地介绍如何用按钮来控制影片？
刚才我们说到了
部完整作品需要两个按钮,个播放按钮个返回按钮.那么这两个按钮是怎样实现对影片控制呢?这就涉及到了Flash ActionScript按钮和Flash脚本语言(ActionScript)联系是非常紧密下面我们就制作个影片控制按钮我们新建个 Flash MX 2004文档在舞台时间轴上制作出段简单动画效果如图2.1.40所示
图2.1.40 制作
段渐变动画要禁止动画
开始就自动播放这样播放按钮才会起到作用 单击时间轴上第1帧打开舞台下面“动作”面板双击“影片控制”下“stop”命令是动画在第帧就停止在最后帧同样加入“stop”如图2.1.41 所示
图2.1.41 添加“stopa
;”然后新建立
个按钮元件按照我们刚才做思路方法制作出两个按钮分别是“play”和“relplay”在时间轴中新建图层把“play”按钮从控制拖动到第1帧合适位置“replay”拖动到第30帧合适位置分别单击两个按钮打开动作面板在“play”和“replay”按钮上面加如控制命令:“play”按钮上面
命令:on(release){
play
;}
如图所示
图2.1.42 “play”按钮
ActionScript“replay”按钮上面
命令on (release) {
gotoAndPlay(1);
}
如图2.1.43所示
图2.1.43 “replay”按钮
ActionScript请参考源文件点击这里下载源文件
这是我们第
次接触 Flash MX 2004ActionScript本书第 3部分中会作详细地介绍的所以在此节中介绍ActionScript是按钮和ActionScript联系非常密切 ； 2是给大家个初步印象问题2:何制作隐形按钮？隐形按钮
作用是什么？解决思路
隐形按钮是按钮功能
引申些超乎想象效果就是通过隐形按钮来完成我们从上个问题中知道了按钮第4帧“点击”帧里面内容在舞台中是看不到我们就用这个特点来制作简单隐形按钮具体步骤
1、运行Flash MX 2004
文档属性默认2、新建
个元件名称为“button”类型为按钮3、进入按钮元件编辑区
在第4帧里面我们利用矩形工具绘制个矩形颜色随意4、返回场景1
【文件】|【导入】|【导入到舞台】命令导入幅图片调整其在舞台位置5、在时间轴上新建
个图层命名为按钮层把刚刚制作按钮从“库”中拖动到舞台中合适位置如图2.1.44所示
图2.1.44 设置隐形按钮
6、这个按钮在舞台中显现
是透明绿颜色按钮在第4帧“点击”帧里面内容是看不到Flash 考虑到需要编辑方便统设置了相同绿颜色而无论原来“点击”帧里面颜色是什么7、发布测试
可以看到当鼠标移动到隐形按钮区域就会变成小手状我们隐形按钮制作成功保存请参考源文件点击这里下载源文件
8、利用按钮和Flash
ActionScript我们可以制作出非常优秀效果这方面内容我们将在第 3部分ActionScript中向大家详细介绍注 意 ——在制作隐形按钮
时候不要在按钮编辑区第1帧做按钮第帧在场景中是可见达不到我们制作效果我们直接在第4帧中插入个空白关键帧然后在编辑区中绘制反映区大小就可以提 示 ——按钮编辑区中
第4帧“点击”帧在场景中是不可见编辑时候在主场景中显示是绿色半透明状态技 巧 ——在舞台中
隐形按钮和其他按钮没有什么区别我们都可以利用工具进行编辑试
试 ——在上个问题解释中我们向大家介绍了另外种制作隐形按钮思路方法朋友们不妨利用第 2种制作思路方法试试看看有没有区别？分 析——按钮
作用是触发行为隐形按钮可以达到欣赏者在非刻意情况下触发事件达到互动效果特别提示
在本例
源文件中没有设置按钮触发事件触发事件是要用FlashActionScript控制我们会在第 3部分中向大家详细介绍特别介绍说明
按钮
重要作用我们已经在上个问题中向大家强调了隐形按钮是按钮中重中的重掌握了此项技术我们就可以利用隐形按钮特点发挥其独到作用制作出许多交互性动作相关问题
◎如何使用公用库中
按钮？在Flash MX 2004中
公用库中向我们提供了许多制作精美按钮范例我们可以直接使用单击【窗口】|【其他面板】|【公用库】|【按钮】命令打开【库——按钮】面板如图2.1.45所示
图2.1.45 打开“库——按钮”面板
可以看到有许多已经制作完成
按钮分门归类地保存在按钮公用库里面我们可以直接拖放到按钮编辑区里面使用在按钮公用库里面按钮大多是动态效果就是按钮 4个帧里面都有动作这方面知识我们在下个问题中向大家介绍问题3:何制作发声按钮？如何在按钮中嵌套影片剪辑？
解决思路
从上两个问题
解答中我们知道了按钮中 4个帧和其他元件是不相同但是在操作和理解上却没有大差别在第部分中我们详细地介绍了按钮编辑区 4个帧作用我们就可以利用这些帧来解决问题具体步骤
1、运行Flash MX 2004
文档属性默认2、新建元件
命名为“button”类型为按钮3、进入“button”按钮编辑区
我们可以看到按钮编辑区 4个帧4、单击第1帧
在编辑区中利用椭圆形工具绘制个红色椭圆5、在时间轴上新建
个图层键入“button”静态文本并同时延长第层和第 2层帧数如图2.1.46所示
图2.1.46 创建按钮
6、再新建图层3
命名为音乐层7、
我们想要制作效果是当鼠标经过按钮时候按钮发出声音所以我们就在按钮时间轴第2帧“指针经过”中插入个空白关键帧8、单击【文件】|【导入】|【导入到库】命令
导入段我们选择音乐效果9、导入
音乐会保存在我们库面板中如图2.1.47所示
图2.1.47 库中
声音文件10、把这个声音文件拖动到音乐层
“指针经过”帧对应舞台中11、在音乐层里面
“指针经过”帧里面会有个音乐波形这介绍说明我们已经把音乐加到了这个帧里面了如图2.1.48所示
图2.1.48 时间轴上面
声音文件12、返回场景1
从库面板中把这个按钮拖放到舞台中13、发布测试
当鼠标经过按钮时候按钮发出了声音我们制作发生按钮成功保存请参考源文件点击这里下载源文件
14、如何在按钮中嵌套影片剪辑呢？其实和插入音乐都是同样
道理15、按照上面
步骤制作个常规按钮16、新建
个影片剪辑在这个影片剪辑里面制作小段简单旋转动画效果17、双击进入按钮编辑区
新建个图层18、在这个图层
第2帧“指针经过”插入个空白关键帧19、把“库”面板中
影片剪辑拖动到这个帧对应舞台里面如图2.1.49所示 
图2.1.49 插入影片剪辑
20、返回到场景1
发布测试当鼠标移动到按钮时候就会播放影片剪辑保存请参考源文件点击这里下载源文件
注 意 ——◎导入mp3格式音乐
时候有时候flash会提示导入不成功这个问题是非常普遍我们将在后面Flash mv章节中向大家详细介绍解决思路方法◎制作发音按钮所用
音效应该选择比较短声音文件提 示 ——制作发音按钮
时候尽量把音效文字放在区别层里面这样便于我们编辑修改技 巧 ——除了在“指针经过”帧里面放置音效以外
我们还可以在其他帧里面放置音效制作思路方法和上例相同试
试 ——朋友们试试制作个发音按钮分 析——在制作此例过程中
把音效、文字、矩形分别放置在区别图层里面原因是当我们修改它时候非常方便无论在按钮编辑区用多少层在主场景中我们只导入了个按钮元件对动画作品整体没有改变特别介绍说明
我这
节中我们学习了制作声音按钮以及嵌套影片剪辑思路方法还接触了个重要知识就是导入外部声音文件导入外部声音文件和导入图片思路方法是相同至于在导入中出现
我们将在以后学习中详细讲述相关问题
如何制作可以变化颜色
按钮？首先要考虑按钮
4个帧是 4个动作我们只要把各帧里面按钮颜色改变就可以达到效果新建个按钮元件在第1帧利用矩形工具绘制个蓝色矩形在第2帧插入关键帧利用填充工具把举行颜色转换为红色按照此思路方法在第 3帧填入绿色
如图2.1.50所示
图2.1.50 改变各个帧
颜色然后返回到场景1进行测试
我们会看到按钮在场景中呈现是蓝色当鼠标放到按钮上时候是红色当鼠标按下时候是绿色从而通过 3个镇区别颜色达到了按钮动作颜色转变第4帧是反映区在舞台中是看不到所以无需再此帧中设置
最新评论