FW制作苹果水晶图形

原创 2005年03月02日 10:47:00
Mac的风格大家一定不陌生,而且近些年越来越流行





按此在新窗口浏览图片

我是做软件skin设计工作的,当然更加深有体会。但像这样风格的图标、按钮却不是那么好找。我之前经常为了找几个合适的水晶图标而浪费大把的时间。

经过自己简单的分析,我发现这种图标的制作方法其实非常简单。完全可以把自己需要的图形、符号用我自创的方法做的和上图一样,晶莹剔透

作图先要选择一个图形图像处理软件,现在有很多这样的软件,还有很多专业的图标制作软件

这个是以前在第三方软件区贴的

但我用的是Frieworks(FW),这个软件操作起来很灵活,比较适合做网页的按钮

大家如果想用PS的话,当然也可以

废话不说了,我就来讲下FW下水晶图标的制作过程

1、新建文件,参数自定,画布不要开得比图标小就可以了

2、在画布上画出你需要制作的图形,文字也可以(只是文字将来要转换为路径)

3、我做的是文字,字体为:Cooper Black(如果没有这种字体,找一个粗一些的,圆一些的,这样做出的文字看起来效果更好,而且比较可爱),文字大好后就将文字转换为路径,如果是多个文字,转换路径后,还需要将文字解散群组

按此在新窗口浏览图片

4、选中其中的一个文字,在属性面板中对其填充颜色进行更改,更改为线性渐变

按此在新窗口浏览图片

5、再点击填充色的取色框对其渐变颜色进行调整,滑块的一边为白色,一边为红色,将红色的滑块拖到图中的位置。再用黑键头工具选中文字,对其渐变色调杆进行调节,改变渐变的方向。

按此在新窗口浏览图片

6、接下来需要将文字的边框色进行更改。点击属性面板右侧的边框色取色框,将颜色定为#AA0000,这样文字下面的反光效果就做出来了

按此在新窗口浏览图片

7、接下来要做文字上半部分的高光,这样才有水晶的光滑通透感。用钢笔工具勾出一个图形,如果图形的边缘不满意,可用白箭头改变曲线的曲力。如图

按此在新窗口浏览图片

8、将文字选中,ctrl+c,ctrl+v这个大家都应该知道是在干什么。然后同时选中文字和刚才绘制出的路径,选择Modify菜单里Combine Paths下的Intersect命令。

//

这是对路径进行修改的一组命令。

第一个join是将路径进行组合,类似于图形之间的Group(群组)

第二个Split,这个命令和join是相对应的,就是将路径解散

第三个Union是将路径进行融合,和join不同的是,两个路径完全结合变为一个图形,而且除了ctrl+z以外无法逆向操作

第四个Intersect命令是取两个相交图形所共有的部分

第五个Punch使用后绘制出的图形在先绘制出的图形上打洞

第六个Crop和Intersect的效果差不多,具体有什么不同,我暂时忘了

//

好了,接着将我们水晶字,使用Intersect命令后,我们得到了一个新图形,这就是文字的高光部分。

9、对高光部分的颜色进行调节。首先把这部分的边框色去掉,(这部就不用我废话了吧),然后对其填充进行仔细的调节,这里的填充也是渐变填充,从白到白,不过其中一侧的不透明度为80,如图调节渐变方向控制杆,整体不透明度为90。

按此在新窗口浏览图片

好了,基本上完工了,最后一步,给R加上一个投影效果,这样看起来就更漂亮了

按此在新窗口浏览图片

这样,第一个字就做好了。后面的字作法和第一个一样。大家自己做吧,我的手已经酸了

最终效果图

按此在新窗口浏览图片

这是源文件

按此在新窗口浏览图片
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

PSD水晶苹果的制作

  • 2014-12-11 22:51
  • 200KB
  • 下载

photoshop水晶苹果的制作

  • 2006-02-23 15:31
  • 322KB
  • 下载

Quartz2D---苹果官方的⼆维绘图引擎(绘制基本图形)

iOS开发UI篇—Quartz2D使用(绘制基本图形) 一、简单说明 Quartz 2D:是⼀个苹果官方的⼆维绘图引擎,同时支持iOS和Mac OS X系统(跨平台,Quartz 2D的API是...

水晶苹果按钮 

  • 2002-10-14 00:00
  • 242KB
  • 下载

水晶苹果图标

  • 2007-11-03 13:21
  • 307KB
  • 下载

网络工程____网线水晶头的制作

水晶头制作记录 标签: 测试网络通讯工具 2012-10-07 15:33 5453人阅读 评论(9) 收藏 举报 本文章已收录于: 分类:...

flash actionscript3.0 beginGradientFill渐变填充 水晶按钮制作

flash actionscript3.0 beginGradientFill渐变填充 水晶按钮制作 public beginGradientFill(fillType:String, colo...
  • uuq
  • uuq
  • 2011-09-04 23:35
  • 3708

在制作水晶报表时遇到此错误未处理System.IO.FileNotFoundException HResult=-2147024894

未处理System.IO.FileNotFoundException HResult=-2147024894 Message=未能加载文件或程序集“file:///C:\Program Fil...

网线水晶头接法-详细的网线制作

网线水晶头接法-详细的网线制作       网线水晶头有两种做法标准,标准分别为 TIA/EIA 568B 和 TIA/EIA 568A 。制作水晶头首先将水晶头有...

水晶头制作记录

首先准备好工具1.网线、水晶头;2.压线钳;3.网线测试仪。     制作前须知:(线序规则) TIA/EIA-568B:1、白橙,2、橙,3、白绿,4、蓝,5、白蓝,6、绿,...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)