平面设计 
首页 > 平面设计 > 浏览文章

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

(编辑:jimmy 日期: 2026/4/30 浏览:3 次 )

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

软件名称:
fireworks8简体中文版 (含序列号)
软件大小:
88MB
更新时间:
2019-06-12立即下载

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

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

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

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

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

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

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

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

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

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

相关推荐:

Fireworks怎么给图片添加边框?

Fireworks怎么修改图像画布大小?

Fireworks怎么把默认浏览器改成百度?

上一篇:Fireworks怎么将图片做成gif动图?
下一篇:
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap