我爱电脑技术论坛 » 网站建设 » Fireworks制作Vista毛玻璃效果

3636600 发表于 2008-6-25 21:10

Fireworks制作Vista毛玻璃效果

局部效果图：
#G|ICp7|9W 4n+FSYH [7F
5gdTa)G
[attach]33758[/attach]
4wYo&[)x \!z
FU|P` 　　1、建立画布，导入背景素材 $k o/s)~:L,\Wj
)z8w
ZPrV6I9h
[attach]33759[/attach]7S"aSk4rXDR
}Vf,[lg l

Q8i\`'@"F+s 　　2、绘制圆角矩形，垂直线性渐变填充 (n/|^ vW.eq

fZb5oZ [attach]33760[/attach]

3636600 发表于 2008-6-25 21:11

3、绘制矩形高光部分，复制矩形，原位粘贴，并删除下半部分，进行垂直线性渐变，调整透明度 3h3o@.emj
2gI#S4z{7yc:WW xo
[attach]33761[/attach]I^hn&SD5|
3?YI8xPX

5j1|^\8e(R 　　4、开始制作毛玻璃效果，线性渐变绘制一个圆形，羽化10px
Sd&K(^Y8t"qv
kr~3d1x)z0f`M 4P7p"r!I5d
[attach]33762[/attach]noWf;{K-F5P#s;lY%A
:^-L7~Ql-T_p*|
　　5、添加杂点8px
4KG5r$d@E#f
)bs x hD [attach]33763[/attach]
B[p w$C"N+O
E3i+Gx foo 9Iuie8QR
　　6、选择先前绘制矩形，在刚才画的圆形上点击反键-编辑-粘贴为蒙版
c6H%^;Q0S6j
c
w%]/|B|CF [attach]33764[/attach]

3636600 发表于 2008-6-25 21:13

　7、得到如下效果
Ef{F&ZZ(~d5qXWB
lG[-V.n [attach]33765[/attach]
w+@1e*H+n9Z
T)J+pv/n!@v,U(zs@:T
:^:uc,YG T 　　8、同上步骤再绘制一个矩形、放射性填充、羽化及添加杂点步骤
;G#]!]y"J/W7JZQ D-Q$~{ .[j*}#o2}

7a.}%Ec(S [attach]33766[/attach] M4u"IK8[s

\wbZp1AEe? 　　9、在msn小人这块区域绘制一个椭圆行，使用绸缎填充，按如上步骤得到下图效果。
i;\(|u5n /L^.K)_B
uDc#N/C&u
[attach]33767[/attach]
u4?eadg CP-uS4]M
5tX1Qaw8f P
　　10、得到效果。
0x)Nm#bNt-IG7c
&nRp%bR-B [attach]33768[/attach]
;h;kYjqR /n~(Nh v.R l

EAmV;O 　　11、最后在标题栏上面加一条白色直线，透明度30%。
C0|!lpDd
&KJ VV t AeU` P [attach]33769[/attach]

查看完整版本: Fireworks制作Vista毛玻璃效果