用Fireworks打造按钮图片提示效

用户名：密码：

免费注册忘记密码？

网站地图 | 加入收藏 | 设为首页

首页 | 新闻 | 工具 | 系统 | 办公 | 聊天 | 多媒体 | 网页 | 运营 | 平面 | 欣赏 | 数据库 | 程序 | 服务器 | 组网

iTbulo.com > 学院 > 网页制作教程 > Fireworks教程 > Fireworks设计实例 > 正文

用Fireworks打造按钮图片提示效

iTbulo.COM 2008-3-21 高平()

本教程利用Fireworks的层、帧、切片等工具，让Fireworks自动生成javascript来打造图片提示效果。通过学习本教程，读者可了解到关于层、帧、切片及导出html网页格式的方法及技巧，而且网友们还可以将此种效果应用到各种网页上，最终效果如下（光标放在按钮上，下面的提示图片也相应的发生变化）：

效果演示

　　下面我们一起来学习Fireworks如何实现这种效果：

　　一、点击：文件—新建命令，设置宽度为450像素，高度为400像素，分辩率为72像素，如图1所示。

使用Fireworks打造按钮图片提示效果
图1

　　二、点击：文件—导入（快捷键为Ctrl+R），如图2所示。

使用Fireworks打造按钮图片提示效果
图2

　　三、导入所需的素材，如图3所示。

使用Fireworks打造按钮图片提示效果
图3

[1] [2] [3] [4] [5] [6] 下一页

文章搜索

相关资讯

相关文章	相关下载
Fireworks软件新颖实用操作技巧集合用Fireworks绘制的跑车 Fireworks教程：不同切角效果 Fireworks制作韩国女包 Fireworks教程：制作纸张卷边效果

焦点信息

· 历史上最强的浏览器：Firefox简体中文版下载

· 巧用Vista自带的语音工具学英语

· WinXP SP2升级到SP3遇“空间不足”解决方案

· Photoshop模仿浅景深效果扫除杂乱背景

· 创意生活设计：便宜又漂亮的时尚环保布袋

· 会生活才会设计访著名电影海报设计师张瑜新