• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Fireworks > 用Fireworks制作IE图标的教程

用Fireworks制作IE图标的教程

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了用Fireworks制作IE图标的教程,其中包含fireworks图标,fireworks教程,fireworks视频教程,fireworks cs6教程,fireworks切图教程等知识点,遇到此问题的同学们可以参考下

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

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

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

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

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

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

300x200

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

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

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

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

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

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

300x200

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

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

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

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

300x200
PNG源文件:

310x200 </div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 教你用Fireworks如何设计优秀的APP图标
  • Fireworks 绘制 IE 浏览器图标教程
  • Fireworks绘制可爱的Q版电视机图标
  • Fireworks制作的一个水晶图标效果教程
  • 用Fireworks制作IE图标的教程
  • 如何用Fireworks制作一个RSS图标
  • fireworks打造精致图标教程
  • 用fireworks制作打印机图标实例
  • Fireworks 绘制矢量的邮件图标
  • Fireworks怎么画大脚图标?

相关文章

  • 2017-05-24Adobe Fireworks使用配置文件教程
  • 2017-05-24Fireworks教程:绘制超绚丽魔幻图案
  • 2017-05-24Fireworks 制作青花陶瓷按钮
  • 2017-05-24教你用Fireworks手绘超级女声厉娜
  • 2017-05-24fireworks魔术棒选取颜色看不到所选区域边界该怎么办?
  • 2017-05-24Fireworks怎么批量处理图片?Fireworks批处理的使用教程
  • 2017-05-24实例解析:Fireworks制作图片变换效果逐帧动画
  • 2017-05-24教你用Fireworks制作仿书法“道”字桌面
  • 2017-05-24Fireworks钢笔工具简单钩制破损边缘
  • 2017-05-24Fireworks动画基本类型介绍及制作讲解

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • fireworks如何快速调整人像照片色调
    • Fireworks动画教程:简单制作轮子滚动动画效果
    • Fireworks自由变形工具怎么使用呢?
    • fireworks打造精致图标教程
    • Fireworks设计制作红色老旧砖墙特效实例教程
    • Fireworks用陨石背景打造飞火流星动画特效实例教程
    • 教你如何使用Fireworks外发光特效消除图像边缘锯齿
    • Fireworks教程:制作滚动的足球动画
    • Fireworks 绘制 IE 浏览器图标教程
    • Fireworks教程:常用操作技巧总结

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有