中国IT动力,最新最全的IT技术教程
最新100篇 | 推荐100篇 | 专题100篇 | 排行榜 | 搜索 | 在线API文档 | 网通镜像
首 页 | 程序开发 | 操作系统 | 软件应用 | 图形图象 | 网络应用 | 精文荟萃 | 教育认证 | 硬件维护 | 未整理篇 | 站长教程
ASP JS PHP工程 ASP.NET 网站建设 UML J2EESUN .NET VC VB VFP 网络维护 数据库 DB2 SQL2000 Oracle Mysql
服务器 Win2000 Office C DreamWeaver FireWorks Flash PhotoShop 上网宝典 CorelDraw 协议大全 网络安全 微软认证
硬件维护  CPU  主板  硬盘  内存  显卡  显示器  键盘鼠标  声卡音箱  打印机  机箱电源  BIOS  网卡  C#  Java  Delphi  vs.net2005
  当前位置:> 图形图象 > 网页设计 > FireWorks
超酷图标教你做
作者:未知 时间:2004-12-17 12:12 出处:太平洋电脑网 责编:chinaitpower
              摘要:超酷图标教你做
  前不久在网站上看到这么一个图标(如下图),一时间觉得这个炸弹造型酷酷的,立体感很强,非常可爱,现在我们利用FireworksMX也学着做了一个,下面就来简单地介绍一下制作过程。#####2-center#####

  


  操作步骤:

  1. 打开Fireworks MX,按下Ctrl+N,新建一个文档,保持默认的宽度,高度,分辨率不变。

  2.在工具栏中选择圆形工具#####3-#####,按住shift键,在场景中央绘制一个直径为139的圆,将边缘屏蔽掉如下图所示。#####4-center#####

  3.利用圆形工具,在场景中绘制一个宽为99,高为72的椭圆,将填充色属性改为线形,渐变属性如下图所示。#####5-center#####

  利用选择工具,选择椭圆,改变填充方向,最终如图所示,改变不透明度为70,混合模式为屏幕。#####6-center#####

  1

  前不久在网站上看到这么一个图标(如下图),一时间觉得这个炸弹造型酷酷的,立体感很强,非常可爱,现在我们利用FireworksMX也学着做了一个,下面就来简单地介绍一下制作过程。
  操作步骤:

  1. 打开Fireworks MX,按下Ctrl+N,新建一个文档,保持默认的宽度,高度,分辨率不变。

  2. 在工具栏中选择圆形工具
  ,按住shift键,在场景中央绘制一个直径为139的圆,将边缘屏蔽掉如下图所示。
  3. 利用圆形工具,在场景中绘制一个宽为99,高为72的椭圆,将填充色属性改为线形,渐变属性如下图所示。
  利用选择工具,选择椭圆,改变填充方向,最终如图所示,改变不透明度为70,混合模式为屏幕。
1

  #####2-center#####

  4.再次利用圆形工具,在场景中绘制一个宽为107,高为71的椭圆,填充色渐变属性和方向如下图所示,不透明度为100,混合模式为屏幕。#####3-center#####

  #####4-center#####

  5. 绘制一个宽为79,高为54的椭圆,填充属性为实心,颜色为黑色。

  6. 绘制一个直径为52,填充属性为实心,颜色为黑色的正圆。

  7. 绘制一个宽为43,高为67的椭圆,颜色为黄色#FFFF00。

  8. 绘制一个直径为42,颜色为黄色#FFFF00的正圆。

  9. 绘制一个宽为20,高为36,颜色为黑色的椭圆。

  10. 绘制一个宽为12,高为24,颜色为黑色的椭圆。

  11. 绘制一个直径为12的正圆,颜色为白色。

  注意在绘制这些图形的时候最好不要把顺序颠倒,以免带来一些不必要的麻烦。

  12. 将第5,6步绘制的两个黑色圆圈拼接在一起,

  并调整在场景中的位置如图示 。#####5-center#####

  2
  4.再次利用圆形工具,在场景中绘制一个宽为107,高为71的椭圆,填充色渐变属性和方向如下图所示,不透明度为100,混合模式为屏幕。
  5. 绘制一个宽为79,高为54的椭圆,填充属性为实心,颜色为黑色。

  6. 绘制一个直径为52,填充属性为实心,颜色为黑色的正圆。

  7. 绘制一个宽为43,高为67的椭圆,颜色为黄色#FFFF00。

  8. 绘制一个直径为42,颜色为黄色#FFFF00的正圆。

  9. 绘制一个宽为20,高为36,颜色为黑色的椭圆。

  10. 绘制一个宽为12,高为24,颜色为黑色的椭圆。

  11. 绘制一个直径为12的正圆,颜色为白色。

  注意在绘制这些图形的时候最好不要把顺序颠倒,以免带来一些不必要的麻烦。

  12. 将第5,6步绘制的两个黑色圆圈拼接在一起,

  并调整在场景中的位置如图示 。
