转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
Fireworks 8 寻梦之旅(6):实战操作         ★★★★

Fireworks 8 寻梦之旅(6):实战操作

作者:闵涛 文章来源:闵涛的学习笔记 点击数:590 更新时间:2009/4/23 13:34:04

  上一节:Fireworks 8 寻梦之旅(5):菜单新变化

  第三部分:实战操作部分

  前面林林总总的说了不少Fireworks8的部分新功能,新本事了,不过即使在多的新功能,如果不能对工作产生什么好的有益的影响的话,相信大家都不会买它的帐的。本节我们还是会通过实例的形式在实战中继续感受Fireworks8带来的一些功能的新改进、而且这些新改进对于实战应该说是非常有帮助的,具体都有哪些呢,先来总结一下,看看哪些对于我们的切身工作会产生实际的帮助呢?

  在本章中会主要介绍以下几个方面的操作要点:

  1、新增形状“保存时间戳”的使用;
  2、新增部分材质的实际应用;
  3、对路径可进行再次编辑的附加到路径的文本对象;
  4、纯色阴影滤镜命令的使用介绍;
  5、增强混合图层模式的讲解;
  6、CSS格式弹出菜单制作导出。

  相信通过这6个方面操作知识的讲解,大家对于Fireworks8的实战功能是否增强,是否会使我们的工作效率有所提高定会有一个清楚地初步体验的。

  一、新增形状“保存时间戳”的使用

  1、打开“自动形状”面板,选中“保存时间戳”对象,将其拖放到编辑区。

  2、编辑区上会自动出现一个保存的时间提示框,时间显示即为本地机器的时间指示。

  3、使用工具箱的“部分选定”工具在插入的时间提示框上单击,可以发现插入的时间戳对象其实是两个文本框的组合。

  4、 既然知道是文本对象了,再对其进行编辑,就比较容易了,通过属性检查器,将其搞定即可。

  5、插入的时间戳对象其实在插入自动形状操作命令结束后就已经失去了自动形状对象的功能了,它仅仅就是以一个组合对象的形式存在了,也可以按“Ctrl+G”组合键取消其群组,然后对其进行文本对象的具体操作。

  [小结]:“保存时间戳”这个自动形状对象的使用应该说是非常简单的,实用性应该说是比较一般,这个东西对于那些习惯对自己创作的东西用时间来标记分类保存的用户来说,应该说是方便了许多,省得去敲这些时间的文字了,呵呵。

  二、新增部分材质的实际应用

  仔细比较一下Fireworks8里面的填充材质以及图案与先前版本Fireworks的区别,发现其实在Fireworks8里面并没有增加过多的材质及图案,仅仅在填充、描边的材质里面增添了一个点的材质组,如下图所示:

  而图案方面,则是仅仅新增了一组金属图案的预设,如下:

  有关“点”的材质的具体使用会在后面“纯色阴影”滤镜讲解的时候使用到,这里就不做示范了,本节主要通过立体齿轮实例的制作,来具体看看金属图案组的实用。

  实例1 立体金属齿轮的制作

  照例,先来看看制作完毕的简单的效果图。

  源文件下载(204KB, Winzip压缩)

  1、打开Fireworks,新建文件,文件大小、背景色随意。

  2、打开“自动形状”面板,选中其中的“齿轮”自动形状对象,将其拖放到编辑区添加齿轮对象。

  3、选择属性检查器上滤镜菜单“阴影和光晕|纯色阴影”命令,在弹出的“纯色阴影”对话框中,可以根据个人习惯进行具体设置,本例主要是将距离的数值设置的稍小了一些,具体设置如下图所示。

  [提示:]有关“纯色阴影”滤镜的使用方法,我们会在后面有专门的一节做具体的讲解,请关注。

  4、经过对齿轮对象使用“纯色阴影”滤镜,可以快速的制作出初步的立体齿轮效果了,如下图所示。

  5、现在,对齿轮的填充方式做一个调整,力争体现出金属的效果来。在属性检查器上,将齿轮对象的填充类别设为“图案”,并选择其中的“金属—涡轮”图案效果,编辑区的齿轮对象会出现如下图所示效果。

  6、经过上步的设置,可以发现,仅仅通过使用一个图案的设置,就可以初步出现齿轮的金属效果了。如果对于目前的金属表面不太满意的话,可以通过调整其填充手柄,对其填充的显示效果做一个再次的调整,如下图所示,本例是将圆形调节手柄拖放到齿轮右侧的位置处。

  7、如果对于目前的金属效果还不够满意,可以通过再次调整填充的调节手柄来做进一步的设置,比如缩放矩形的调节手柄及改变其方向来对填充图案的内容做一个改变,如下图所示。

  8、经过反复的调整,找到最满意的效果,即可结束本例的制作了。

  [小结]:无论对于初步接触Fireworks8的用户也好,还是对于已经能够熟练操作Fireworks8的用户来说,这几个新增的图案、材质在实际应用中还是会帮上很大的忙的,只要你记得在合适的时候,合理的使用它们就足够了。

  三、对路径可进行再次编辑的附加到路径的文本对象

  通过前面的学习,我们已经了解到了在Fireworks8版本里面引进的“动态选取框”的使用方法,并且在实例中也的确感到了这个新增功能的便利所在,对于位图编辑来说,动态选取框功能的引入应该说一个所见即所得调整的有效展示,这也符合了Fireworks的一贯的风格。而对文本对象的编辑来说,一旦附加到路径上后,想再次调整路径形状的话,就需要先对附加到路径上的文本对象执行“从路径分离”命令,然后再进行路径的调整,然后再将文本对象附加到路径对象上去,应该说是相当麻烦的。在Fireworks8里面将这个问题变得的简单化了,那就是即使文本对象已经附加到了路径对象上,我们仍然可以通过使用部分选定工具对其路径节点做随时的调整,或者使用钢笔工具随时添加新的路径节点并对路径对象做细微调整,这个即时调整功能的加入真的是方便了好多,下面就来看看具体的操作方法。

  1、在编辑区绘制任意的路径对象,然后在编辑区输入文本对象。同时选定路径对象和文本对象,选择菜单“文本|附加到路径”命令,本例简单的制作了如下图所示的附加到路径的效果。

  2、选取工具箱的部分选定工具,单击文本对象附加所在的路径对象上的任意一个路径节点,从而出现路径节点控制手柄,直接对手柄进行调整,改变路径对象的形状。

  3、调整完毕后,观察编辑区的文本对象,会马上发生相应的变化。

  如果需要增加新的路径节点,可以使用钢笔工具在路径对象直接添加,然后再做进一步的形状调整即可。

  [小结]:一句话,好功能,好方便!

  四、纯色阴影滤镜命令全接触

  在前面对于Fireworks8新功能的讲解中,在有些实例槽中重已经多次使用到了这个“纯色阴影”滤镜命令,本节中就针对该滤镜对象对其使用方法及其技巧做一个详细的讲解。

  首先先来看看调用方法:选定编辑区的对象后,选择属性检查器上滤镜菜单中的“阴影和光晕|纯色阴影”命令,即可对编辑对象执行“纯色阴影”滤镜操作了。

  其次来看看该滤镜的一些参数设置对象,对编辑区的任意一个对象,执行上面提示的菜单命令操作后,会出现一个“纯色阴影”的对话框,里面主要包含了三项内容的设置:一是对阴影角度的设置,直接输入数值,或者通过调节滑竿均可对其数值大小进行调整;二是对阴影的远端距离对象本身的距离大小,数值的调整同角度的调整一样有两种方法;三是对阴影的颜色是否进行设置的控制,在未选定“纯色”前面的复选框的情况下,纯色阴影会自动显示为和添加纯色阴影的对象的边缘颜色、材质相同的颜色效果,如果选定“纯色”前面的复选框,即可通过单击位于该复选框右侧的填充颜色井来进行颜色选取、设置了。下面我们通过具体的几个效果来看看该滤镜的应用效果。

  为了便于理解,针对矢量路径对象和位图对象,我们将分别通过不同的试验来对纯色阴影的使用做一个深入剖析。

  (一)面向矢量路径对象:我们主要分为两块来对纯色阴影滤镜的使用来做一个介绍,一块儿为在“纯色阴影”对话框中不选择“纯色”前面的复选框的情况,另一块儿则为选中该复选框的情况。

  为了便于比较效果,我们统一拿“齿轮”自动形状作为添加纯色阴影滤镜的基本对象,并且将“纯色阴影”的对话框中的角度及其距离均设为“30”大小,如下图所示,以保证其统一性。

  





[办公软件]用Ctrl+Shift+8快速选择Excel连续的块状数据  [聊天工具]Windows Live Messenger 8 Beta1高清图赏__天极Ye…
[聊天工具]MSN Messenger 8 Beta简单试用报告__天极Yesky  [聊天工具]Windows Live Messenger 8 截图欣赏__天极Yesky
[聊天工具]MSN Messenger8 超酷头像任你选__天极Yesky  [常用软件]painter 8 菜单中英文对照
[VB.NET程序]VB.NET实现DirectSound9 (8) 音效控制器  [VB.NET程序]VB程序员眼中的C# 8
[Delphi程序]2003-11-03  Borland 发布 Delphi 8 for .NET  [Delphi程序]Delphi 8 for .net 第一时间 之 分析篇
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台