Fireworks 9亲密接触（3）：超级缩放

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

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

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

3、点击确定按钮，这时画布中的按钮就转换为元件了，效果如图1.8所示。

4、双击画布中的图形元件，打开元件的编辑窗口，这时大家所看到的蓝色的虚线就是Scaling 9的引导线了。效果如图1.9所示。

【说明】在元件的左下角有一个Scaling 9的选项菜单，同样可以设置是否使用Scaling 9功能和锁定Scaling 9引导线。

5、使用【指针】工具，移动Scaling 9引导线的位置，注重这里Scaling 9引导线把当前的图形划分成了9个区域，而对于Scaling 9来说，能够缩放的区域也就是最中心的区域了，移动后的效果如图1.10所示。

6、实际上能够变形的区域仅仅是最中心的区域。我这里用红色给大家标记了出来，而其它的区域都是不会改变的。如图1.11所示。

7、回到画布的编辑状态，使用缩放工具对这个元件进行缩放。缩放后的效果如图1.12所示。

14、这时大家可以发现，现在的效果和传统的老办法得到的效果是一样的，但是很显然效率要高的多。这就是Fireworks 9的Scaling 9功能了，个人感觉还是非常有用的。大家还不赶紧试试？

操作技巧：

1、需要使用Scaling 9功能，就必须要把对象转换为元件。
共3页: 上一页 [1] 2 [3] 下一页

评论加载中…