设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
用Fireworks做出苹果的晶亮透明
返回列表
发布主题
用Fireworks做出苹果的晶亮透明
[复制链接]
查看:
495
|
回复:
0
gggds
当前离线
积分
22798
IP卡
狗仔卡
gggds
发表于 2009-12-27 13:46:32
|
显示全部楼层
|
阅读模式
苹果的东西,设计上是一流的,至少我个人是这样认为的。有了苹果,才会在网上涌现出一大批晶亮透明的东东,所以今天就苹果网站上的导航按钮来谈谈那些晶亮透明东东是怎么做的。用的软件是Fireworks MX。 苹果的导航(下图)总体的感觉是清淡的色彩配上透明的效果。其实这种效果在Fireworks(看多了在PS里的长篇大论)里简简单单,远没有想象的那么复杂。用的技术也是最简单的:渐变填充,层的透明度调节,简单效果(effect)。我们就是要用最简单的技术做出最好的效果 。好的,开始做了,注意听讲。
' I% m& e6 @" N/ U6 ~
3 c, I$ ~5 J1 M! ^! z0 b* \9 ?
7 B: ?$ ~1 o4 c/ ?! ]
1.首先画一个圆角矩形,用渐变填充,效果如图:
5 G! Y; }$ ]% X1 Q
0 v- L/ g* R7 Z1 ^, A
?8 T4 }6 U! B
2.做出导航按钮的高光,这是点睛之笔,一般在这一步效果就出来了。有两种方实现:一个用效果(effect)的内阴影(Inner Shadow)参数和最终效果如图:
8 V9 R9 x; W- F4 l
6 r+ G6 E i% }: I8 B% b
( N7 ?5 w4 R2 _5 ^) G( i0 Z
另一个是做一个高光的shape,将这个shape的层透明度调成30,参数和最终效果如图:
+ a0 i+ U/ \$ s3 }7 h
9 H$ B4 s# ^% i& i9 F0 {" o
5 v) ]7 ?7 y+ q+ S, X- }
大体的原理弄懂了,我们再看看其他的按钮就觉得很好做了。换换颜色,形状可以做出太多的效果,正所谓一通百通了。下面是一些例子:
1 S7 B7 A( s2 l, H% A6 m, a+ y4 W$ p5 f% A2 L
2 Q3 T0 I4 @4 O8 c8 z8 U% p# L
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表