动态网站制作指南 [  QQ表情  ]
[ 投票调查 ]
[ 企业邮箱 ]
[ 网站空间 ]
网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 图形图象 > Fireworks教程
图形图象:Photoshop,Fireworks,CorelDraw,Flash,3Dmax,AutoCad,Maya,Director,Authorware,Illustrator,相关软件
文章搜索服务
邮件订阅
输入你的邮件地址,
你将不会错过任何关于:
[ Fireworks教程 ]的信息

本月文章推荐
.制作一款打字效果的LOGO.
.Macromedia Fireworks MX的新特性.
.Fireworks制作透明按钮一例.
.Fireworks常见问题解答(1).
.使用Fireworks 8制作网页效果图.
.Fireworks常见问题解答(7).
.Fireworks超酷质感按钮制作.
.Fireworks 鲜橙的制作方法.
.Loading动画的制作<2>.
.无缝背景图制作之一.
.用fireworks4做像素人的运动.
.Fireworks中螺旋运动字的制作.
.Fireworks不抠图实现标识反白特效.
.logo系列玻璃效果.
.用FW制作仿真软盘效果.
.Fireworks 绘制国画牡丹.
.圆形文字的环绕制作<1>.
.卫星转动效果.
.接触效果按钮的制作.
.体验Adobe Fireworks CS3新特性.

Fireworks MX2004中一款图标的制作方法

发表日期:2005-7-2 |


打开FWMX2004安装完毕后所在的文件夹,我们会找到一个名称为Samples的文件夹,其中有很多MM公司给我们的一些PNG格式的图片文件,打开名称为Shapes的文件,呵呵,是不是有几个漂亮的图形呈现在我们面前了?分别选中这些图形对象,我们就可以轻松的发现这些漂亮图形的制作奥秘了,我们相关的水晶五星制作的教程想必大家已经看过了,应该说五星效果的制作比较简单,但是下面这款图标制作起来就不那么轻松了,为什这么讲,让我们先来“复习”一下很基础知识吧。

一、准备阶段:

  如果你是一个FW的忠实用户的话,想必你还记得在FW3、4版本里面的Object(对象)面板么,如下图所示。在随后的FWMX以及最新的FWMX2004版本中,Object面板的大部分功能被Properties(属性)面板所替代了,而且使用起来更方便了。但是如下图所示的Path对象的Object面板内容在FWMX和FWMX 2004中却都没有体现,老用户都知道,下面的面板是用来设置路径对象和描边的位置关系的,默认情况下,路径在描边对象的居中位置,左侧按纽是表明路径对象在描边对象的内部,右侧按纽是表明路径对象在描边对象的外部。


  既然FWMX2004里面没有这个面板了,我们就自立更生吧,风筝自己制作一个相关的路径对象插件,请大家下载,解压缩后,直接运行MXP文件即可完成安装,打开FWMX2004后,在Windows菜单下就会发现Object(Path)的窗口名称,单击即可打开这个浮动面板了,如下图所示:


  根据以往的操作经验我们可以知道,该面板是需要和Subselection Tool(超级选择工具)来配合使用的,下面我们就来一起看看插件的具体操作方法。

  在默认情况下,路径对象是位于描边对象的中央位置的,在这种情况下,请看下图路径对象和描边对象的位置关系:

如果我们选择左侧的按纽,这种情况下,描边对象就位于路径对象的内部了,如下所示位置效果图:


  如果选择右侧按纽的话,描边对象就位于路径对象的外部了,请看下图:


  好了,关于插件的使用情况我们就说这么多,下面我们就来看看例图的制作过程吧,如果我们想要产生和例图相同的效果,就必须要使用到这个插件了,所以没有插件的朋友就麻烦你打开FW3吧,呵呵。插件下载

  二、制作阶段:

  1、选取工具箱的星形绘制工具,在编辑区绘制一个五角星形,填充效果为单色,颜色为“#666666”,描边宽度为6,颜色为白色,边缘效果为Soft Rounded,如下图所示:


  接下来,我们要对星形对象进行进一步的变形调整,关于Shapes形状对象的调整方法,我们在前面的教程中已经有了详细的介绍,这里我们就要尽量简洁的来对变形过程做介绍了,如果你有什么问题的话,可以翻看我们前面的相关教程。

  2、选中左下方的Points调整点,向下拖动鼠标,减少星形对象的角数,这里我们将角数变为4。

3、选取工具箱的超级选择工具,选中四角星形对象,在放大状态下,我们可以清楚的看到路径对象处于描边对象的中央位置,也就是默认的状态。请看下图:


  4、在超级选择工具选中星形对象的前提下,打开Object(Path)面板,选中最左侧的按纽,以将描边对象置于路径对象的内部,请看下图设置,


  5、经过设置后的星形对象的描边和路径的位置关系如下图所示:

6、接下来我们要对星形对象进行变形处理,来获得图标形状。

  a、选中最上端的调整点,向下方拖动,


  b、选中上部的第二个调整点,向内部拖动,来调整内角的圆滑度,


  c、选中最右侧的调整点,向中心方向拖动,增加顶角的圆滑度,


  d、选中右下方的调整点,向内部方向拖动,请看下图:


  e、将调整结束后的图形对象整体缩放,放大后效果如下图所示:

