设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
FW制作苹果水晶图形
返回列表
发布主题
FW制作苹果水晶图形
[复制链接]
查看:
266
|
回复:
0
gggds
当前离线
积分
22692
IP卡
狗仔卡
gggds
发表于 2009-12-27 12:36:34
|
显示全部楼层
|
阅读模式
Mac的风格大家一定不陌生,而且近些年越来越流行
0 p, s0 ?- l" M; m8 G) H
$ i3 a& l4 U) s; |
我是做软件skin设计工作的,当然更加深有体会。但像这样风格的图标、按钮却不是那么好找。我之前经常为了找几个合适的水晶图标而浪费大把的时间。经过自己简单的分析,我发现这种图标的制作方法其实非常简单。完全可以把自己需要的图形、符号用我自创的方法做的和上图一样,晶莹剔透作图先要选择一个图形图像处理软件,现在有很多这样的软件,还有很多专业的图标制作软件这个是以前在第三方软件区贴的但我用的是Frieworks(FW),这个软件操作起来很灵活,比较适合做网页的按钮大家如果想用PS的话,当然也可以废话不说了,我就来讲下FW下水晶图标的制作过程1、新建文件,参数自定,画布不要开得比图标小就可以了2、在画布上画出你需要制作的图形,文字也可以(只是文字将来要转换为路径)3、我做的是文字,字体为:Cooper Black(如果没有这种字体,找一个粗一些的,圆一些的,这样做出的文字看起来效果更好,而且比较可爱),文字大好后就将文字转换为路径,如果是多个文字,转换路径后,还需要将文字解散群组
& ~" S/ @% Q F- {: t. d! d
: N) f; G$ \4 p: a8 U0 Y$ x
4、选中其中的一个文字,在属性面板中对其填充颜色进行更改,更改为线性渐变
. y& D, m4 W- C: B
0 I# E: c n& q) v- x' L6 e. [+ v2 b
5、再点击填充色的取色框对其渐变颜色进行调整,滑块的一边为白色,一边为红色,将红色的滑块拖到图中的位置。再用黑键头工具选中文字,对其渐变色调杆进行调节,改变渐变的方向。
/ s' ]6 W6 o6 }" _7 _9 B6 {4 R
# @- W7 \- E& Z4 o$ }6 a N: X
6、接下来需要将文字的边框色进行更改。点击属性面板右侧的边框色取色框,将颜色定为#AA0000,这样文字下面的反光效果就做出来了
' W; o6 @1 p3 y
7 S+ P& `* Q6 m6 Y
7、接下来要做文字上半部分的高光,这样才有水晶的光滑通透感。用钢笔工具勾出一个图形,如果图形的边缘不满意,可用白箭头改变曲线的曲力。如图
- ]8 L$ h: V5 k' g2 }
6 u1 j! U6 K' E/ c* l1 R9 j. t; K+ _
8、将文字选中,ctrl+c,ctrl+v这个大家都应该知道是在干什么。然后同时选中文字和刚才绘制出的路径,选择Modify菜单里Combine Paths下的Intersect命令。//这是对路径进行修改的一组命令。第一个join是将路径进行组合,类似于图形之间的Group(群组)第二个Split,这个命令和join是相对应的,就是将路径解散第三个Union是将路径进行融合,和join不同的是,两个路径完全结合变为一个图形,而且除了ctrl+z以外无法逆向操作第四个Intersect命令是取两个相交图形所共有的部分第五个Punch使用后绘制出的图形在先绘制出的图形上打洞第六个Crop和Intersect的效果差不多,具体有什么不同,我暂时忘了
& X* M5 q6 W4 }2 s% K( ?
" E% l- I/ M' y1 K
//好了,接着将我们水晶字,使用Intersect命令后,我们得到了一个新图形,这就是文字的高光部分。9、对高光部分的颜色进行调节。首先把这部分的边框色去掉,(这部就不用我废话了吧),然后对其填充进行仔细的调节,这里的填充也是渐变填充,从白到白,不过其中一侧的不透明度为80,如图调节渐变方向控制杆,整体不透明度为90。
- V2 I; ^ R! n; f- S( U+ g
2 S9 N4 q4 f0 t: x
好了,基本上完工了,最后一步,给R加上一个投影效果,这样看起来就更漂亮了
1 s+ d( W: N- M( u6 B7 ^
1 E4 Q6 ~8 g3 f
这样,第一个字就做好了。后面的字作法和第一个一样。大家自己做吧,我的手已经酸了最终效果图
& `- A, }* l; y
, r! a% i# B; P/ m1 ^# [* v4 c
这是源文件
) O+ d0 ~ e; M' m K3 ]* h
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表