Fireworks 制作 IE 浏览器图标_Fireworks教程
教程Tag:暂无Tag,欢迎添加,赚取U币!
推荐:Fireworks 仿MSN浏览器按钮现在不管是Windows Media Player播放器,还是MSN浏览器,甚至于腾讯的QQ浏览器都将前进后退的按钮改成了这种哑铃外形,下面我就教给大家如何在Fireworks MX 2004中制作这种简单的按钮。 1.新建300像素白色画布,选择“椭圆”工具按住Shift键画一个正圆形,复制这个圆形
1、新建画布,选取椭圆工具,按SHIFT绘制一个圆形,再在圆形的内部绘制一个略小的椭圆,使用菜单对齐命令将两者居中对齐。![](http://p1.mb5u.com/jc/610a1096-1.gif)
2、同时选中圆形和椭圆对象,选择菜单“修改|组合路径|打孔”命令,组合得到圆环图形。
![](http://p1.mb5u.com/jc/610a1096-2.gif)
3、选取矩形工具,在圆环中心位置绘制一个矩形框,同时选中两个对象,选择菜单“修改|组合路径|联合”命令。
![](http://p1.mb5u.com/jc/610a1096-3.gif)
4、使用钢笔工具,绘制如图所示的图形,用其对原图形进行打孔切割,得到字母“e”的基本形态。
![](http://p1.mb5u.com/jc/610a1096-4.gif)
5、绘制一个椭圆,选取缩放工具,将其旋转约45度。
![](http://p1.mb5u.com/jc/610a1096-5.gif)
6、选择菜单“修改|改变路径|扩展笔触”,在弹出的“展开笔触”设置框中,设置扩展宽度为“7”。
![](http://p1.mb5u.com/jc/610a1096-6.gif)
7、绘制如图所示大小的一个圆形,按SHIFT选中椭圆图形,选择“修改|组合路径|打孔”命令,将椭圆环切去一部分。
![](http://p1.mb5u.com/jc/610a1096-7.gif)
8、放大画布显示比例,使用部分选取工具调整椭圆环切口处的切线,使其更加平滑。
![](http://p1.mb5u.com/jc/610a1096-8.gif)
9、CTRL A全选,选择菜单“修改|组合路径|联合”命令。
![](http://p1.mb5u.com/jc/610a1096-9.gif)
10、选取钢笔工具,绘制如图所示的一个楔形路径。
![](http://p1.mb5u.com/jc/10a1096-10.gif)
11、全选,选择菜单“修改|组合路径|打孔”,得到IE图标的轮廓路径。
![](http://p1.mb5u.com/jc/10a1096-11.gif)
12、选择线形渐变方式进行填充,渐变颜色从左上到右下,填充颜色及滑块位置设置如图所示。
![](http://p1.mb5u.com/jc/10a1096-12.gif)
13、应用“内侧发光”效果,光晕颜色为“#66CCFF”,再应用“投影”效果。参数设置如图所示。
![](http://p1.mb5u.com/jc/10a1096-13.gif)
14、CTRL SHIFT D克隆当前图形,取消最上层图形的“内发光”及“投影”效果设置,选择菜单“滤镜|模糊|高斯模糊”,在弹出的设置框中设置模糊参数为“3”。
![](http://p1.mb5u.com/jc/10a1096-14.gif)
15、调整模糊图形的图层透明度为35%,覆盖于最上层。
![](http://p1.mb5u.com/jc/10a1096-15.gif)
16、至此,IE图标已经制作完毕了。
![](http://p1.mb5u.com/jc/10a1096-16.gif)
PNG源文件:
![](http://p1.mb5u.com/jc/10a1096-17.png)
分享:Fireworks MX 实现 MAC 文字效果用Photoshop来制作MAC招牌的文字特效,已经有成功的实例。那么对于Fireworks的用户该从哪里入手呢?我们可以参考Photoshop的制作思路来做些演变。 首先打开Fireworks MX. 1.创建画布300x150,输入字母a,无外框,字体Tahoma,字号手动输入150px。 2.文字内填色#3399cc
相关Fireworks教程:
- 相关链接:
- 教程说明:
Fireworks教程-Fireworks 制作 IE 浏览器图标
。