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

所属分类: 平面设计 / Fireworks教程 阅读数: 449
收藏 0 赞 0 分享

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

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

 

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

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

相关推荐:

Fireworks怎么给图片添加边框?

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

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

更多精彩内容其他人还在看

Fireworks怎么去掉图片中的水印?

Fireworks怎么去掉图片中的水印?Fireworks导入的图片有水印,想要删除水印,该怎么干净的清除图片中的水印呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks切片工具怎么快速切割图片?

Fireworks切片工具怎么快速切割图片?Fireworks导入的图片想要快速切割成多个图片,该怎么切片呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks怎么讲图片插入到画布上?

Fireworks怎么讲图片插入到画布上?Fireworks想要将图片插入到画布指定的位置,该怎么插入呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks文字怎么添加投影效果?

Fireworks文字怎么添加投影效果?Fireworks输入的文字想要制作投影效果,该怎么制作呢?下面我们就来看看Fireworks制作投影效果的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks文字怎么转曲?

Fireworks文字怎么转曲?Fireworks中输入的文字想要转换成路径,该怎么文字转曲呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks文字怎么填充纹理图案?

Fireworks文字怎么填充图案?Fireworks中输入的文字想要填充纹理图案,该怎么填充呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks怎么设计长投影文字效果?

Fireworks怎么设计长投影文字效果?Fireworks中输入的文字想要制作成长阴影效果,该怎么制作长投影艺术字呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks怎么制作渐变色艺术字?

Fireworks怎么制作渐变色艺术字?Fireworks中想要制作一个渐变色的文字,该怎么制作渐变色的艺术字呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks图片怎么调色? fw图片调亮的教程

Fireworks图片怎么调色?Fireworks中的图片颜色太暗,想要调亮一些,该怎么调呢?下面我们就来看看fw图片调亮的教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks图片怎么添加模糊效果?

Fireworks图片怎么添加模糊效果?Fireworks插入的图片想要添加模糊效果,该怎么制作模糊效果呢?下面我们就来看看fw添加模糊效果的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多