用Fireworks制作IE图标的教程

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


  2、同时选中圆形和椭圆对象,选择菜单“修改|组合路径|打孔”命令,组合得到圆环图形。


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


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


  5、绘制一个椭圆,选取缩放工具,将其旋转约45度。


  6、选择菜单“修改|改变路径|扩展笔触”,在弹出的“展开笔触”设置框中,设置扩展宽度为“7”。


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


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


  9、CTRL+A全选,选择菜单“修改|组合路径|联合”命令。


  10、选取钢笔工具,绘制如图所示的一个楔形路径。


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


  12、选择线形渐变方式进行填充,渐变颜色从左上到右下,填充颜色及滑块位置设置如图所示。


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


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


  15、调整模糊图形的图层透明度为35%,覆盖于最上层。


  16、至此,IE图标已经制作完毕了。


  PNG源文件:

时间: 2024-10-28 15:36:14

用Fireworks制作IE图标的教程的相关文章

Fireworks制作下拉菜单教程介绍

  本教程是关于Fireworks制作下拉菜单教程的讲解,该文章共有4个部分,其中包括创建标题.创建切片.加上下拉菜单.子菜单定位相关步骤,以下请看正文: 创建标题 1,新建一个图像 2, 用矩形工具画一个长方形 3,用文字工具输入文字 创建切片 选中这个矩形,然后选择菜单insert -> slice(插入-切片). 加上下拉菜单 1,保持切片处于选中的状态,选择菜单insert -> pop menu,插入子菜单 2,在弹出的窗口内进行输入,text(文字)框内输入子菜单上要显示的文字 3

Fireworks 制作精美导航效果教程

  本教程是向大家介绍利用Fireworks 制作精美导航效果,制作难度不大,教程介绍地非常详细,新手朋友也可以过来学习,希望这篇教程对大家有所帮助!我们先来看看最终效果图: (图2.1) 下边我将教大家如何制作以上这个按钮: 先新建一个500*400大小的画布,画一个400*40的长方形,调成渐变,如图2.1.1 (图2.1.1) 于是乎出来了一个我们做出来了个这个样子的图形如图2.1.2 (图2.1.2) 然后我们用部分固定选定工具 选取长方形的上边两点如图2.1.3 (图2.1.3) 按住

photoshop布尔运算制作八卦图标步骤教程

给各位photoshop软件的使用者们来分享一下布尔运算制作八卦图标的步骤教程. 教程分享: 新建一个长宽相同的画布,布置两条上下左右居中的参考线.   先画中间的太极图,用矢量椭圆画一个深灰色的圆形,颜色选择现在无所谓,看着舒服就行,等完成后再改回来.   复制一层,CTRL+T缩小一点改成白色,用"减去"模式画一个矩形删掉半个圆形.   按A点击白色圆形,CTRL+ALT+T复制路径.缩小50%,为了精确,可以直接输入百分比,移动到上边,因为有参考线的吸附作用,很轻松完成.   继

Illustrator制作木勺图标效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作木勺图标效果的教程. 教程分享:         好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的制作木勺图标效果的教程继续分享的全部内容了,各位使用者们现在看到这里了,小编相信大家现在是非常的清楚了制作方法了吧,那么大家就快去按照小编的教程自己自己去制作下木勺图标吧.

fireworks制作精致图标教程

这篇教程教三联的FIREWORKS爱好者们用fireworks打造精致图标,教程这种介绍图标的细节修饰.制作难度中等,转发过来和三联的朋友们一起学习. 使用Fireworks(以下简称FW)进行图标设计主要要留意两点: 一是FW专注于web设计,不适合创造一些过于复杂的PS效果,请期待FW CS5的PS滤镜; 二是FW的编辑方式类似于AI,如果您习惯于工作在PS类的像素着色环境下,请华丽的飘过. 接下来进入正题,我们拿一个比较标准的图标来临摹做说明,这样可以方便您理解. 下图是国内知名的eico

用fireworks制作超酷图标的教程

教程 前不久在网站上看到这么一个图标(如下图),一时间觉得这个炸弹造型酷酷的,立体感很强,非常可爱,现在我们利用Fireworks MX也学着做了一个,下面就来简单地介绍一下制作过程. 操作步骤: 1. 打开Fireworks MX,按下Ctrl+N,新建一个文档,保持默认的宽度,高度,分辨率不变. 2. 在工具栏中选择圆形工具,按住shift键,在场景中央绘制一个直径为139的圆,将边缘屏蔽掉如下图所示. 3. 利用圆形工具,在场景中绘制一个宽为99,高为72的椭圆,将填充色属性改为线形,渐变

Fireworks制作五色圆盘的教程

教程 如图所示:这个圆等分为五份,每部分的颜色都不一样.其实在fireworks里制作很简单. 操作步骤: 1.新建一个文件,用ellipse工具,按住shift画一个圆,如图. 2.用command中的find selection center找到圆形的中心点.并且选polygon工具,其中设置如下: 3.在辅助的中心,按住shift+alt画一个星形,如图. 4.同时选中这二个图形,用modify菜单的combine->punch,进行布尔运算.接着再用modify菜单中的split命令,分

ps制作音乐图标图文教程

  最终效果 1.首先,新建一个512×512的画布,设置如下. 2.设置参考线,上下左右各留出20px的边距,也就是说,这个图标的实际大小是472×472. 3.紧贴参考线,用形状工具画一个正圆,颜色随便,大小应该是472×472,给此图层起名叫"outside". 4.设置此图层的图层样式,如下图. 5.用圆形形状工具创建一个452×452的圆,起名为middle,与outside圆水平垂直居中对齐,也就是说,这个圆比外圈的圆半径小了20像素. 6.设置middle的图层样式如下.

PS制作Logo图标按钮教程 环形金属质感效果

上个周六,我在Dribble上找灵感时看到了一个葡萄牙的设计师的一些漂亮的金属效果图标,所以我决定在photoshop中实现他 因此在本教程中,我将叫你如何用图层样式制作漂亮的金属按钮 效果图: 第1步 打开photoshop创建新的文档,我选择2560x1440px,因为这是个不错的高清壁纸大小,使用椭圆工具,创建一个黑色的圆 第2步 在创建一个小一点的圆,放在中间,并得到他的选区 第3步 选择大圆的图层,点击图层>图层蒙版>隐藏选区,你将得到一个不错的戒指 第4步 进入图层样式,选择颜色叠