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

http://www.sina.com.cn 2008年03月18日 16:45  pconline太平洋电脑网

  作者:高平

  本教程利用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打造按钮图片提示效果(2)
·使用Fireworks打造按钮图片提示效果(3)
·使用Fireworks打造按钮图片提示效果(4)
·使用Fireworks打造按钮图片提示效果(5)
·使用Fireworks打造按钮图片提示效果(6)

发表评论 _COUNT_条
Powered By Google
不支持Flash
·城市对话改革30年 ·新浪城市同心联动 ·诚招合作伙伴 ·企业邮箱畅通无阻
不支持Flash