Fireworks绘制IE浏览器图标教程

   本教程向大家介绍如何利用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图标已经制作完毕了。


  以上就是Fireworks 绘制 IE 浏览器图标教程,喜欢的朋友可以尝试制作一个!

时间: 2024-12-20 15:18:17

Fireworks绘制IE浏览器图标教程的相关文章

用photoshop绘制邮件盒图标教程

  用photoshop绘制邮件盒图标教程,每个部位都分析的很到位,设计师最重要的技能是审美和视觉传达,可以自己绘绘看 分类: PS入门教程 ps图标制作教程

Illustrator简单绘制洗衣机APP图标教程

给各位Illustrator软件的使用者们来详细的解析分享一下简单绘制洗衣机APP图标的教程. 教程分享: 在Ai软件中,新建一个800*800的文档,选择圆角矩形工具,画一个圆角图形,并填充颜色,如图所示   然后选择椭圆工具,按住shift画两个正圆图形,并填充颜色,如图所示   接着再选择椭圆工具,按住shift画一个正圆图形,并填充颜色,不透明度改为i阿50%,如图所示   接下来选择直线工具,画两条直线,描边改为4pt,最后选择椭圆工具,按住shift画3个正圆图形,并填充颜色. 好了

PhotoShop绘制腾讯新版手机QQ浏览器图标教程

介绍用PS绘制腾讯新版手机QQ浏览器图标,画法很简单,喜欢的朋友一起来学习一下吧! 效果图: 图标拆解: 制作步骤: 合体演示: 分类: PS入门教程 手机QQ ps图标制作教程

Illustrator绘制精致APP图标教程

给各位Illustrator软件的使用者们来详细的解析分享一下绘制精致APP图标的教程. 分享一览: 我们先来看看最终的效果图吧:   消息/聊天应用程序图标,头脑风暴你会联想到什么,这里想到的是送邮件的小鸟.本教程主要讲解图标从最初的草图到矢量图标设计思路.简易教程,大神勿喷. 开始绘制草图 把头脑中的想法大概画出来,多画几版,可以不用画的很细.前期也可以收集一些相关的素材,设计应用程序图标时就要考虑图标放在应用程序商店时怎样识别度更高.所以这里选了小鸟的头部为主体,加上邮递员的帽子.   多

Illustrator绘制质感电池图标教程

给各位Illustrator软件的使用者们来详细的解析分享一下绘制质感电池图标的教程. 教程一览: 最后效果   下面我们开始学习制作过程: STEP 1 先新建一个文档,把背景设成黑色.设成任何尺寸都可以,我的是600px乘以400px的.我们先做这个电池尾部的金属帽.首先先画出它的形状,就像下面的这样.过渡颜色为90%灰度的灰色,白色和黑色.此外,要给对象1px的羽化,并把透明度调为75%.   STEP 2 复制(ctrl+C)这个对象然后直接把它粘贴到前面(ctrl+F).然后按向右的箭

Illustrator绘制化学玻璃容器图标教程

给各位Illustrator软件的使用者们来详细的解析分享一下绘制化学玻璃容器图标的教程. 教程分享: 1.在Ai软件中,新建一个800*800的文档,选择矩形工具,按住shift画一个正方形,并填充颜色,如图所示   2.然后选择矩形工具,画一个矩形图形,并填充颜色,再选择椭圆工具,画一个椭圆图形,并填充颜色,如图所示   3.选中圆形和矩形,按ctrl+c复制,按ctrl+f粘贴,再按shift+Alt等比例缩放,并填充颜色,如图所示   4.接下来选择椭圆工具,按住shift画3个正圆图形

Illustrator快速绘制简洁飞镖图标教程

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

Illustrator绘制SVG圣诞图标教程一览

给各位Illustrator软件的使用者们来详细的解析分享一下绘制SVG圣诞图标的教程. 教程分享: 一.认识SVG图标 首先,我们来说说SVG这个图片格式.SVG对WEB端非常友好,尤其是近些年显示屏的革新.适应无数手机屏幕尺寸不一的要求,矢量图发挥了自身的特性,那就是无论屏幕尺寸大小,它都显示得非常清楚,而像素级图片相形见绌. 对于WEB来说,"全屏"一直是个问题(因为没有任何人愿意通过手机端去等待一张重量级图片的加载),而SVG是经过简化的矢量格式,它是由XML传输,许多没必要的

Illustrator绘制SVG圣诞图标教程

给各位Illustrator软件的使用者们来详细的解析分享一下绘制SVG圣诞图标的教程. 教程分享: 一.认识SVG图标 首先,我们来说说SVG这个图片格式.SVG对WEB端非常友好,尤其是近些年显示屏的革新.适应无数手机屏幕尺寸不一的要求,矢量图发挥了自身的特性,那就是无论屏幕尺寸大小,它都显示得非常清楚,而像素级图片相形见绌. 对于WEB来说,"全屏"一直是个问题(因为没有任何人愿意通过手机端去等待一张重量级图片的加载),而SVG是经过简化的矢量格式,它是由XML传输,许多没必要的