平面设计 
首页 > 平面设计 > 浏览文章

用Fireworks制作IE图标的教程

(编辑:jimmy 日期: 2024/10/10 浏览:3 次 )

1、新建画布,选取椭圆工具,按SHIFT绘制一个圆形,再在圆形的内部绘制一个略小的椭圆,使用菜单对齐命令将两者居中对齐。

用Fireworks制作IE图标的教程
2、同时选中圆形和椭圆对象,选择菜单“修改|组合路径|打孔”命令,组合得到圆环图形。

用Fireworks制作IE图标的教程
3、选取矩形工具,在圆环中心位置绘制一个矩形框,同时选中两个对象,选择菜单“修改|组合路径|联合”命令。

用Fireworks制作IE图标的教程
4、使用钢笔工具,绘制如图所示的图形,用其对原图形进行打孔切割,得到字母“e”的基本形态。

用Fireworks制作IE图标的教程
5、绘制一个椭圆,选取缩放工具,将其旋转约45度。

用Fireworks制作IE图标的教程
6、选择菜单“修改|改变路径|扩展笔触”,在弹出的“展开笔触”设置框中,设置扩展宽度为“7”。

用Fireworks制作IE图标的教程

7、绘制如图所示大小的一个圆形,按SHIFT选中椭圆图形,选择“修改|组合路径|打孔”命令,将椭圆环切去一部分。

用Fireworks制作IE图标的教程
8、放大画布显示比例,使用部分选取工具调整椭圆环切口处的切线,使其更加平滑。

用Fireworks制作IE图标的教程
9、CTRL+A全选,选择菜单“修改|组合路径|联合”命令。

用Fireworks制作IE图标的教程
10、选取钢笔工具,绘制如图所示的一个楔形路径。

用Fireworks制作IE图标的教程
11、全选,选择菜单“修改|组合路径|打孔”,得到IE图标的轮廓路径。

用Fireworks制作IE图标的教程
12、选择线形渐变方式进行填充,渐变颜色从左上到右下,填充颜色及滑块位置设置如图所示。

用Fireworks制作IE图标的教程

13、应用“内侧发光”效果,光晕颜色为“#66CCFF”,再应用“投影”效果。参数设置如图所示。

用Fireworks制作IE图标的教程
14、CTRL+SHIFT+D克隆当前图形,取消最上层图形的“内发光”及“投影”效果设置,选择菜单“滤镜|模糊|高斯模糊”,在弹出的设置框中设置模糊参数为“3”。

用Fireworks制作IE图标的教程
15、调整模糊图形的图层透明度为35%,覆盖于最上层。

用Fireworks制作IE图标的教程
16、至此,IE图标已经制作完毕了。

用Fireworks制作IE图标的教程
PNG源文件:

用Fireworks制作IE图标的教程
上一篇:Fireworks8.0自动形状属性面板使用方法及应用实例教程介绍
下一篇:如何用Fireworks制作一个RSS图标
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。