7、可能有的朋友对于我们上面非得使用插件还是不能理解,下面我们就来分别看看使用前和使用后的不同点儿。现在我们暂且将上图图标对象的描边取消。

  a、 下图即为使用插件后的效果图,我们可以看到即使此刻已经没有描边了,但是在图形对象的边缘我们仍然可以发现有一圈淡淡的描边线,当然这根本不是所谓的描边了;


  b、如果我们不使用插件的话,取消描边后的图形效果如下图所示,边缘非常干净,什么也没有了。


  区别很明显,不再多讲,我们还是继续下面的操作吧!

  8、恢复图形对象的描边设置。选中此刻的图形对象,执行Effect效果的Shadow and Glow -->Inner Shadow效果命令,Distance的数值大小根据图形的描边宽度来进行设定,大约是描边宽度的二倍,而Softness的数值则更要大一些,角度设置为270度,具体设置请参看下图:


  9、继续执行Effect效果的Shadow and Glow -->Inner Shadow效果命令,颜色采用“#666666”,角度为450度,其他相关设定请参看下图:


  10、还是执行Effect效果的Shadow and Glow -->Inner Shadow效果命令,颜色采用“#666666”,角度为360度或者0度均可,其他数值设定参看下图:

11、再次执行Effect效果的Shadow and Glow -->Inner Shadow效果命令,颜色采用“#666666”,角度为180度,其他数值设定请看下图:


  12、接下来执行Effect效果的Shadow and Glow -->Inner Glow效果命令,颜色采用黑色,其他相关设置请看下图:


  到目前为止,图形标志的主体工程已经完工了,请看下图所示范效果:


  13、接下来的操作就是来对图标对象的颜色、光感等方面进行调整了。

  执行Effect -->Adjust Color -->Hue/Saturation效果命令,具体设置请看下图,记得一定要勾选Colorize选项。


  14、马不停蹄,接着执行Effect -->Adjust Color -->Curves效果命令,具体的设置就要自由多了,你如果想尽快看到自己的作品的话,请参照下图的调节形状、位置进行设置:

15、一切设置都OK了,看看我们辛苦了半天的劳动成果吧:


  应该说最终效果和MM的例子八九不离十啊!呵呵,是不是很有成就感?!

  别急,再次使用一下俺辛苦制作的插件面板吧,选取超级选择工具,选中图形对象,然后分别看看路径对象居中、居内产生的效果如何吧。

     


 

  居中〈-- | --〉居内   



  后记:这次可以算是完成MM公司给我们留的一道“作业题”吧,最初看到例图的标志时,以为很简单就能做出来,实战才发现怎么着都无法实现例图的局部效果,经过了反复的实验才终于发现“奥秘”所在---居然是路径对象和描边对象在搞鬼,还好,我们看透了这一点,呵呵,当然就能圆满的交作业喽!

上一篇:一款动画Logo制作方法 人气:10116
下一篇:Fireworks MX 2004中制作水晶立体五星 人气:9089
浏览全部Fireworks的内容 Dreamweaver插件下载 常用网页广告代码全集
  最新网站源码 最新软件下载
2008-10-7 Web Wiz Forums(论坛系统) v9.53
2008-10-7 Web Wiz Forums(论坛系统) v9.53
2008-10-7 Web Wiz Forums(论坛系统) v9.53
2008-10-7 HDWiki v4.0.1 bulid 081007 UTF
2008-10-7 迅易评选投票管理系统 v10.0
2008-10-7 HDWiki v4.0.1 bulid 081007 GBK
2008-10-7 Bitrac单用户博客 v1.14 bulid 0
2008-10-7 OpenX(广告管理系统) v2.6.2 多国
2008-10-7 乐铺网店系统免费普及版 v3.41
2008-9-29 酷狗音乐(原KuGoo)2008 v5.310 正
2008-9-29 QQTab 1.1
2008-9-29 网络传送带 Net Transport 2.64a
2008-9-29 谷歌金山词霸v1.8
2008-9-29 TweakVI 1.0 Build 1090
2008-9-29 ACDSee Pro 2.5 Build 333 汉化绿
2008-9-29 Winamp v5.541(2189) 周明波简体
2008-9-27 CCleaner 2.12.651
2008-9-27 Mozilla Thunderbird 2.0.0.17 英
  发表评论
姓 名: 验证码:
内 容:
站长工具:网站收录查询 | Google PR查询 | ALEXA排名查询 | CSS在线编辑器 | 广告代码 | js/vbs加密 | md5加密 | 进制转换 | UTF-8 转换工具 | Html转换js | Html转换asp | Html转换php | Html转换perl
实用工具:汉字翻译拼音 | 拼音字典 | 符号对照表 | 个税计算 | 实时汇率查询换算 | 经典小工具 | 汉字简繁转换 | 普通单位换算 | 公制单位换算 | 生辰老黄历 | 国内电话区号 | 国家代码与域名缩写 | 文字加密解密 | 健康查询 | 万年历 | 汉字横竖排版 | 手机号码查询 | 计算器 | ip搜索
业务联系 | 广告刊登 | 频道合作 | 投稿荐稿 | 联系方式 | 加入收藏 | RSS订阅
Copyright © 2000-2008 www.knowsky.com All rights reserved | 网络实名:动态网站制作指南 | 沪ICP备05001343号
ホームページ制作 不動産検索システム 求人情報
防水工事·改修工事 フットサル大会 探偵
SEO対策 中国語教室 ホームページ作成