Fireworks打造超酷质感按钮教程(1)

[复制链接]
查看: 248|回复: 0
gggds 发表于 2009-12-27 03:12:31 | 显示全部楼层 |阅读模式
先看看效果图:
  S& W$ e2 \- T+ T+ ^) K
5 C* i+ n- @- Y& n1 Q  R
) @& Y$ l( c& W% M6 M  e% j4 o
; H& K4 d* @  v5 D" C效果图
0 m" A* I$ p  O7 Z% t" n& I7 q  1、建立一个483*450的画布;( @0 O7 L3 d5 B+ M( V' {
  2、用矩形工具画一个矩形设置如下:' A) [% y6 q4 \

6 L2 ^# R, l8 w' |* C7 s& `) O% |1 `9 N
图1- C0 S4 x( e8 v  n9 c+ ?9 G1 e
  3、用矩形工具画一个336*78的矩形设置如下:! \8 t+ y' @; ?6 M
2 @' \  f4 X3 C8 U/ }9 N
0 r6 ]" F4 l6 ?7 |; k
图2% _4 `9 m/ T0 x& V$ F* i/ h: _
  4、用矩形工具画一个322*65的矩形设置如下:( r; \- n: b$ ~& c
- u% W) l% x) l7 W0 I; Y& m
/ |! U: [  e* t8 y0 U. C- D% ]; F
图3
' F* ~0 f. U/ \  5、用矩形工具画一个200*1的矩形设置如下:) V8 [; y6 U3 b" K
  6、复制这个矩形,位置向下调一个像素,再调整色相饱和度,设置如下:! L' K) q; f3 r4 Q7 x- ^
  7、合并这两个矩形,复制三个调整大小后分别放到四个角,效果如顶图:
9 i2 W9 T. u4 r$ Z& Z! M* |! B: M# @- o5 o: i6 n' U2 C8 Q
$ i% y. ?( {( m
图4 5 N4 A; G, `, Y- q: c1 S
' m7 S( G# s* g8 [
7 C5 l5 s0 F* I8 L/ R+ ~: K+ {

" v5 K' R, S$ Y3 l+ t+ U" U # f/ t- y8 N" [5 V7 r2 p9 \+ [
  8、用钢笔工具画一个如下的图形,设置如下:  9、复制两个用钢笔工具调整大小,透明度分别为80、40、20,效果如下:  10、合并这三个图层,复制-粘帖-修改-变形-垂直翻转,再向下移动,透明度设为20,效果如下:
( V8 c( A9 D( z/ t- v! ]! L/ Q3 F9 x  k" b& V

$ N% a9 X1 c3 y2 J1 t( T$ F/ y1 U. u图5$ t. k" t7 a6 G/ {. v, X; h
  11、用钢笔工具画一个如下的图形,设置如下:  12、复制三个分别调整角度并放到矩形的四个角,效果如顶图: * m5 U. M( H+ H1 N5 I9 w
: }8 ?- u$ r! |

6 l7 Y/ |3 B* c) o8 x  \图6
, l9 q( F0 n8 `. Q4 A  13、用椭圆工具画一个如下的椭圆,设置如下:
: a3 n  f/ ~1 f; V$ ~& [+ b! _) W8 C# b7 q3 P3 L

  a+ m0 E: o$ L* g5 K5 _. U' K图7+ I+ R& t9 d4 k7 D- w) q
  14、设置顶部高光  15、先画一个椭圆,然后设置运动模糊,再复制一个缩小一些,再向左  移动,如下图所示:  16、用钢笔工具画两个光源,设置如下:
9 l1 y" F; m" j5 a; v0 C- T4 B1 a! {  |8 I2 X

) c" R+ C. Y7 B- x8 p3 k图8
* e8 A6 U% r+ l4 \3 E0 G8 K  17、设置你要的文字,复制一层修改-变形-垂直翻转-命令-创意-图象渐隐,效果如下:
6 [) M7 n/ `% f3 }$ J0 S0 Z# ]5 C! y2 j6 y) y% B

/ ]; f2 C- O0 H7 r+ O* S) y
# m/ O( i/ w5 y/ n# n# g- W# I* K  最后调整一下各层的位置,完成了,第一次写教程,有什么不对的地方还请大家多提意见,谢谢!

本版积分规则

精彩图文

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