当前位置:八五教程网设计频道平面设计教程Fireworks教程Fireworks打造javascript图片提示效果» 正文
  1. Fireworks打造javascript图片提示效果

  2. [11-15 12:52:15]   来源:http://www.85jc.com  Fireworks教程   阅读:8744

概要:图9经典哦十、选择二个矩形(小提示:按住Shift,可以多选),点击如图所示的样式(当然,读者也可以选择其它样式甚至自定义样式),如图10所示。图10十一、同时选择三张位图,如图11所示(选择技巧:在层面板中,点击第一个位图层,再按着Shift点击最后一个位图层便可多选了)。图11十二、在选择三个位图层的状态下,点击帧面板中的分散到帧按钮,如图12所示的红色部分。图12十三、选择两个按钮,点击:编辑——复制(快捷键为Ctrl+C),如图13所示。图13十四、在帧面板中选择帧1,并按Ctrl+V粘贴,如图14所示。图14经典哦十五、用同样的方法,在帧面板中选择帧2贴上按钮,如图15所示。图15十六、在工具箱中选择切片工具,如图16所示进行切片。图16十七、使用选择工具,将漫画切片中心拖拽到位图切片区,并在弹出的交换图像中选择帧3,如图17所示。图17十八、使用选择工具,将油画切片中心拖拽到位图切片区,并在弹出的交换图像中选择帧2,如图18所示。图18十九、最终完成,我们可以按F12在浏览器上看一下效果。确

Fireworks打造javascript图片提示效果,标签:fireworks教程下载,fireworks,cs5教程,http://www.85jc.com

图9

经典哦

  十、选择二个矩形(小提示:按住Shift,可以多选),点击如图所示的样式(当然,读者也可以选择其它样式甚至自定义样式),如图10所示。

Fireworks打造按钮图片提示效果
图10

  十一、同时选择三张位图,如图11所示(选择技巧:在层面板中,点击第一个位图层,再按着Shift点击最后一个位图层便可多选了)。

Fireworks打造按钮图片提示效果
图11

  十二、在选择三个位图层的状态下,点击帧面板中的分散到帧按钮,如图12所示的红色部分。

Fireworks打造按钮图片提示效果
图12

  十三、选择两个按钮,点击:编辑——复制(快捷键为Ctrl+C),如图13所示。

Fireworks打造按钮图片提示效果
图13

  十四、在帧面板中选择帧1,并按Ctrl+V粘贴,如图14所示。

Fireworks打造按钮图片提示效果
图14

经典哦

  十五、用同样的方法,在帧面板中选择帧2贴上按钮,如图15所示。

Fireworks打造按钮图片提示效果
图15

  十六、在工具箱中选择切片工具,如图16所示进行切片。

Fireworks打造按钮图片提示效果
图16

  十七、使用选择工具,将漫画切片中心拖拽到位图切片区,并在弹出的交换图像中选择帧3,如图17所示。

Fireworks打造按钮图片提示效果
图17

  十八、使用选择工具,将油画切片中心拖拽到位图切片区,并在弹出的交换图像中选择帧2,如图18所示。

Fireworks打造按钮图片提示效果
图18

  十九、最终完成,我们可以按F12在浏览器上看一下效果。确定没有问题,便可导出html网页了。如图19所示。

Fireworks打造按钮图片提示效果
图19

上一页  [1] [2] 


Tag:Fireworks教程fireworks教程下载,fireworks,cs5教程平面设计教程 - Fireworks教程

上一篇:Firewoks实例:铅笔图标(推荐)
留言板
取消 发布留言