网页教学网
 当前位置: 网页教学网 >> 网页制作 >> Fireworks制作技术 >> 阅读:Fireworks教程:倾慕系列系统图标教程
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

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

http://www.webjx.com  更新日期:2007-06-19 11:22  出处:蓝色理想  作者: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教程:倾慕系列系统图标教程

关键词:
推荐给好友】【关闭
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为