打印

[Fireworks教程] fw mx 2004新增等高渐变填充

fw mx 2004新增等高渐变填充


& J+ F9 \9 k+ J+ i8 E5 `团购网站系统,团购网程序( z6 w* j' l* U4 Z! M9 R4 C

$ a: c+ _( N+ h# Mbbs.163k.com  进入fireworks mx 2004,你会发现矢量图形绘制工具强大了很多。而绘制图形后的矢量填充设置也有了更形象化的改进。
6 y, C! B2 h) Z* k团购网站系统,团购网程序
! H* @8 Y# L- @! {. m; ^- s  看看填色设置表,有没有发现多了一样东西?是的,这就是fw mx 2004版本新增的等高渐变填充——contour。为互联网事业发展提供源动力!3 W  R% n) X! K0 H3 x

* Q$ T" ]+ r5 |0 l$ j团购网站系统,团购网程序& d' B. v/ w  r& \$ D! p* u1 v
  今天我们就来看看这个新成员带给我们哪些精彩的特效功能。163k团购网站系统官方服务论坛2 N7 h4 r4 [7 b# w3 H

" y3 ^! n! M9 f. v
  x) C6 l/ {' g% Pbbs.163k.com
$ P0 l2 }4 V) R' S* {, Q+ Y* ^163k团购网站系统官方服务论坛为互联网事业发展提供源动力!/ u9 @2 V( q# ~
  先来画个简单图形来尝试一下这个新功能吧!这里我们只用了两种颜色,通过起始点角度变化来看效果。左图已经出现深邃感,右图能感觉到光照的方向。等高渐变填充的最大优势,就是现在可以用渐变色来体现立体感。163K网站系统官方论坛" J5 |( [  h" o9 a0 P1 i' R
163k团购网站系统官方服务论坛2 e9 D% Q% E3 X6 U$ _0 \" \9 F

4 _" v" V5 m8 X# r3 M163k团购网站系统官方服务论坛为互联网事业发展提供源动力!$ @+ u/ L2 c% Z" u

0 ]# F. \. z. O- J' w7 }/ I+ F2 `- L为互联网事业发展提供源动力!  接下来我们来试验一下文字。你会发现文字直接应用等高渐变填充后仍然是生硬的方形填色。只有你把文字转为路径convert to path(快捷键ctrl+shift+p),填充颜色才可以沿轮廓线渐变。这里我们放了个内斜角的效果做比较,可以看到等高渐变填充的表现更出色。bbs.163k.com; A2 |9 \2 E- v7 |' J) h
163K网站系统官方论坛0 E. b( l# A# e: o  }$ }! x

. @# i! o" Y3 h! g" v( d4 m+ v2 E
$ i1 b, m' ], f9 R) x% [163K网站系统官方论坛  再来个粗细不均的图形,我们以螺旋为范例,可以看出等高渐变填充的渐变相当平滑,它可以根据周边的距离来进行渐变色计算,首先满足的是最外层色彩,当渐变距离超过矢量物件本身的轮廓间距时,越靠近中心的颜色就越早被牺牲掉。
: L+ C) c( H* P, W! F' B3 G- |# I团购网站系统,团购网程序
* a- C7 ?8 l" _+ i: E为互联网事业发展提供源动力! bbs.163k.com' Z5 O; L2 X. o* j4 [- r

6 g0 o$ h  @) T6 I/ [+ ?! V3 k- x2 {4 {) R0 b/ v3 m1 n
  现在来玩一下进阶。通过等高渐变填充我们可以直接做出很有质感的按钮。这里我们应用了多色彩渐变,并且加入了材质填充来加强质感。
- R+ {/ F# [4 [* V8 Jbbs.163k.com团购网站系统,团购网程序- W8 \- I4 \+ u7 j
5 H  W0 Z7 B( X, |7 E5 y. k0 i

% y3 O5 h# M6 F- p. N4 Cbbs.163k.com  等高渐变填充的丰富立体感表现,再配合fireworks mx 2004增强的矢量图形绘制工具,我们已经可以做出几乎触手可及的小配件。这里用了甜甜圈doughnut绘图工具做出雏形后再加以变形,效果中增加了内阴影的颜色来衬托高光部分。bbs.163k.com! X; p9 v! f9 b. v2 C4 i

6 T" H8 e1 M! \163K网站系统官方论坛
$ \  ~" s, }  A4 X: T" ~$ N2 Z$ Mbbs.163k.com3 m+ l7 J1 |: l/ C% Y

- @# O+ t, S8 M163K网站系统官方论坛  因为等高渐变填充是矢量图形的内填色方式,所以点阵图应用这个效果就需要矢量图的配合。
3 P* d9 x' `" w' J3 f( J/ Q163k团购网站系统官方服务论坛  我们可以使用遮罩的形式,在点阵图片上增加个矢量图形,填充使用等高渐变,具体设置如图:
& N8 s  e% m8 A3 O. k, w$ x% |163K网站系统官方论坛
% x7 @+ P9 _" x2 M  r为互联网事业发展提供源动力!163K网站系统官方论坛' k. C' f- W0 l6 O+ t

" {& d( Q6 ^( f( P+ _9 U8 B; g* ^+ q& c( i团购网站系统,团购网程序为互联网事业发展提供源动力!% P. V. R7 [- A/ v
  把矢量图形拉到点阵图下层,两者组成遮罩。再将图片背景色调成深色就可以看效果了。$ V8 _- y/ r1 q; e, f8 `" M. ^9 V
团购网站系统,团购网程序' s! ~9 q2 V( w5 Y# S: W
163k团购网站系统官方服务论坛  c( U6 Z2 D3 N$ E* Y

0 E' H- ]% x+ B- I( D. R% e为互联网事业发展提供源动力!
  G5 H4 {2 H3 E( s0 e为互联网事业发展提供源动力!  这只是个简单示例,大家可以随便替换颜色,找出自己需要的风格和效果。关于等高渐变填充,也欢迎大家再深入研究,共同交流分享。 - V6 a. b+ v5 r. N) V

" j) Z# Y- `) i7 @" {8 C4 P/ q为互联网事业发展提供源动力!bbs.163k.com1 p7 l7 Y' M# E( F

6 u* o4 g- j, p/ s8 ]# S/ @bbs.163k.com

TOP

不错的东西,我喜欢.........

TOP

返回顶部
AYBlue

Processed in 0.055651 second(s), 7 queries.

当前时区 GMT+8, 现在时间是 2009-1-8 09:59 京ICP备06054220号

清除 Cookies - 联系我们 - 163K.com - Archiver - WAP