本文作者:三岁教程网

fireworks切片工具定位功能怎么使用

三岁教程网 2022-11-12 00:00:00 77 抢沙发

fireworks似乎慢慢地淡出了人们的视线,反而ps的地位仍然稳如泰山。但是fireworks是网页制作的三剑客之一,他在制作网页上的体现的能力还是很强的,对于切片工具的位图属性,极其便利sprite图及网页帧动画的制作,(利用改变background-position)使网页交互友好 。下面我就简单介绍它的使用。

1、打开Micromedia Fireworks。(其安装请参考其他),再打开一张图片(sprite 图或者帧动画图(每一帧的图集合)),此处为一张sprite图。


    
     fireworks切片工具定位功能怎么使用


    
     fireworks切片工具定位功能怎么使用

2、先寻找sprite 图中你想要的图案,点击缩放,待缩放到清晰的图,然后点击切片工具。


    
     fireworks切片工具定位功能怎么使用


    
     fireworks切片工具定位功能怎么使用

3、开始切片,在图中选取你想要的图案,获取离右上角的(x,y),后引入代码中。当然你如果选择的区域不理想可以按着CTRL 再用鼠标调整。效果如下;也可以做动态图,就是不断地改变background-position 的(x,y),每改变一个位置则是一帧数图,来实现动态图,由于动态图加载不如静态图快等原因,现在大都采用如上述的方法在网页上实现动态图,在这里难以演示。


    
     fireworks切片工具定位功能怎么使用


    
     fireworks切片工具定位功能怎么使用


    
     fireworks切片工具定位功能怎么使用

文章版权及转载声明

作者:三岁教程网本文地址:https://ssjcw.com/?id=70522发布于 2022-11-12 00:00:00
文章转载或复制请以超链接形式并注明出处三岁教程网

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,77人围观)参与讨论

还没有评论,来说两句吧...