使用软件:fireworks   阅读次数:   收录时间:2007-07-17

Fireworks教程:倾慕系列系统图标教程

作者:lvcheng  来源:蓝色理想

效果图如下:

Fireworks教程:倾慕系列系统图标教程

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

Fireworks教程:倾慕系列系统图标教程

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

Fireworks教程:倾慕系列系统图标教程

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

Fireworks教程:倾慕系列系统图标教程

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

Fireworks教程:倾慕系列系统图标教程

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

Fireworks教程:倾慕系列系统图标教程

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

Fireworks教程:倾慕系列系统图标教程

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

Fireworks教程:倾慕系列系统图标教程

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

Fireworks教程:倾慕系列系统图标教程

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

Fireworks教程:倾慕系列系统图标教程

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

Fireworks教程:倾慕系列系统图标教程

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

Fireworks教程:倾慕系列系统图标教程

    评论加载中…
教程导航
FireWorks热门教程
FW MX 2004教程(4):特效和样式
为了实现更好的图形处理效果,在Fireworks中还可以为图像使用各种特效。特别是在网页按钮的制作中,使用这些特效会使按钮图象更加美观、更富立体感。而且一个图...
作者:大眼网虫
使用 Fireworks MX 2004 批处理
当有大量的文件要做相同的处理操作时,使用批处理功能即可将这些文件按指定的操作步骤进行处理。点击菜单栏上的文件批处理,如图1104。 图1104 在浏览框中选择要...
作者:/
Fireworks MX 2004 复杂的图像变换
先在画布上绘制或引入三个图形对象,然后同时选中这些对象,并在任意一个对象上单击右键,从弹出菜单中选择插入切片。这时会弹出一个提示窗口,如图907。 图907 ...
作者:/
FW MX 2004教程(3):矢量编辑
和许多矢量编辑软件一样,在Fireworks中绘制的矢量对象比位图对象的可修改性强很多。因此在进行无素材制图时,更多时候是制作成矢量图形,以方便随时保存,随时...
作者:大眼网虫
Fireworks打造残破照片边缘
1、首先打开欲加残破边缘效果的照片文件; 2、可以使用矩形或圆形工具绘制并覆盖欲处理成残破边缘的区域轮廓,如果想要不规则形状的区域,也可以使用钢笔工具绘...
作者:凌志