[Fireworks教程] 用fireworks做出苹果的晶亮透明

mathew

网络发烧友

Rank: 2

发短消息
加为好友
当前离线

1^# 大中小发表于 2007-1-3 10:46 只看该作者

用fireworks做出苹果的晶亮透明

163K网站系统官方论坛; @* o9 U/ M& j# |: O5 O2 z$ {

　苹果的东西，设计上是一流的，至少我个人是这样认为的。有了苹果，才会在网上涌现出一大批晶亮透明的东东，所以今天就苹果网站上的导航按钮来谈谈那些晶亮透明东东是怎么做的。用的软件是fireworks mx。163k团购网站系统官方服务论坛* ?4 D7 R. u2 A7 O: _# x p# s) l
　　苹果的导航（下图）总体的感觉是清淡的色彩配上透明的效果。其实这种效果在fireworks(看多了在ps里的长篇大论)里简简单单，远没有想象的那么复杂。用的技术也是最简单的：渐变填充，层的透明度调节，简单效果(effect)。我们就是要用最简单的技术做出最好的效果。好的，开始做了，注意听讲。

团购网站系统,团购网程序5 g5 r5 ?; \% ?4 y* @
　　1.首先画一个圆角矩形，用渐变填充，效果如图：
163K网站系统官方论坛2 R) Q0 O& _( z2 L7 @

　　2.做出导航按钮的高光，这是点睛之笔，一般在这一步效果就出来了。有两种方实现:一个用效果(effect)的内阴影(inner shadow)参数和最终效果如图：163K网站系统官方论坛! ~! l6 l+ \: C
163k团购网站系统官方服务论坛% i j; E' r" x! x+ {

163K网站系统官方论坛0 G1 s. A, S6 l4 g5 ?5 f, i( U
　　另一个是做一个高光的shape，将这个shape的层透明度调成30，参数和最终效果如图：团购网站系统,团购网程序6 i+ K- W' K; h0 k% y
163K网站系统官方论坛+ B9 M* B6 S0 R4 G) d$ _

　　大体的原理弄懂了，我们再看看的按钮就觉得很好做了。换换颜色，形状可以做出太多的效果，正所谓一通百通了。下面是一些例子：4 w+ y, m' V0 X( m
163k团购网站系统官方服务论坛* v" q/ Z! t& G0 o! K* j& \: x( W

163K网站系统官方论坛# g) y9 r" Q: ]5 j( w
bbs.163k.com; e4 S, o: r* m7 K/ p7 C4 F
bbs.163k.com# P: c: M: C. k4 M

163K网站系统官方论坛" l% k" Y; Y2 a6 m1 h Y

TOP

‹‹ 上一主题 | 下一主题 ››

Processed in 0.058457 second(s), 7 queries.

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

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