用Fireworks MX制作圆角矩形六法

网页制作中经常用到圆角矩形——两角圆弧形、两角直角形(如图1)，笔者总结了六种简便、实用的制作方法，现介绍如下：
( c; z+ x5 S7 i. g5 x) F一、菜单命令
2 n. \. p4 M, R) l/ [) U, e1、选取工具箱的圆角矩形绘制工具，绘制一个圆角矩形；
% e" k4 V* M; P2 O( w3 S+ P$ x

# s$ u2 ~2 ]. I8 ~' y图1
　　2、绘制一个直角矩形，放置到圆角矩形需要产生直角的那一端，位置摆放如图2所示；


7 I; y+ {$ a) g5 c% T+ g" L图2
; `$ K: Q' h1 w* i+ @　　3、同时选定两个对象，执行菜单命令“Modify→Combine Paths→Punch”，效果已经出现了，请看图3。

) P: b  C+ q! K3 ], T1 R
图3
5 v/ c6 z  Z5 S- X0 K( p5 i* I　　二、修改圆角矩形角度
, L9 R5 l  O2 O6 m! K, }" _& r　　1、绘制一个圆角矩形；
# |$ K9 ?# V: W0 ~3 L　　2、选定该圆角矩形，按下快捷键“Ctrl＋Shift＋D”，原地克隆一个相同的圆角矩形，将克隆对象向下拖动一段距离(如图4)；


图4
8 t/ Y3 q7 `  I. S) A/ w% k7 |　　3、选定克隆对象，在下方的Properties(属性)面板中，将Rectangle Roundness的数值调整至“0”?把该圆角矩形的角转变为直角，这样，圆角矩形就变成了直角矩形；
. `4 V6 F# X# m& @　　4、按下快捷键“Crtl＋A”同时选定编辑区的两个对象，执行菜单命令“Modify→Group”，将两个矩形组合在一起，这样圆角矩形就制作成功了。
　　换一种思考方式，如果首先绘制的是一个直角矩形，采用相同的操作步骤，调整角的度数由直角变为圆角，同样实现圆角矩形的制作。
　　三、使用工具箱的Knife
　　1、绘制一个圆角矩形；
. k% n. m% l* n" X" D. Q5 E　　2、选定圆角矩形对象，然后选取工具箱的Knife工具，沿着水平方向对圆角矩形进行切割(如图5)；


( Z, S. Y9 U$ V) o! U) o2 K6 x图5
　　3、切割完毕，可以清楚地看到，圆角矩形已被分成两大部分了，从路径节点的显示情况就可以说明这一点了；
　　4、使用“选取工具”将两个部分分别拖开，需要的部分留下，不需要的部分当然喀嚓掉了——删除！
9 k7 E: S4 Y; ~　　四、利用Mask(遮罩)工具
　　1、绘制一个圆角矩形；
　　2、选取矩形工具再绘制一个直角矩形，以能够覆盖住圆角矩形的一半大小为佳，如图6所示；
3 s- ?, r; f8 W5 X' x
2 ^6 y6 o9 A% U6 W8 y4 @
图6
) k1 f$ J8 s4 Y* A4 J　　3、选定直角矩形，按下快捷键“Ctrl＋X”剪切它，再选定圆角矩形，然后执行菜单命令“Edit→Paste as Mask”，这样我们需要的效果就已经出现了。
" ]4 z6 _/ t# Y0 k: K3 K　　五、利用圆角矩形与直角矩形的组合
% z5 I/ b$ k3 ~( w, u4 T5 u　　1、绘制一个圆角矩形和一个直角矩形，两个矩形的宽度一样；
  N& m, |8 v, |' S8 L7 p　　2、调整两个矩形的位置，使两个矩形交错重叠，圆角矩形在上部，直角矩形在下部(如图7)；
' }, ?1 [% w8 w7 r) o0 @

( K, b' i$ \+ A. k- z图7
4 a' N  m7 e% z　　3、按下快捷键“Ctrl＋A”同时选定两个矩形，再按下快捷健“Crtl＋G”将两个矩形组合在一起，这样圆角矩形就制作成功了。
　　前面介绍的五种方法，简便、实用性强，比较而言，下面介绍的第六种方法更具代表性，是最简单的一种。
* L% _3 p! s8 M- X6 _　　六、利用工具箱的Crop工具
　　1、绘制一个圆角矩形；
8 E; g( }. a: ]2 i　　2、选择工具栏中的“Crop工具”，将图像的上半部分选中，调整好大小(如图8)：
; F9 L* C4 j8 m
# C7 R& Z& R$ D  c& Y
" R3 V' d. u8 b* `# ?5 A图8
　　3、双击选中部分进行剪切，大功告成。
　　上述六法，各具特点，或简单，或复杂，分别应用了不同的命令，达到了相同的目的，实属殊途同归，启发我们遇到问题多加思考，一定能够找到解决的办法。