Fireworks制作晶莹剔透的质感按钮ICON教程

[复制链接]
查看: 260|回复: 0
gggds 发表于 2009-12-27 03:12:43 | 显示全部楼层 |阅读模式
一组按钮效果:
5 ^$ y' y% V& Z" u9 M, ~+ v; ]: n7 q. w8 N% n

& G  W8 w- u5 s
" V3 h: B/ {; b6 v0 _4 L8 {第一步、画一个略扁的圆,线形垂直填充。
. i" C+ |# N+ F+ N
+ A5 Y; F' `! v0 f% E# r; s, e: V. T) E/ r+ c

3 l( ?7 D8 x6 b5 _  @9 J1 Y7 Q* V7 F8 K* y9 c) w
" i/ V7 @( T5 H: ?

1 T8 o5 x1 u( {" H/ m第二步、复制这个圆,并且长和宽各减少4个像素,线形垂直填充。/ e% V7 ~, i0 i  U; `

0 `, {. u  f& Q! Q) s
  X" B) s, w( d, W9 g. ?- ^8 L$ b
  h' E) |/ O$ N% v4 t2 c) [9 t' {! J/ q$ s

3 k1 _7 s  c# `9 s2 j. k3 ]
( G6 L6 B, S/ k( @( i2 ^  \5 o第三步、再次复制这个圆,并且长和宽个减少18个像素,线形垂直填充。8 e! A( R' ?' s" W9 t# d) O

" {) p9 E3 \9 l
0 ^3 ~* n9 d. [9 f1 w
$ {% j2 m4 ^2 p! I' p
) ^& |# p3 X- r5 w8 ^- y  I3 K+ T5 W+ Y
9 ]& {3 @3 \& i: l0 O
第四步、继续复制这个圆,用钢笔工具调整到下图形状,线形填充100%\"20%,透明度40%。; A: L# Q5 h& V6 k
! k/ Q" D1 W* N

/ @: r  r4 @. k% m  f
6 \1 n! U; b: `' D1 m0 B) j( b0 j. O4 F  F2 ^" Q( z. F

5 e4 P% O8 e$ q/ D# I* {$ |* ]
: e$ q! {0 P+ o' U. B0 K1 d第五步、用钢笔画出下面两个部分,耐心点调整放置于椭圆的下方形成3D效果。
# q% h5 h0 ?7 n5 F! s  m( @! u; V3 a. l9 U

% a  m6 h: T( z8 b+ b
4 b7 x9 n( _" y0 s9 B1 i' U$ X6 r
1 h) M- Q5 t7 a2 C3 G

& U- L( Y% J4 u; L
/ L8 Z% f2 z# c9 b第六步、关键的质感高光制作:用通常的上下两个椭圆组合而成,用蒙板遮盖掉多余部分,注意颜色搭配。
7 V$ M, c0 K8 i" i& s
% E( M, J( B+ w
9 {+ X- d8 ^5 U3 F! f
# n  s8 ~, a4 ^! S. e
2 V% x9 |9 ^5 D
0 w( \5 t$ @% z* F  {+ S, h4 N1 y: k6 Y+ w: b- u  w% Q
第七步、这个形状随便你了:投影,距离0,白色100%2 v! S+ F% K" W6 J" e) d) E9 P

$ J. M% E, r" r* {1 o. C4 J" j' e, S# v& U; z0 }+ D
* S! `" e7 _! ~4 o

2 g- v( t3 }9 Z$ U2 N
# [1 d1 u4 J# d. }+ s4 S4 e6 y, m! F9 Y& c: g1 J
第八步、最后把所有的组合起来,加上投影柔化4,距离4,角度270,黑色80%。
. w9 S/ Q0 V' V) F; L( R3 R1 X
; h8 v  S3 d% ^* _; }. p& `# {* E
, d3 K* V# a; X) W9 p, p& Y5 g

" r3 c) ?! I  H& z% c0 [

本版积分规则

精彩图文

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