2

  13. 调整第7,8,9,10,11步所绘制图形间的相对位置,并调整其在场景中的位置,最终如图示。#####2-center#####

  14.在工具栏中选择圆角矩形工具#####3-#####,在场景中绘制一个宽为32,高为40的圆角矩形,将矩形圆度调整为50,将填充属性改为线形,将渐变色调整如图示#####4-#####

  其中第三个颜色为#CCCCCC,其它三个均为黑色,最终得到的图形如图示

  15. 利用圆形工具在场景中绘制一个宽为32,高为14的椭圆,填充色为#CCCCCC,边缘填充为黑色。

  16.利用工具栏中的直线工具绘制一条高为35的直线,为填充色改为#999933,粗细大小为8#####5-center#####

  17. 利用工具栏中的自由变形工具选择刚才绘制的直线,将其变形成如图示的形状。

  18. 选择前面三步绘制的图形拼接在一起,旋转大概45度左右,最终如图示#####6-center#####

  3
  13. 调整第7,8,9,10,11步所绘制图形间的相对位置,并调整其在场景中的位置,最终如图示 。
  14. 在工具栏中选择圆角矩形工具
  ,在场景中绘制一个宽为32,高为40 的圆角矩形,将矩形圆度调整为50,将填充属性改为线形,将渐变色调整如图示
  其中第三个颜色为#CCCCCC,其它三个均为黑色,最终得到的图形如图示

  15. 利用圆形工具在场景中绘制一个宽为32,高为14的椭圆,填充色为#CCCCCC,边缘填充为黑色。

  16. 利用工具栏中的直线工具绘制一条高为35的直线,为填充色改为#999933,粗细大小为8
  17. 利用工具栏中的自由变形工具选择刚才绘制的直线,将其变形成如图示的形状。

  18. 选择前面三步绘制的图形拼接在一起,旋转大概45度左右,最终如图示
3

  19.绘制一个宽为84,高为32的椭圆,将颜色改为#666666,不透明值为80,将其拖至最后一层#####2-center#####

  20. 绘制一个宽为156,高为36,颜色为#CCCCCC的椭圆,将其拖至最后一层。

  21.选择第18步的三个图形复制一次,并将其填充颜色全部改为#CCCCCC,经过变形操作以后得到引线和导管的影子,将其也拖到最后一层。

  22.调整好前面三步得到的图形的位置,按下Ctrl+Shift+X,弹出预览对话框,将其格式改为JPEG,品质为100,然后导出,最终得到这样一个可爱的炸弹图标#####3-center#####

  4
  19. 绘制一个宽为84,高为32的椭圆,将颜色改为#666666,不透明值为80,将其拖至最后一层
  20. 绘制一个宽为156,高为36,颜色为#CCCCCC的椭圆,将其拖至最后一层。

  21.选择第18步的三个图形复制一次,并将其填充颜色全部改为#CCCCCC,经过变形操作以后得到引线和导管的影子,将其也拖到最后一层。

  22.调整好前面三步得到的图形的位置,按下Ctrl+Shift+X,弹出预览对话框,将其格式改为JPEG,品质为100,然后导出,最终得到这样一个可爱的炸弹图标
4

关闭本页
 
首页 | 投资与合作 | 服务条款 | 隐私政策 | 收藏本站 | 设为首页 | 新用户注册 | 免责声明 | 使用帮助
Copyright ©2005-2008 chinaitpower.com All rights reserved. www.chinaitpower.com 版权所有