fireworks切片工具定位功能怎么使用?
发布时间：2017-05-08 08:58:31 作者：佚名 
我要评论
我要评论fireworks切片工具定位怎么使用？fireworks制作网页很方便，今天我们就来看看fireworks中切片工具定位功能的使用方法，实例教程，需要的朋友可以参考下
fireworks似乎慢慢地淡出了人们的视线，反而ps的地位仍然稳如泰山。但是fireworks是网页制作的三剑客之一，他在制作网页上的体现的能力还是很强的，对于切片工具的位图属性，极其便利sprite图及网页帧动画的制作，(利用改变background-position)使网页交互友好 。下面我就简单介绍它的使用。
1、打开 Micromedia Fireworks。(其安装请参考其他)，再打开一张图片（sprite 图或者帧动画图(每一帧的图集合)），此处为一张sprite图。
2、先寻找sprite 图中你想要的图案，点击缩放，待缩放到清晰的图，然后点击切片工具。
3、开始切片，在图中选取你想要的图案，获取离右上角的（x，y），后引入代码中。当然你如果选择的区域不理想可以按着CTRL 再用鼠标调整。效果如下;也可以做动态图，就是不断地改变background-position 的（x，y），每改变一个位置则是一帧数图，来实现动态图，由于动态图加载不如静态图快等原因，现在大都采用如上述的方法在网页上实现动态图，在这里难以演示。
相关推荐：
相关文章
Fireworks快捷键怎么自定义设置？每个软件都有自己用习惯的快捷键，该怎么设置Fireworks中的快捷键呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-03-17
fireworks怎么画一轮满月？想要绘制夜空中的一轮满月，该怎么绘制呢？下面我们就来看看使用fireworks画银色大月亮的教程，需要的朋友可以参考下2017-03-17
Fireworks怎么制作圆角三角形？Fireworks中想要将直角三角形变成圆角三角形，该怎么操作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-03-17
有些使用Fireworks的朋友可能对它的操作用法还是不太了解,大家知道Fireworks可以用来修改网格线尺寸吗,下面小编就为大家介绍fireworks修改网格线尺寸方法，来看看吧2017-03-17
许多人习惯使用PS对图片进行相关处理,但还有一款同类的图片处理软件——firework也可以实现同样的功能,甚至比PS运用起来还要简单一些,下面为大家介绍Fireworks中文字工具的2017-03-17
fireworks怎么制作立体阴影字体效果？想要使用fireworks制作立体效果有阴影的文字，该怎么制作呢？下面我们就来看看详细的教程，很简单，需要的朋友可以参考下2017-03-17
Fireworks怎么画大脚图标？Fireworks中想要画一个图标，该怎么画呢？下面我们就来看看使用Fireworks画一个大脚图标的教程，需要的朋友可以参考下2017-03-17
Fireworks怎么画五子棋黑白棋盘？想要画一个黑白相间的格子图，也就是我们常见的五子棋棋盘，该怎么绘制呢？下面我们就来看看详细的教程，很简单，需要的朋友可以参考下2017-03-17
Fireworks8怎么制作透明背景Logo？想要制作一个透明背景的logo方便放到网站上去，该怎么设计呢？今天我们就来看看使用Fireworks来完成的教程，需要的朋友可以参考下2017-03-17
这篇教程是向脚本之家的朋友分享Fireworks简单制作一个人像时钟方法，教程制作出来的时钟非常漂亮，方法也很简单，推荐到脚本之家，喜欢的朋友可以参考本文2017-03-16
最新评论