|
更多精彩设计类图文及视频教程，尽在PConline创意设计栏目。 Fireworks 9亲密接触系列文章目录： 《1.轻松打造Flash相册》
《2.效率倍增!fireworks 9创新Pages功能体验》
《3.实用至上的超级缩放》（本文） Scaling（缩放）在Fireworks中是经常使用到的一个操作，当我们在设计一些网页或者是UI的界面时，往往会使用到相同的背景或导航，只是宽度和高度不同，这时我们就可以把事先制作好的背景或导航复制，然后进行缩放。但是直接的缩放就会出现问题，如图1.1所示。 
·Fireworks简单方法打造网页“闪字”动画 ·Fireworks 制作图片窗格效果(1) ·用Fireworks画中国画（牡丹图） ·亮闪闪的美丽 Fireworks巧绘精美闪图动 ·用Fireworks处理 数码照片 ·Fireworks 8制作精美网页效果图 ·Fireworks 笔触 特效·Fireworks描绘七夕牛郎织女古典卷轴美图 ·Fireworks 绘制国画牡丹 ·用Fireworks“铸造”古钱币 图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所示。 
·Fireworks简单方法打造网页“闪字”动画
·Fireworks 制作图片窗格效果(1)
·用Fireworks画中国画（牡丹图）
·亮闪闪的美丽 Fireworks巧绘精美闪图动
·用Fireworks处理数码照片
·Fireworks 8制作精美网页效果图
·Fireworks 笔触特效
·Fireworks描绘七夕牛郎织女古典卷轴美图
·Fireworks 绘制国画牡丹
·用Fireworks“铸造”古钱币
图1.5 选择按钮的一小部分
上一篇:Fireworks 9亲密接触（2）：创新Pages功能体验
下一篇:Fireworks 9亲密接触(4):五光十色 ColorPalette面板
|
精品推荐