Yesky首页| 产品报价| 行情| 手机 | 数码 | 笔记本 | 台式机 | DIY硬件 | 外设 | 网络 | 数字家庭 | 评测 | 软件 | e时代 | 游戏 | 图片 | 壁纸 | 群乐 | 社区 | 博客 | 下载
软件频道>设计在线>网页UI|平面网页Flash视频三维欣赏|设计专题教程素材| 群乐:Vista系统下载
您现在的位置: 天极网 > 软件频道 > 设计在线 > 网页UI设计 > Fireworks绘XP风格精致图标
全文

Fireworks绘XP风格精致图标

2006-11-15 05:11 作者: dowhatyouwant 出处: 蓝色理想 责任编辑:Shiny

中国共享软件英雄会.北京


点击查看更多精彩网页设计技巧

  本文我们用Fireworks绘制一个XP界面风格的精致图标——“我的电脑”。

  先奉上效果图:

  基本步骤:

  1.  先绘制一个矩形,并通过部分选取工具调节节点。为增加立体效果,每个角均通过钢笔工具增加为2个节点

  2. 给矩形添加渐变效果

  3. 再给右边的矩形添加渐变效果

  4. 复制矩形并缩小,作为内框屏幕,实用发射性渐变,添加内部阴影

  5. 制作屏幕高光效果,绘制一个圆形,设置线性渐变,羽化为6

  6. 再画一个大的圆,用来切掉我们不需要的部分,选择两个路径,修改-组合路径-打孔

  7. 得到如下路径,然后使用蒙板得到我们需要的内框屏幕,选择蓝色内框屏幕,复制,选择刚才得到的白色渐变路径,反键-编辑-粘贴为蒙板,得到如下效果

  8. 绘制两条斜线,制作屏幕下方立体效果

  9. 使用上述高光绘制方式制作屏幕下方高光效果

  5. 制作屏幕高光效果,绘制一个圆形,设置线性渐变,羽化为6

  6. 再画一个大的圆,用来切掉我们不需要的部分,选择两个路径,修改-组合路径-打孔

  7. 得到如下路径,然后使用蒙板得到我们需要的内框屏幕,选择蓝色内框屏幕,复制,选择刚才得到的白色渐变路径,反键-编辑-粘贴为蒙板,得到如下效果

共2页。 1 2 :
欢迎订阅天极网RSS聚合资讯:http://www.yesky.com/index.xml