使用软件:fireworks   阅读次数:   收录时间:2007-08-06

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

作者:/  来源:转载网络
Scaling(缩放)在Fireworks中是经常使用到的一个操作,当我们在设计一些网页或者是UI的界面时,往往会使用到相同的背景或导航,只是宽度和高度不同,这时我们就可以把事先制作好的背景或导航复制,然后进行缩放。但是直接的缩放就会出现问题,如图1.1所示。

  图1.1 圆角矩形的按钮

  我们需要把下面的按钮进行缩放,改变它的宽度或高度,使用Fireworks的缩放工具进行调整,调整后的效果如图1.2所示。

  图1.2 按钮变形后的效果

  通过观察大家会发现,一旦使用缩放工具变形后,圆角矩形的圆角度数发生了改变,包括其阴影特效和文字都发生了改变,这并不是我们需要的效果。对于这种变形,我们可以称之为Fireworks Scaling 3,因为从Fireworks 3开始变形工具的功能就已经是这样了。那有什么方法可以解决呢?我们先来看看传统的制作方法在Fireworks里是如何完成的。具体操作步骤如下:

  1、在Fireworks中制作一个按钮,这里直接使用的是Fireworks的样式,同时在按钮上输入文本,效果如图1.1所示。

  2、选中圆角矩形按钮,选择【Modify(修改)】@@【Flatten Setection(平面化所选)】(快捷键:【Ctrl+Alt+Shift+Z】)命令,将其转换为位图的编辑模式。

  3、选择绘图工具栏中的【矩形选取框】工具,选择圆角矩形的一半,剪切并且粘贴,这样可以把这个圆角矩形拆分成上下两个部分。如图1.3所示。

  图1.3 把矩形分成上下两个部分

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

  图1.4 改变矩形之间的距离

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

  图1.5 选择按钮的一小部分

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

  图1.6 改变选择区域的高度

    评论加载中…
教程导航
FireWorks热门教程
Fireworks MX 2004 制作弹出菜单
先制作或引入一个要用来制作弹出式菜单的主按钮,如图1011。 图1011 接着为该按钮添加一个切片或热点,并在其控制手柄的弹出菜单中选择添加弹出菜单项,如图1011...
作者:/
活学活用Fireworks中的虚线
Fireworks中自带有虚线: 三条破折线、加粗破折线、双破折线、基本破折线、实边破折线、点 状线。 在网页设计中,我通常的用的是实边破折线。因为它和网页CSS中b...
作者:\
Fireworks 制作纸张卷边效果
电脑里几年前搜集的源文件,作者无从查证了,十有八九是经典哪位元老,教程以前是否有过我也不太清楚,今天把制作过程写了一遍。 PNG源文件和最终效果: 卷角.pn...
作者:凌志
Fireworks MX 2004 制作GIF动画
GIF动画的实现,是由逐张图画在不同的时间段快速地显示出来,由于人眼有0.1秒的视觉暂留,所以图像看上去就像是动了起来。而每一张图画就叫作帧,它是组成动画的...
作者:/
Fireworks制作燃烧效果
其实这个效果的不是很难首先我们先给他有一个火的特征。也就是颜色方面要和火差不多。当然在后面的教程里你也可以根据自己的需要用色相饱和度来修改颜色效果。好...
作者:\