| VB 源码 | VC 源码 | ASP源码 | JSP源码 | PHP源码 | CGI源码 | FLASH源码 | 素材模板 | C 源程序 | 站长工具 | 站长教程 |

网页设计

网站策划
网页设计

本类阅读TOP10

·经典网页设计欣赏
·Flash Loading制作全接触
·用Flash制作简单闪光字
·下拉菜单全攻略(Javascript篇)
·PhotoShop热键大全
·下拉菜单全攻略(DW篇)
·网页效果集合
·哈利波特书封面设计欣赏
·Flex 入门教程
·一流的设计师,一流的PHOTOSHOP教程

站内搜索

Flash制作实例:心形按钮
实例预览:当你的鼠标移到一个标有心形的红色按钮上后,它会变为黄色,再按下鼠标,按钮改变状态并发出 点击声。
  知识提示:插入按钮组件,心形按钮的制作详解。


  制作过程

  1.打开Flash,建立一个新文件。从菜单栏中选择插入>添加组件,(Insert>New Symbol..)在出现的对话框中选按钮(button)类型,命名为:“button”,然后按OK确定。随之则出现了按 钮编辑窗口,这时在时间轴Up处会有一个空心小圆点,表示你现在可以在Up处进行绘图,在工作区用绘图工具 中的画圆工具(Oval tool)画上一个圈,这就是按键的最外圈,让我们给它附上一个渐变的色彩,使它看上去具有立体感,选箭头 工具(Arrow tool),选择圆,然后选颜料桶工具(Paint Bucket),在下方会出现充填颜料的工具(Fill Color),点中它,会弹出一个调色板,你可以直接在最底层选一个黑白色的圆形渐变图案,然后在工作区的圆 上点击,注意要让白色的中心点偏左上,这样立体感更强。如图1所示。



6.1.1.gif (5567 

bytes)
图1底框1的制作

  2.新建一个层,从菜单栏中选择插入>添加层,(Insert>Layer),取名“底框2 ”,再如步骤1那样画一个圆,要比底框1小一些,它的大小决定了底框的宽度。要注意的是在填色时要让白色 的中心点偏右下。如图2所示。

6.1.2.gif (5959 bytes)
图2底框2的制作

  3.再建一个层,取名“按钮”,一样画一个圆,不过这次用红色的渐变色来填充,白色 的中心点偏左上。如图3所示。

6.1.3.gif (7915 bytes)
图3按钮的制作

  4.再建一个层,准备画“心”。我们可先用方形工具(Rectange tool)画一个正方形,并在工作区选中它,按右键,在弹出的菜单中选旋转(Rotate),这时方形周围会出现 八个控制点,将鼠标移至最右下角的那个控制点,鼠标将变为旋转样式,然后按住Shift键,(控制方形以45度 角旋转)使其旋转45度。再用画圆工具(Oval tool)画上两个圈,分两边放于方形上方,将三者都填为黑色,好了,一个心基本做好了,我们也来给它加上 点立体吧,复制一个心,选中它,按右键,在弹出的菜单中选旋转(Scale),将其缩小些,然后填以红色的渐 变色,放在大的心上,选中两个心,从菜单栏中选择修改>群集,(Modify>Group),将它们合并。如图 4所示。

6.1.4.gif (10987 bytes)
图4心的制作图示

  5.现在我们要完成“心形按钮”的其他状态,即鼠标移上去(Over)和按下去(Down) 的状态,在时间轴上浮动(Over)栏中,每一个层都按F6,(插入关键帧),这样就把Up时的状态全都复制到 Over状态了,我们要改变的只是将“按钮”层和“心”层的图案,都用黄色的渐变色来代替红色的渐变色填充 。如图5所示。

6.1.5.gif (8271 bytes)

图5over状态的制作

  6.在时间轴上按下(Down)栏中,每一个层都按F6,(插入关键帧),在“按钮”层点 中按钮图形,按右键,在弹出的菜单中选旋转(Scale),将其缩小些,然后填以红色的渐变色,但要将白色的 中心点偏右下。在“心”层中同样将心也缩小些,如图6所示。

6.1.6.gif (7986 bytes)

图6Down状态的制作

  7.新增一层,在Down帧插入空帧,从库中拖一能发出按键效果的声音文件到工作区。有形 有色有声的按钮图就大功告成,你还可以充分发挥你的才能,做出更好的效果,如图7所示。

6.1.7.gif (15570 bytes)

图7已做好的按钮

  8.我们可在编辑状态检测按钮。点Scene1切换至主场景,将做好的按钮从库中拖到工作 区,从菜单中勾选控制>启动按钮(Control>Enable Buttons),这时按钮就能感应你的鼠标动作。




相关文章
  • Photoshop实例
  • Flash制作实例:遮罩 等你的日子
  • FLASH实例:制作滚动的公告栏
  • ASP中XML、DataSet、DataGrid结合实例
  • Flash MX 2004新特性实例学习
  • Flash MX 2004新特性实例学习
  • Flash MX 2004新特性实例学习
  • Flash 3d效果实例--变换矩阵
  • Flash 3d效果实例--水晶球(图)
  • Flash 3d效果实例--互动线框(图)
  • Flash 3d效果实例--方块扭曲
  • Flash 3d效果实例--动感球体
  • Flash 3d效果实例--旋转的三棱锥
  • 相关软件

  • TAPI实例程序  
  • DAO实例程序  
  • 使程序一运行一个实例  
  • TAPI通信实例  
  • 文档视图结构实例  
  • DDE实例  
  • 工具条开发实例  
  • C语言命令行参数的实例  
  • 仙人掌工作室提供的按钮菜单实例  
  • 一个ASP+FLASH的实例  

  • 下载首页关于我们广告服务联系方式常见问题隐私声明法律条款本站声明下载帮助发布软件站点地图谷歌卫星地图