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

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

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

【 tulaoshi.com - Fireworks 】

最终效果:

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

最终效果:

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

 

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

 

 

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

 

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

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

 

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

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

 

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

 

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

 

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

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

 

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

 

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

 

原文件

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

延伸阅读
利用简单有效的办法,用Fireworks打造属于自己的UI套件,同时还能够很方便的应用到其他设计中。无论网站还是应用,都需要优秀的界面设计。倘若界面设计不够优秀,那么用户会毫无愉悦感,会影响到用户与产品、网站、应用的交互,很多商机也因此丧失。 教程素材: MissYuan_教程素材.rar 若想保持整体设计的一致性,可以设计一套风格指南或者...
效果图  操作步骤 1 先画一个圆形的路径。 (调整图形,以便使它看起来更像个在下降水滴状) 。 设置填充颜色 Fill Color to #CCCCCC  线条颜色Stroke Color to #B1B1B1 2 仍然选择目标,改变填充类别,使用放射性渐变|径向填充,改变填充颜色如图所示。(Color1 = #FFFFFF, Color2 = #CCCCCC) 3 现在我们需要添加...
剑气凌人组织了Fireworks图标接龙活动,随手就做了一个,有会员问如何做的,今天有空把教程写出来了。第一次写这么完整的教程,哈哈。 文章末尾有PNG源文件提供。 建立画布什么的就不说了,首先把文字输入进去:选择文字工具,输入文字FW,选取04b_03b字体,字号看你的需要来选择,教程里所选的是120PX: 选取输入的...
先发最终效果图: [.PNG下载源文件] 基本步骤: 1. 用钢笔绘制盾形路径,只需要画一半即可 2. 复制一份刚画的路径,选中两个路径,选择菜单"修改"-"组合路径"-"联合" 3.对路径进行填充,选择"线性"-"缎纹" 4.复制这份...
一个朋友学习Fireworks,问如何制作一个RSS的图标。于是给他做了个例子。 最终效果如下: 1、选择矢量工具中的“圆角矩形”工具,画一个150px×150px的矩形。调整角度手柄到合适。 2、对矩形进行垂直线性渐变。数值如图。 3、复制并原位粘贴一个矩形,选择实心填充,选择白色并调整透明度到如图效果。将其平面化,然后利用选区工...

经验教程

751

收藏

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