• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >flash > Flash教程:全面掌握按钮相关内容

Flash教程:全面掌握按钮相关内容

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了Flash教程:全面掌握按钮相关内容,其中包含Flash教程:全面掌握按钮相关内容等知识点,遇到此问题的同学们可以参考下
  问题1:如何制作按钮?为什么我制作的文字按钮,很不容易点击到?

  解决思路

  在按钮编辑区的时间轴上只有四个帧,第4帧的”点击”是按钮的反应区,这个区域在舞台中是看不到的,但是他却起到了按钮反应的作用。我们扩大按钮的反应区,既可以轻易的用鼠标点击到这个按钮了。

  具体步骤

  1、运行FlashMX2004,文档属性默认。

  2、新建一个元件,命名为“按钮”,类型设定为按钮元件。

  3,进入按钮编辑区,时间轴上面一共有四个帧。这四个帧的作用已经在第一章中向大家介绍过了。如图所示。


Flash教程:全面掌握按钮相关内容
  图2.1.34 按钮元件的时间轴

  4、在第1帧中单击工具栏里面的矩形工具绘制一个蓝色的矩形。

  5、返回到场景1,从“库”中把这个按钮拖动到舞台中。

  6、发布测试效果,我们看到当鼠标放到这个按钮上面的时候,鼠标变为小手形状,说明制作的这个按钮成功。

  7、在实际的创作中,因为舞台中的元件很多,为了区分元件的种类,需要在按钮上面写上说明,那么我们就来实际制作一下。

  8、双击“库”中按钮元件,进入按钮编辑区。

  9、在图层面板中新建图层2,单击文本工具键入“button”,调整位置。如图所示。


Flash教程:全面掌握按钮相关内容
  图2.1.35 加入文字图层

  10、返回到场景1测试,按钮上面已经有了一个标志名字,按钮的功能没有受到影响。如图所示。


Flash教程:全面掌握按钮相关内容
  图2.1.36 按钮效果

  11、这种按钮的制作方法是最为简单的,它不涉及到反应区的问题。因为蓝色的矩形部分已经在舞台中显露出来,只要点击蓝色区域都可以执行按钮的作用。在一些Flash作品中由于整体视觉效果的要求,往往出现一些只有文字,没有背景的按钮。这样就涉及到了问题中所提到的反应区的问题。

  12、进入按钮元件编辑区,在第1帧中键入文字“PLAY”,制作一个播放按钮。如图所示。


Flash教程:全面掌握按钮相关内容
  图2.1.37 键入文字

  13、返回到场景1发布测试按钮效果,发现鼠标不是很轻易的就会点击到按钮。其原因是按钮的反应只限制在文字的线条上面。

  14、解决这个问题,可以采用两种方法。第一种方法,进入按钮元件编辑区,在第4帧中利用矩形工具画一个矩形,放在“PLAY”的下方,以扩大它的反应区。因为第4帧“点击”中的内容在发布作品的时候是看不见的,所以我们可以使用任意颜色。如图所示。


Flash教程:全面掌握按钮相关内容
  图2.1.38 在“点击”帧插入矩形

  14、发布测试效果,因为按钮反应区的扩大,就很轻易的点击到按钮了。请参考源文件点击这里下载源文件。

  15、另外一种方法是新建一个图层,在按钮元件编辑区的第1帧画一个透明的矩形,因为矩形虽然是透明的,在舞台中是看不见的,但是它还会起到一个形状的作用,这样在第1帧扩大了按钮的反应区域。如图所示。


Flash教程:全面掌握按钮相关内容
  图2.1.39 插入透明矩形

  16、这种制作方法也可以制作出非常好用的文字按钮。

  注意——对按钮的测试,我们用【控制】菜单里面的【播放】命令或者使用快捷键“Enter”是无法测试的。我们要单击【文件】菜单下的【发布】命令或者使用组合快捷键“Ctrl Enter”来进行发布测试。

  提示——朋友们普遍对按钮的四个帧里面的最后一个帧的作用不是很理解,这个帧就是按钮的反应区,在场景中是看不到的,制作隐形按钮就要利用这个帧。

  技巧——按钮是一部作品中不可或缺的重要组成部分,制作按钮时,应考虑到整体作品的风格。

  试一试——我们向大家介绍了文字按钮的制作方法,大家不妨试一试,因为这种按钮在每个作品中都要使用的。

  分析——出现这个问题的根本原因有两个:第一,朋友们对按钮制作的不重视性,认为按钮只是一个附属的东西,对于作品整体的主体表现没有太多的作用,所以也忽视了按钮的细节制作;第二,朋友们对第4帧“点击”的知识的不了解。

  特别提示

  按钮作为一个Flash动画作品中实现交互作用的媒介,起到了非常重要的作用。因为本文所附源文件中并没有涉及到按钮的控制问题,所以只能利用鼠标放置到按钮上显现的小手形状来测试按钮。

  特别说明

  通过对这个问题的解释,我们了解了基本按钮的制作方法和怎样制作文字按钮。我在欣赏闪吧承办的“衡雅杯”环保FLASH比赛的时候,发现许多朋友制作的文字按钮都没有采取扩大反映区的手段。以至考验欣赏者使用鼠标的灵活程度,对作品的欣赏带来第一印象的厌烦感。
2 3 下一页 阅读全文</div> </div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-24AS2.0面向对象编程的解释
  • 2017-05-24FLASH CS6组件怎么制作视频播放器?
  • 2017-05-24Flash怎么制作流动七彩色的文字?
  • 2017-05-24FLASH怎么绘制一条很简单的小鱼?
  • 2017-05-24用纯Flash Actionscript做的火柴棍小人跑的动画
  • 2017-05-24flash怎么制作一段升国旗的动画?
  • 2017-05-24flash制作一份圣诞贺卡
  • 2017-05-24flash怎么制作光效效果? flash制作霓虹多彩光效效果的教程
  • 2017-05-24flash CS5怎样选择对象?flash选择对象方法介绍
  • 2017-05-24Flash水纹banner的制作流行手法介绍

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • flash制作一面五星红旗
    • Flash AS3教程:ImageLoader类
    • Flash教程:花吃蝴蝶的动画演示
    • AS3 atan与atan2函数区别
    • flash CS5使用3D平移工具在3D空间中旋转影片剪辑
    • Flash教程:卡通人物基本五官造型和绘制方法
    • Flash制作白色窗纱随风飘动的音乐动画特效
    • Flash AS3教程:教你用代码创建好看的遮罩动画效果
    • Flash AS 实例进阶 图片闪白切换效果实现代码
    • Flash8滤镜与混合模式:近距离预览滤镜效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有