FW制作苹果水晶图形

图形

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加上一个投影效果,这样看起来就更漂亮了

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

最终效果图

这是源文件

时间: 2024-08-03 01:48:37

FW制作苹果水晶图形的相关文章

Fireworks制作一个水晶图标

效果图: 路径制作这么一个图形,然后拉渐变 复制一个在上面,稍微偏移些,如图拉渐变 加滤镜 加高光:也是复制一份,用'刀'切割一半 制作笔:

excel 2007制作双竖坐标图形

同事需要实现这个功能做数据分析,网上查了下,找到这篇好文,http://blog.vsharing.com/erickwang/A1160363.html 利用excel2007制作双竖坐标图形 有句话叫"字不如表,表不如图",所以给领导汇报时,我们经常需要将表画成图,以下表为例.我想将绘制这三年公司营业收入.利润及利润率折线图. 年份 营业收入 利润 利润率 人工成本 xx 备注 2008 5000 800 0.16 2009 6000 820 0.14 2010 4000 750

Fireworks制作一个水晶羽毛笔图标

效果图: 路径制作这么一个图形,然后拉渐变 复制一个在上面,稍微偏移些,如图拉渐变 加滤镜 加高光:也是复制一份,用'刀'切割一半 制作笔: 制作出笔尖与笔杆中间的骨线 复制一个,用"刀"切一半,然后拉渐变 最后影阴制作

Fireworks 制作一个水晶图标

  效果图: 路径制作这么一个图形,然后拉渐变 复制一个在上面,稍微偏移些,如图拉渐变 加滤镜 加高光:也是复制一份,用'刀'切割一半 制作笔: 制作出笔尖与笔杆中间的骨线 复制一个,用"刀"切一半,然后拉渐变 最后影阴制作         注:更多精彩教程请关注三联网页设计教程 栏目.

PhotoShop利用自由变换工具制作梦幻翅膀图形效果教程

本文教大家用PhotoShop制作梦幻翅膀图形效果,主要用自由变换工具来制作,喜欢的同学可以学习一下! 效果图: 第一步,画出如图所示大概的路径,如果不会画请戳: ctrl+回车得到选区,新建一个图层,填充白色 分类: PS入门教程

ps通道蒙版制作情侣水晶

  蒙版(用于图像的合成) 如果图像中有选区,添加图层蒙版,选区外的图像被删除 黑色:表示完全的不透明(颜色会完全被擦掉) 白色:表示完全的透明(图像会恢复) 灰色:表示半透明 教你制作情侣水晶的具体操作步骤: 这里需要两个素材;情侣素材: 桃心水晶素材 步骤一.首先将这两个素材用photoshop打开, 选择"素材1"图片,用磁性套索工具把桃心抠下来.并移动到"情侣"图片中. 步骤二. 选择"情侣"图片的背景层,双击背景层转换为普通图层. 步骤

C4D怎么制作旋扭图形

C4D怎么制作旋扭图形   简讯第六弹教程第一次使用了视频录制的方式 ,其实还是很多坑的(T﹏T) 为了节省大家观看的时间我特意把速度放快了百分之50,也避免视频容量过大.(不过有些地方可能有点跳的快,还请见谅) 这次的教程案例使用到了第五弹循环穿插的理念结合旋扭图形的形式去制作 PS:教程的操作需要大家有起码的C4D基础 当然教程的效果只是初步的技能GET,要做的如何细腻呢还期待各位的发挥啦!

windows7下制作苹果mac os x 10.10Yosemiteu盘启动盘

windows7下制作苹果mac os x 10.10Yosemiteu盘启动盘 点击查看:苹果笔记本装win7不能动鼠标键盘怎么办? 点击查看:如何在苹果笔记本macosx系统下使用qq的截图功能 点击查看:如何删除苹果笔记本mac os x系统记住的wifi账户 点击查看:苹果笔记本mac os x系统如何安装非App Store下载的软件 点击查看:苹果笔记本如何设置u大师u盘启动教程 点击查看:苹果笔记本装win7不能动鼠标键盘解决方案2 点击查看:2013款苹果笔记本装系统不能动鼠标键

photoshop制作视觉错觉图形背景教程

给各位photoshop软件的使用者们来详细的解析分享一下制作视觉错觉图形背景的教程. 教程分享: 在颜色知觉中,每一种颜色都有它相应的互补色(互补色如用混色轮混合时,会成为灰色--白色,只有亮度而无彩色). 红和绿是一对互补色,黄和蓝也是一对互补色,其他颜色也都各有其相应的互补色.黑和白也有互补关系. 如果互补色两者同时呈现在一个画面上时,会显得分外鲜明.如果在周围充满一种颜色刺激时,无刺激的"空档"处便会产生互补色的感觉, 从而产生所谓的"无中生有"的错觉.最常