╋艺 镇╋╋网站网络|程序语言|Flash╋┣◇FLASH交流 → 制作按钮


  共有13068人关注过本帖树形打印复制链接

主题:制作按钮

帅哥哟,离线,有人找我吗?
乐魔舞
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 天之飞雪
等级:青蜂侠 帖子:1427 积分:11370 威望:0 精华:7 注册:2007/12/25 16:21:28
制作按钮  发帖心情 Post By:2007/12/28 [只看该作者]

face8|制作按钮|陈新华|| 接着我们来做一个按钮。在编辑区上没有选任何物体的情况下,敲键盘上的F8键,出现“Symbol”属性对话框,将Behavior项设为定为Button,在Name栏中输入button 1,点“OK”关闭对话框,画面被切换成按钮编辑状态。   Timeline区域的帧显示条包含Up、Over、Down、Hit四种状态。Up为一般状态下按钮的状态;Over为当鼠标置于按钮上方时按钮的状态;Down为 按钮 被按下时的状态;Hit为按钮响应区域。我们先来做Up状态。选铅笔工具,在中央的“十”字符号旁边拉一个圆形,选择白黑线性渐变填充色,给圆形填上颜色,删除边框。   因为该圆要重复使用,所以我们将其生成一个符号,命名为Symbol 1。 添加一个新层Layer层2,单击打开“Window”菜单,选择“Library”命令,打开符号库。选中Symbol 1,从预览框中将其拖到舞台编辑区上,关闭符号库。   点Scale按钮,按下Shift同时将圆缩小一些。选中缩小了的圆。   单击Modify菜单,单击Transform项下的Flip Horizontal,将圆垂直翻转。将其移到大圆上,这样就做好了按钮的大致样子。   添加新层Layer 3,在它上面写一些文字。按文字工具按钮,将字号定为24号字,并选择加粗。选好后在画面上点一下,输入“1”。 按ESC,选中文本框。这里我们要给文字填上渐变色,所以要把文字打散。打开Modify菜单,选择Break Apart,使它变为图形。   现在我们要给文字填上渐变色,点漆桶工具,将颜色定为黑白键变色,在“1”上点一下,“1”被填上渐变色,把它移到圆的中央。选中Over状态,在层在Layer 3上插入关键帧,在Layer 层1和层Layer 2上插入空帧。选中Down状态,在1、2、3层上都插入关键帧。 现在我们将Over状态的“1”字改为红色。选择“漆桶”工具,将颜色定为红色。选中Over状态,在“1”上点一下,“1”字变为红色。选中Down状态,将小圆形和大圆形同时选中,单击Modify菜单,点Transform项下的Flip Horizontal,将它们垂直翻转。最后选中Hit状态,在层1上插入关键帧,因为层1是大圆形,其范围也就是按钮的响应区域,所以不用再做处理。这样按钮就做好了。我们再来做其它的按钮。打开符号库,点下拉菜单按钮,点Duplicate,我们来复制button 1,将新按钮的名字定为button 2,点“确定”,进入按钮编辑状态。   我们只需要将层3中的字符1,改为2就行了。这里我们就不在演示了。用这种方法做其它按钮。不同的只是把数字改为三角形和小方框而已,改好后回到动画编辑状态。  接着我们来做一个按钮。在编辑区上没有选任何物体的情况下,敲键盘上的F8键,出现“Symbol”属性对话框,将Behavior项设为定为Button,在Name栏中输入button 1,点“OK”关闭对话框,画面被切换成按钮编辑状态。 图片点击可在新窗口打开查看   Timeline区域的帧显示条包含Up、Over、Down、Hit四种状态。Up为一般状态下按钮的状态;Over为当鼠标置于按钮上方时按钮的状态;Down为 按钮 被按下时的状态;Hit为按钮响应区域。我们先来做Up状态。选铅笔工具,在中央的“十”字符号旁边拉一个圆形,选择白黑线性渐变填充色,给圆形填上颜色,删除边框。 图片点击可在新窗口打开查看   因为该圆要重复使用,所以我们将其生成一个符号,命名为Symbol 1。 添加一个新层Layer层2,单击打开“Window”菜单,选择“Library”命令,打开符号库。选中Symbol 1,从预览框中将其拖到舞台编辑区上,关闭符号库。 图片点击可在新窗口打开查看   点Scale按钮,按下Shift同时将圆缩小一些。选中缩小了的圆。 图片点击可在新窗口打开查看   单击Modify菜单,单击Transform项下的Flip Horizontal,将圆垂直翻转。将其移到大圆上,这样就做好了按钮的大致样子。 图片点击可在新窗口打开查看   添加新层Layer 3,在它上面写一些文字。按文字工具按钮,将字号定为24号字,并选择加粗。选好后在画面上点一下,输入“1”。 按ESC,选中文本框。这里我们要给文字填上渐变色,所以要把文字打散。打开Modify菜单,选择Break Apart,使它变为图形。 图片点击可在新窗口打开查看   现在我们要给文字填上渐变色,点漆桶工具,将颜色定为黑白键变色,在“1”上点一下,“1”被填上渐变色,把它移到圆的中央。选中Over状态,在层在Layer 3上插入关键帧,在Layer 层1和层Layer 2上插入空帧。选中Down状态,在1、2、3层上都插入关键帧。 现在我们将Over状态的“1”字改为红色。选择“漆桶”工具,将颜色定为红色。选中Over状态,在“1”上点一下,“1”字变为红色。选中Down状态,将小圆形和大圆形同时选中,单击Modify菜单,点Transform项下的Flip Horizontal,将它们垂直翻转。最后选中Hit状态,在层1上插入关键帧,因为层1是大圆形,其范围也就是按钮的响应区域,所以不用再做处理。这样按钮就做好了。我们再来做其它的按钮。打开符号库,点下拉菜单按钮,点Duplicate,我们来复制button 1,将新按钮的名字定为button 2,点“确定”,进入按钮编辑状态。 图片点击可在新窗口打开查看   我们只需要将层3中的字符1,改为2就行了。这里我们就不在演示了。用这种方法做其它按钮。不同的只是把数字改为三角形和小方框而已,改好后回到动画编辑状态。 图片点击可在新窗口打开查看 |2007-8-22 15:59:13


  
“艺镇”官方站:www.zyzsky.com QQ群:1221854  回到顶部