Fireworks MX 2004 等高渐变填充

[复制链接]
查看: 233|回复: 0
gggds 发表于 2009-12-27 12:49:40 | 显示全部楼层 |阅读模式
  进入Fireworks MX 2004,很明显的,你会发现矢量图形绘制工具强大很多。而绘制图形后的矢量填充设置也有了更形象化的改进。看看填色设置表,有没有发现多了一样东西?是的,这就是FWMX 2004版本新增的等高渐变填充Contour。9 u8 J6 }2 O' `2 }* A  e( R  J- z

4 p2 \$ V' {, h+ o9 f" i2 `  先来画个简单图形来尝试下这个新功能吧,这里我们只用了两种颜色,通过起始点角度变化来看效果。左图已经出现深邃感,右图能感觉到光照的方向。等高渐变填充的最大优势,就是现在可以用渐变色来体现立体感。* f$ D* ?" a# L1 t7 l+ J
/ E! N! P' Y3 [! R3 c, n: n
  接下来我们来试验一下文字。你会发现文字直接应用等高渐变填充后仍然是生硬的方形填色。只有你把文字转为路径Convert to Path(快捷键Ctrl+Shift+P),填充颜色才可以沿轮廓线渐变。这里我们放了个内斜角的效果做比较,可以看到等高渐变填充的表现更出色。- L. ]8 x. ?$ }, Z* I7 x. W" |( I" d4 i
3 x( F& t- S/ V+ R; t* R
  再来个粗细不均的图形,我们以螺旋为范例,可以看出等高渐变填充的渐变相当平滑,它可以根据周边的距离来进行渐变色计算,首先满足的是最外层色彩,当渐变距离超过矢量物件本身的轮廓间距时,越靠近中心的颜色就越早被牺牲掉。
" Z7 ?) W7 O  Z% w. A( O0 M  s& X6 Z5 \- g, H! K6 L$ O$ ]
  来玩下进阶,通过等高渐变填充我们可以直接做出很有质感的按钮。这里我们应用了多色彩渐变,并且加入了材质填充来加强质感。3 s& O: z' w. y/ e' ~: C" ~" v/ a
$ r' a3 x3 w1 W0 y+ h& u7 e
  等高渐变填充的丰富立体感表现,再配合Fireworks MX 2004增强的矢量图形绘制工具,我们已经可以做出几乎触手可及的小配件。这里用了甜甜圈Doughnut绘图工具做出雏形后再加以变形,效果中增加了内阴影的颜色来衬托高光部分。
. l7 j6 ?4 p/ N( w' t$ E# |& W8 l
1 B5 f7 K( W1 w0 k% ^% f  因为等高渐变填充是矢量图形的内填色方式,所以点阵图应用这个效果就需要矢量图的配合。我们可以使用遮照的形式。在点阵图片上增加个矢量图形,填充使用等高渐变,具体设置如图:0 D* S1 N( I6 }# t0 z

! s* u" v8 k8 O; I/ G  把矢量图形拉到点阵图下层,两者组成遮照。再将图片背景色调成深色就可以看效果了。' H! m( `" {; d+ f2 x- C8 Q  f! G

# e5 o, Q2 r8 ~! p: H2 ~9 x7 X  这只是个简单示例,颜色方面,大家可以随便替换,找出自己需要的风格和效果。关于等高渐变填充,也欢迎大家再深入研究,共同交流分享。

本版积分规则

精彩图文

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