巧用Fireworks遮罩做平面设计

?


* F" Q& x* N5 e) u, c7 ^5 [$ G. D4 g7 e　　巧妙使用Fireworks的遮罩，可以做出很多很棒的视觉效果。　　本实例用到以下一些基本操作：渐变填充、自由变形、群组、遮罩、Effect效果。 　　step1: 新建文件，用多边形工具绘制一个无边框的正六边形，用黑色填充，如图1。　　注意在填充时最好用羽化填充（参数设置为1），因为后面要进行幅度较大的自由变形操作，选羽化填充能够较好的保持边缘的平滑，不会产生一些强烈的锯齿，如图2。


. v, Q$ I! Y( g- S 　　　

图1　　　　　图2 　　step2: 克隆复制一些正六边形，排列成下面的形状，如图3。当然你也可以排成你所喜欢的形状:） 但要注意的是保持相同的间距，并且间距要尽量小，这时最好将图形放大进行操作。
8 M$ |1 o1 e; s' {8 B! u& L! c

; I; T6 n; p. b& O- \9 P 图3　　step3: 全选所有的六边形，进行群组（菜单栏Modify/Group）,然后在工具栏选择自由变形工具，在四角的控制点进行适当的拖拉，使之有一定的透视感，如图4 。
$ d6 w) J& Z+ Q: B% I: `8 ]" c
4 |1 f  [" F: L& U) |: c1 E
  i( u, X# {3 d$ U/ x2 H 图4 　　step4：使用圆形工具，拖出一个较大的椭圆，用Radial渐变填充，具体设置如图5，当然也可以设置成你想要的颜色。然后将渐变控制中心点向左上方移动一些距离，如图6。
* K. n* `7 ^) ^% O/ h% C3 ^8 G

. n* E' b6 e( r1 t9 K' G$ i: W  w 图5
' P; B7 H/ K5 R2 ~( a1 s- d0 q  L
图6
　　step5: 同时选择群组的正六边形和上面所绘制的椭圆，注意一定要使正六边形组放在椭圆的上面，并且保持在椭圆的范围之内，然后执行Modify/Mask/Group as Mask,进行遮罩，效果如图7。
4 j. }* j- R! \/ z) v

! N& C6 @# s- X: ~' M 图7 　　step6: 接下来在Effect面板里选择Inner Shadow效果，具体设置如图8，如果感觉质感还不够强，那么再进行一次Inner Shadow效果，设置不变 ，效果如图9。
4 h; D" [0 A4 ]' T* l0 X3 Z1 r

0 i, X2 u- m5 F/ r2 j 图8

图9 　　step7: 再克隆复制一个上面做成的六边形组，进行高斯模糊，参数如图10。Gaussian Blur效果在Xtras(MX中的Fliter)菜单和Effect面板中都有，但对矢量图形的操作建议使用Effect面板中的效果，因为在执行Effect效果时会在该面板中形成一个效果使用列表，方便后面的修改。　　注意：在进行高斯模糊后，边缘比较黑，所以之前应将Effect面板中的两次Inner shadow效果删掉，再进行高斯模糊，这样会比较好。
/ E6 T' v8 @9 s8 M
0 I& n% H5 r: D9 W1 B9 J
图10 　　step8: 最后将模糊的六边形组放到底层，适当错开，再加点修饰性的东西，就完成了最终效果，如图11。


图11
png效果图