Fireworks教程:打造华丽倾慕系列图标

2016-02-19 18:56 3 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的Fireworks教程:打造华丽倾慕系列图标懂设计的网友们快点来了解吧!

【 tulaoshi.com - Fireworks 】

最终效果:

最终效果:

 

一、画一个233×172的圆角矩形并填充#400000-#999999的线性渐变,然后设定其参数如图

 

 

二、对第一步绘制的矩形添加滤镜,参数如下图

 

三、将第一、二步绘制的矩形复制一个并把添加的滤镜去掉内侧发光,缩小到215×158

 

四、再复制一个第一、二步绘制的矩形,去年滤镜里的色相/饱和度,并改变线性填充颜色为#000000透明度80-#ffffff透明度60并把矩形参数里的纹理总量调为0

五、用YY Old English Dingbats花草装饰字体打出大写的C字号,大小为20,调整好角度并将图层样式设为柔光

 

六、再复制一个调整到对角,参数不变

 

七、用钢笔工具画出顶部高光部分

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

 

八、用钢笔画出中部高光部分并把图层透明度调整到20

九、用钢笔画出底部高光并把图层透明度调整到80

 

十、用钢笔工具绘制底座,然后填充线性渐变颜色为#251B09-#6A4E1A-#251B09,然后把底座图层放在最下面

 

十一、最后给底座加上高光,做到这里基本效果已经出来了

 

原文件

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

来源:https://www.tulaoshi.com/n/20160219/1619561.html

延伸阅读
利用简单有效的办法,用Fireworks打造属于自己的UI套件,同时还能够很方便的应用到其他设计中。无论网站还是应用,都需要优秀的界面设计。倘若界面设计不够优秀,那么用户会毫无愉悦感,会影响到用户与产品、网站、应用的交互,很多商机也因此丧失。 教程素材: MissYuan_教程素材.rar 若想保持整体设计的一致性,可以设计一套风格指南或者...
一个朋友学习Fireworks,问如何制作一个RSS的图标。于是给他做了个例子。 最终效果如下: 1、选择矢量工具中的“圆角矩形”工具,画一个150px×150px的矩形。调整角度手柄到合适。 2、对矩形进行垂直线性渐变。数值如图。 3、复制并原位粘贴一个矩形,选择实心填充,选择白色并调整透明度到如图效果。将其平面化,然后利用选区工...
剑气凌人组织了Fireworks图标接龙活动,随手就做了一个,有会员问如何做的,今天有空把教程写出来了。第一次写这么完整的教程,哈哈。 文章末尾有PNG源文件提供。 建立画布什么的就不说了,首先把文字输入进去:选择文字工具,输入文字FW,选取04b_03b字体,字号看你的需要来选择,教程里所选的是120PX: 选取输入的...
一、案例欣赏 网络上经常会用到一系列图标,今天和大家一起交流一下水杯的制作方法。效果如图所示。 二、思路分析 仔细观察水杯,我们可以将它分为三个部分来处理:杯身,杯口,杯把。注意杯身的对称性,否则就变成一个不合格产品了,因为要做到可爱一点的,所以大家要注意色彩的使用,用明度和纯度高一点的色彩,会让杯子活...
曾经在网上看到过一个手枪造型的Winamp播放器,非常酷!只可惜播放按钮太多,有点碍眼,因为我要的只是那把极酷的手枪而已。 于是我用依样画葫芦重新打造了这把去除播放按钮后的手枪。 如果你也喜欢这把手枪,不妨一起来做做试试。文章末尾提供原文件供大家下载参考。 完成效果图如下。   首先启动Fireworks,新建一个47...

经验教程

465

收藏

13
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部