巧用Fireworks遮罩做平面设计

[复制链接]
查看: 402|回复: 0
gggds 发表于 2009-12-27 13:31:12 | 显示全部楼层 |阅读模式
?
  I! u  f# p* E3 _6 z4 s4 M, A  R
) J" K6 f: w0 p9 ]3 v
  巧妙使用Fireworks的遮罩,可以做出很多很棒的视觉效果。  本实例用到以下一些基本操作:渐变填充、自由变形、群组、遮罩、Effect效果。   step1: 新建文件,用多边形工具绘制一个无边框的正六边形,用黑色填充,如图1。  注意在填充时最好用羽化填充(参数设置为1),因为后面要进行幅度较大的自由变形操作,选羽化填充能够较好的保持边缘的平滑,不会产生一些强烈的锯齿,如图2。
; J- R# [% u% p8 O' w2 D$ X* o
2 G" n) T. M- ~0 f
2 x! H, O2 e" A3 A) M' Z) I    7 j5 @7 j" a8 N! E% \9 h. a
- G( ~( J9 b0 T+ ?
图1     图2   step2: 克隆复制一些正六边形,排列成下面的形状,如图3。当然你也可以排成你所喜欢的形状:) 但要注意的是保持相同的间距,并且间距要尽量小,这时最好将图形放大进行操作。
$ ]0 q7 W0 P# v( |% O* B! Q1 G
" \) ]0 n4 R5 n2 ?. _, N" T* R* E9 B* O) \
图3  step3: 全选所有的六边形,进行群组(菜单栏Modify/Group),然后在工具栏选择自由变形工具,在四角的控制点进行适当的拖拉,使之有一定的透视感,如图4 。1 ]" C% g# j. t- K
9 ~7 a; _' ]3 A& C1 a: [
8 D! `, R9 I. ]# W  ^) O6 n7 x
图4   step4:使用圆形工具,拖出一个较大的椭圆,用Radial渐变填充,具体设置如图5,当然也可以设置成你想要的颜色。然后将渐变控制中心点向左上方移动一些距离,如图6。 : Y0 L; P) X7 E5 q. D1 {% U; b

+ p4 |; q4 h+ `8 q. a# S! F# a, L' f! d8 s9 _  B
图5
0 j1 A  U0 r9 ?1 ]: ^; Y; j' ?7 w6 @0 ?) K3 L4 W
图6
* ]' Y/ u* s4 g3 v  step5: 同时选择群组的正六边形和上面所绘制的椭圆,注意一定要使正六边形组放在椭圆的上面,并且保持在椭圆的范围之内,然后执行Modify/Mask/Group as Mask,进行遮罩,效果如图7。
, G/ S3 f" J7 T4 Y- Y$ I7 k8 h/ M6 {/ n: P* |. t

& J- Y+ s" j9 U/ X8 C 图7   step6: 接下来在Effect面板里选择Inner Shadow效果,具体设置如图8,如果感觉质感还不够强,那么再进行一次Inner Shadow效果,设置不变 ,效果如图9。
8 m7 J* P5 o2 j5 s* _& {5 X9 b+ \3 g% K/ f6 L3 Z

; d. R$ G2 f* N$ x4 Q! o 图8
  b! ^' H9 S: d& C4 T5 a2 P1 x
/ P% K$ s4 ]8 x+ t& K9 V 图9   step7: 再克隆复制一个上面做成的六边形组,进行高斯模糊,参数如图10。Gaussian Blur效果在Xtras(MX中的Fliter)菜单和Effect面板中都有,但对矢量图形的操作建议使用Effect面板中的效果,因为在执行Effect效果时会在该面板中形成一个效果使用列表,方便后面的修改。  注意:在进行高斯模糊后,边缘比较黑,所以之前应将Effect面板中的两次Inner shadow效果删掉,再进行高斯模糊,这样会比较好。
9 Q5 o/ i+ T1 \: g  J% _# x( I/ X- z# D. g
  u! ~& I6 n- c4 i
图10   step8: 最后将模糊的六边形组放到底层,适当错开,再加点修饰性的东西,就完成了最终效果,如图11。 3 A* D4 R6 X1 S$ K9 Q& H

0 t  v0 M! X& E& x! w# h1 ?5 C  ^6 N9 b6 _0 ?
图11
* c. D  Q& f: g- f0 H6 \. Lpng效果图

本版积分规则

精彩图文

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