手机
当前位置:查字典教程网 >网页设计 >FireWorks教程 >Fireworks 制作倾慕系列图标
Fireworks 制作倾慕系列图标
摘要:效果图如下:1.画一个233*172的圆角矩形并填充#400000-#999999的线性渐变,然后设定其参数如图:2.对第一步绘制的矩形添加...

 效果图如下:

Fireworks 制作倾慕系列图标1

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

Fireworks 制作倾慕系列图标2

2.对第一步绘制的矩形添加滤镜,参数如下。

Fireworks 制作倾慕系列图标3

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

Fireworks 制作倾慕系列图标4

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

Fireworks 制作倾慕系列图标5

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

Fireworks 制作倾慕系列图标6

6.再复制一个C字,调整位置到对角,参数不变。

Fireworks 制作倾慕系列图标7

7.用钢笔工具画出顶部高光部分。

Fireworks 制作倾慕系列图标8

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

Fireworks 制作倾慕系列图标9

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

Fireworks 制作倾慕系列图标10

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

Fireworks 制作倾慕系列图标11

11.最后给底座加上高光,做到这里基本效果已经出来了。

Fireworks 制作倾慕系列图标12

原文件:

Fireworks 制作倾慕系列图标13

Fireworks 制作倾慕系列图标14

【Fireworks 制作倾慕系列图标】相关文章:

Fireworks教程:制作文字效果各种方法

Fireworks软件中动态元件的基本制作及高级运用

FireWorks 人物暗夜里的光影涂鸦

fireworks 轻松绘制 banner广告动画教程

Fireworks绘制一枚精致的PC显示器图标

Fireworks制作螺旋效果流线字

教你用Fireworks制作红墙砖头效果 并在上面涂鸦

用案例来学习Fireworks的涂抹工具

Fireworks CS5工具面板

教你用Fireworks制作精美漂亮的照片边框

精品推荐
分类导航