| 网站首页 | JAVA文章 | AppServers | Web开发 | 应用开发 | 资源下载 | 论坛
    学好外语能够获得更多的国外先进编程技术  [enadd  2006年12月25日]        
设为首页 加入收藏 联系站长
您现在的位置: 编程笔记网 >> Web开发 >> 图形图象 >> Fireworks制图 >> 设计实例 >> 文章正文
巧用Fireworks创建假3D按钮          【字体:
巧用Fireworks创建假3D按钮
作者:-    文章来源:-    点击数:    更新时间:2006-4-19

第二步:

双击层的名字,将第一层的名字改为button,将第二层的名字改为button_rollover(如下图),如图5。


图5

第三步:

点击眼睛图标,隐藏button_rollover那一层。

第四步:

选择button层。在图片上面击鼠标右键并选择 Insert slice 命令。

第五步:

打开Window(窗口) >Frames(帧)面板。你看到的是缺省的Frame1。选上它并把它拖到该面板右下角的“New/Duplicate frame”图标上。

第六步:

选择第二帧(Frame 2),打开Windows(窗口)>Layers Palette(层面板)。点击button_rollover层左边的眼睛图标,让该层可见。

第七步:

在帧面板,选择第一帧(Frame 1),确认层面板的“button_rollover”层处于隐藏状态。

第八步:

点击Web layer层,确认该层可见。在图片窗口的切片上击鼠标右键,选“Add Swap Image Behaviour(添加交换图片行为)”。这时出现一个对话框,如图6。


图6

* 选上用于图片交换的切片
* 选择帧号码(frame number),在这里选Frame 2。
* 选中“Preload Image”及“Restore Image onMouseOut”两项。
* 按OK钮。

这时你的图片将变成这样,如图7:


图7

第九步:

选文件(File)>输出(Export),打开一个输出对话框。输入文件名,在保存类型中选择“HTML and Images”,“Slices”右边选择“Export as Slices”。

 

你的3D按钮到此顺利完成,还不赶紧用鼠标点击看效果!


上一页  [1] [2] 

文章录入:enadd    责任编辑:enadd 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
  • Fireworks MX 圆角矩形框

  • Fireworks制作卷边效果

  • Fireworks MX 荧光按钮

  • Fireworks MX 立体按钮

  • 用Fireworks制作水波效果

  • Fireworks MX 给文字描边

  • Fireworks MX 混合模式

  • Fireworks MX 使用蒙版

  • Fireworks MX 弹出菜单

  • Fireworks MX 制作动画

  •   网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 管理登录 |