Fireworks 9亲密接触(3):实用至上的超级缩放

核心提示： 4、使用【指针】工具，移动按钮的上下某一部分，Fireworks 9亲密接触(3):实用至上的超级缩放(2)，使上下之间间隔一定的距离，效果如图1.4所示，选择图形元件即可，需要注意的是在Fireworks 9中，图1.4 改变矩形之间的距离5、继续使用【矩形选取框】工具，选择上方按钮的一

4、使用【指针】工具，移动按钮的上下某一部分，使上下之间间隔一定的距离。效果如图1.4所示。

图1.4 改变矩形之间的距离

5、继续使用【矩形选取框】工具，选择上方按钮的一小部分，效果如图1.5所示。

图1.5 选择按钮的一小部分

6、直接使用Fireworks的任意变形工具，改变这个选中区域的高度即可，效果如图1.6所示。

图1.6 改变选择区域的高度

这样也是可以任意改变按钮的宽度或者是高度的，但是制作起来比较麻烦，其实它的中心思想就是指变形按钮中的一部分，而另外的区域则不需要变形，那么我们可以使用Fireworks 9的Scaling 9来轻松完成！下面我通过一个实例来给大家介绍一下Fireworks 9的Scaling 9的使用方法，具体操作步骤如下：

1、同样在Fireworks中制作一个按钮，同时在按钮上输入文本，效果如图1.1所示。

2、选择按钮和文本，按快捷键【F8】把这个按钮和文本同时转换为元件。这时会打开转化为元件的对话框，效果如图1.7所示。

图1.7 转换为元件对话框

和Fireworks 8不同的是，Fireworks 9的转换为元件对话框除了可以选择转换元件的类型以外，还多了一个选项菜单，其中的Enable 9-slice scaling guides选项表示是否使用Fireworks 9的Scaling 9功能，这里当然应该选中。而对于转换的元件类型，选择图形元件即可。需要注意的是在Fireworks 9中，只有图形元件和按钮元件可以使用Scaling 9的功能。