巧用Fireworks遮罩做平面设计

[复制链接]
查看: 324|回复: 0
gggds 发表于 2009-12-27 13:31:12 | 显示全部楼层 |阅读模式
?. K+ S! Q1 N6 q- T: M- [: L' X

- r: Q% w7 }* r5 `3 [) E. @1 n' j1 O6 J+ ~& D
  巧妙使用Fireworks的遮罩,可以做出很多很棒的视觉效果。  本实例用到以下一些基本操作:渐变填充、自由变形、群组、遮罩、Effect效果。   step1: 新建文件,用多边形工具绘制一个无边框的正六边形,用黑色填充,如图1。  注意在填充时最好用羽化填充(参数设置为1),因为后面要进行幅度较大的自由变形操作,选羽化填充能够较好的保持边缘的平滑,不会产生一些强烈的锯齿,如图2。
2 f# P5 D8 ?5 X: R2 x
7 ~7 p) G: D; R( }; ]  p
. y! {, S3 v( S    
  ]7 V+ a8 X: T/ G4 \& Z9 T. C5 x/ w1 p- w: Z6 G$ _
图1     图2   step2: 克隆复制一些正六边形,排列成下面的形状,如图3。当然你也可以排成你所喜欢的形状:) 但要注意的是保持相同的间距,并且间距要尽量小,这时最好将图形放大进行操作。
; y9 Y: n/ S% o' ~! T
. P/ w3 k7 H% z8 D! @4 @$ g9 h& X+ C) i+ S7 q
图3  step3: 全选所有的六边形,进行群组(菜单栏Modify/Group),然后在工具栏选择自由变形工具,在四角的控制点进行适当的拖拉,使之有一定的透视感,如图4 。
+ m6 D) C5 |3 l# y; c8 ~
# t* U& N$ }4 M- o( v9 m8 }& A$ p! v" i2 f. l  z
图4   step4:使用圆形工具,拖出一个较大的椭圆,用Radial渐变填充,具体设置如图5,当然也可以设置成你想要的颜色。然后将渐变控制中心点向左上方移动一些距离,如图6。   ?3 a' R- Z# U9 t% L) ~; h
6 j; T  a9 L3 B
( [( o; J+ E1 _( s- m9 Q# J
图5
% T% N$ W2 P7 [( j: w( H+ e3 _- Z& D% L: L  A% s9 S
图68 N6 G1 [, C  H# E+ I
  step5: 同时选择群组的正六边形和上面所绘制的椭圆,注意一定要使正六边形组放在椭圆的上面,并且保持在椭圆的范围之内,然后执行Modify/Mask/Group as Mask,进行遮罩,效果如图7。 1 d+ w% x6 ?+ }9 p

1 a0 q: }+ C6 F  u$ x  w
" G5 t5 Z' F: z  p7 W 图7   step6: 接下来在Effect面板里选择Inner Shadow效果,具体设置如图8,如果感觉质感还不够强,那么再进行一次Inner Shadow效果,设置不变 ,效果如图9。
  Z; n% M  W! @
6 V+ c" H. e0 J7 v* I! `. G4 P% o) X! s0 b' |- W
图8 6 m7 f+ s" f8 ^1 |
; o6 L: {; P0 `1 c( m
图9   step7: 再克隆复制一个上面做成的六边形组,进行高斯模糊,参数如图10。Gaussian Blur效果在Xtras(MX中的Fliter)菜单和Effect面板中都有,但对矢量图形的操作建议使用Effect面板中的效果,因为在执行Effect效果时会在该面板中形成一个效果使用列表,方便后面的修改。  注意:在进行高斯模糊后,边缘比较黑,所以之前应将Effect面板中的两次Inner shadow效果删掉,再进行高斯模糊,这样会比较好。 / D$ k. U4 d9 Y4 k% Z
8 v/ k! @+ e* t" T3 [) z# V% \" j
# B( V1 `# B7 @7 P8 z
图10   step8: 最后将模糊的六边形组放到底层,适当错开,再加点修饰性的东西,就完成了最终效果,如图11。 5 k. U+ E5 X! r4 k# X, r. D0 K
6 H, ~  Z  o# A' n3 U

; P1 P: B5 X) S 图11   d4 f) |5 A% \. U
png效果图

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )