论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Fireworks教程
Tag:切片,gif,动画,文字,图标,照片,网页,效果图,表情,按钮,工作,8.0,cs,视频教程

FWMX2004 之 Shapes 初体验(二)

文章类别:Fireworks | 发表日期:2008-9-20 19:31:32

大家好,欢迎大家回来继续和我一起早早体验FWMX2004之Shapes带给我们的全新体验!

在上一节,我们一起具体的研究了工具箱上的Shapes工具组的使用方法,操作技巧,本节我们就来看看Shapes浮动面板带给我们的新奇感受吧!

  首先我们再次来看看Shapes浮动面板都有哪些新东西:


  可以看到,Shapes面板里面目前共有9个外形组:Clock(钟表)、Cog(齿轮)、Cube(立方体)、Cylinder(圆柱体)、Frame(像框)、Perspective(透视图)、Tabs(制表符)、Talking(谈话框)、Tube(管子)。接下来我们依次来看看个个外形组的使用方法及技巧。

  提示:为什么我们对Shapes面板里面的9个外形对象使用的称呼是“外形组”,大家可以从Shapes面板中任意拖拽外形对象到编辑区,然后执行菜单命令“Modify--Ungroup(快捷键为Ctrl+Shift+G)”,解散群组关系,就会发现这些外形对象都是以群组方式形成的!所以这里我们称其为“外形组”。

  提示2:关于外形组的操作技巧,我们会在下面的介绍中马上介绍道,需要注重的是,所有的方法技巧都是在没有打散群组关系的前提下进行的!

  1、Clock(钟表)组

  将Clock外形组直接拖放在编辑区上,就会自动出现一个钟表图案,如下图所示。钟表的调整很有意思的,大家可以看到,用鼠标单击钟表后会出现四个调整控制点,下面我们就依次来看看各个调整控制点的作用所在:


  a、1号点:单击鼠标,会出现背景提示框:“Click to change tick marks(单击改变表盘标记)”,假如单击鼠标,就会改变表盘的时间刻度显示状态,总共有4种显示状态:不显示时间刻度;只显示以0点为起点的90度间隔的时间刻度,共4个刻度;显示以0点为起点的45度间隔的时间刻度,共12各个刻度,也就是12个小时的显示方式;显示60个刻度,也就是60秒的显示方式。大家可以根据自己的需要选择相应的显示方式。

b、2号点:选中该点,会出现背景提示框:“Hour(小时)”,用鼠标拖动该控制点,就可以调整钟表时针的停留位置了!几点了?通过调整该点就可以实现了。

  c、4号点:选中该点,会出现背景提示框:“Minute(分钟)”,用鼠标拖动该控制点,就可以调整分针的停留位置了。

  d、3号点:鼠标移动到该点上方就会出现背景提示框:“Click to set time(单击设置时间)”,单击该点,会弹出一个Javascript设置框,如下图所示:


  对话框给我们的提示已经很清楚了,直接在文本框内输入新的时间,然后单击OK按钮,看看钟表的时针、分针是不是按照你输入的时间来显示排列的啊?这个功能很有意思,MM公司现在在对产品的开放性的研发上可以说是煞费苦心啊!、通过图形来和JS挂钩,真是很棒的思路!佩服佩服!

  注重:数值的输入假如超出了正常的时间范围(两者超过 24:60 或者两者均小于0)钟表的显示就杂乱无章了,呵呵,估计没事儿爱整蛊的人可能会有这个嗜好~~

  时间设置框的出现应该是很有必要的,因为我们直接通过鼠标来调整2号、4号控制点,是无法精确来设置时间的,而设置框的出现恰恰弥补了这一点。

  遗憾的地方:钟表的外形颜色只能使用MM公司给我们的这种样子,假如我们想打散、改变其它的颜色或者Effect效果,再次组合群组就无法使用原来的调节控制点了,切记!

  但是,我们仍然有其它的方法将钟表的填充颜色,边缘效果等等重新调整,而且仍然可以使用自带的JS效果,如下图所示:


  如何实现的呢?想必大家都会想到了,是啊,使用工具箱右上角的Subselection Tool(超级选择工具),就可以实现对钟表的各个部分的单独调整了,在上图我把钟表的边缘颜色进行了改变,并且添加了阴影效果,对表盘部分的颜色也进行了更替,并且使用了FWMX2004新增的Add Noise(添加杂色)滤镜,呵呵,具体的调整大家自行测试吧!

2、Cog(齿轮)组

  原来我们为了实现一种齿轮效果,又要联合路径,又要对路径对象打孔,呵呵,总之是很麻烦,现在我们不需要这么麻烦了,因为我们有了Cog(齿轮)组工具,只需要用鼠标把它拖动到编辑区即可了,剩下的工作也是用鼠标来调整完成即可了!是不是很简单?好了,我们先看看齿轮组工具制作的效果图:


  各个控制点的含义比较简单,和我们上一节介绍的工具箱里的圆环工具,星形绘制工具,正多边形绘制工具的操作有异曲同工之处,这里我们就只做一个简要的介绍:1号点是用来调整齿轮的数目多少的,用鼠标向上拖动增加齿轮数目,向下拖动减少齿轮数目,最少的齿轮数是4个;2号点、3号点是用来调整齿轮的中心孔洞空间的大小,单击2号点就实现了闭合齿轮的效果,也即没有了中间的孔洞,调整3号点即可实现孔洞空间大小的调整;4号点是用来调整齿轮的高度,向齿轮的外部方向拖动是增加齿轮高度,向内部拖动是减小齿轮高度;5号点是用来调整齿轮的外形的,向外拖动是增大齿轮的长度,向内部拖动是减小齿轮的长度;6号点和5号点的功能其实是相当的,也可以说两个调整点的原理恰恰是相反的,拖动看看是不是这样;7号点和4号点的功能也是相反的,可以通过试验来感受一下。

  通过对各个点的调整,我们会发现,原来齿轮外形组通过一系列调整后,竟然会形成一个星形图形,如下图所示:


  仅仅使用了这么几个外形组,就已经让我们感受到了MM公司在这次新推出的Shapes外形组系列中的种种创新,真是让我等FW的忠实爱好者们兴奋不已啊!先别兴奋,接着看,还有什么让我们兴奋的地方吧!

3、Cube(立方体)组

  绘制一个立方体,说起来简单,看起来轻易,但是实际操作起来,也许就要费力些,因为你要照顾立方体的外形是否真实,颜色透视是否逼真,各边缘线段的长度是否合理,等等……但是现在我们要做的就非常非常简单了,只需要从Shapes面板中将立方体外形组拖到编辑区即可!就这么简单,然后通过拖动三个调整控制点,或者调整整个立方体的大小就可以对立方体的透视角度、外形等做出随意的变化调整了,具体的调整方法请自行试验,此处不再赘述。


  4、Cylinder(圆柱体)组

  上面对立方的调整方法的介绍同样适用于圆柱体外形对象的调整,也就不多讲了!


  本以为,圆柱体的两个截面的中心控制点可以向圆环的中心点一样可以做闭合、打开的转换,但是实际操作却发现不可以,这也就是为什么后面还有管子外形组的原因所在了吧!

  提示:立方体和圆柱体组的颜色调整均可以执行菜单命令“Modify--Ungroup(快捷键为Ctrl+Shift+G)”打散群组命令将各个组合对象打散,然后各个击破的调整颜色甚至可以使用各种效果等等。

  5、Frame(像框)组

  这个外形组的用处不言而喻,可以直接创建一个像框对象。但是早在fw4中就已经添加了此Commands菜单命令,菜单位置是“Commands--Creative--Add Picture Frame”。而且在FWMX中对添加像框命令做了进一步的强化配置,增添了更多的像框特效,在FWMX2004中依然保留了这些像框效果。

  在外形组中依然出现像框外形组工具,应该是MM公司对用户的一种体贴的设置吧!像框各项设置具体的调整比如颜色,填充效果,Effect效果等等,均可以直接通过属性面板来进行,操作起来比较简单,这里就不做赘述了!

6、Perspective(透视图)组

  应该说透视图外形工具的增加对FW的三维效果制作的增强是有很重要的意义的,给我们的感觉是FW的触角似乎也隐隐约约的开始向三D的方向触摸了。对于通过使用透视图工具所产生的图形效果,请看下图所示:


  关于透视图外形工具创建后的图形调整,我们可以依照上图的标示依次来看:

  a、1号点、2号点的调整是有相同之处的,分别单击1号点或者2号点就可以分别隐藏水平方向或者垂直方向的图形对象。假如分别按住1号调整点或者2号调整点进行拖动操作,就可以分别对水平方向或者垂直方向的线形组合对象进行疏密的调整,请试验!

  b、3号点:以下面要介绍到5号点(消失点)为轴,通过调整3号控制点即可对垂直方向的群组进行水平方向的位置调整。

  c、4号点:鼠标移过去会出现提示框:“Drag to adjust grid”,很明显,通过调整这个控制点,可以对整个透视图表格外形做一个总体的调整,可以调整大小、疏密、远近等等。

  d、5号点:通过调整该点,即可调整透视图形的消失点的位置,是远是近、是高是低,你自己看着办了!

  同样,透视图形可以直接用超级选择工具来进行图形的各处细微调整,也可以先将图形打散群组然后再进行进一步的修改操作。

  7、Tabs(制表符)组

  应该说Tabs外形组工具是最具有创造力的一个工具组了。因为只需要轻点鼠标,就可以实现表格的增加减少,的确是非常非常爽的事情,下面我们通过图例来具体看看制表符外形组的具体操作:

从Shapes面板中将Tabs外形工具拖动编辑区中,即可出现默认的三个水晶效果按钮,接下来的操作该怎样呢?别着急,我们还是根据上图的标示来看看有关的操作:

  a、1号点:单击该调整点就会减少一个水晶按钮,从鼠标移动到该控制点后出现的背景提示框:“Delete Tab(删除表格)”也可知,单击该控制点后产生的结果,减少表格的方法还有一个,那就是用超级选择工具选中你想要删除的表格,但是需要注重的是,一定要按顺序来进行表格的删除操作(从最右侧开始),假如你从中间删除任意一个表格,接下来的使用就有可能报错了!通过单击1号控制点,最少可以剩下一个表格单位,这是极限,假如一个都不想要,就直接删除得了!哈哈,这句话算是废话了,不要打我哈~~~:)不过相信有简单的方法,没有人会舍近求远的!

  b、2号点:和1号点恰恰相反,鼠标移动到该点会出现背景提示框:“Add Tab”,当然是单击该控制点就可以实现制表单位的增加,每次单击就可以增加一个表格单位,接下来的操作就是你灵活的挥舞自己的鼠标来增删你的表格了。

  c、3、4、5号点的作用是相同的,水平移动任意一个控制点就会出现“hue;xxx”等数值的提示,而且水晶按钮的外观颜色也会发生相应的变化,只需要移动鼠标就可以实现按钮的颜色的调整,感觉真的是很舒适,也真是希奇MM这些设计师们是怎样找到这些灵感的!

  不管你是解散群组也好,还是使用超级选择工具也好,我们都可以很轻松的研出这些漂亮的水晶按钮到底是如何做出来的,用超级选择工具选中任意一个水晶按钮,看看Properties(属性)面板的Effects(效果)选项,哈,一目了然了,很夸张啊,这样一个我们看起来还算复杂的效果,MM居然只用了这么几个Effects就实现了,真的很是值得我们好好研究一下啊!

  8、Talking(谈话框)组

  这个外形的出现也是有一定的必要性的,因为我们原来像实现这种谈话框的效果要么需要联合路径的操作,要么就需要路径钢笔的灵活运用,但是现在简单了,只需要点一下鼠标即可了!具体的谈话框外形的操作调整非常简单,这里就不再做介绍了。

  9、Tube(管子)组

  使用管子外形工具能做什么呢?水泥管道?电线杆子??呵呵,这需要大家的创意喽。管子外形组在编辑区进行绘制后会出现5个控制点(如下图所示),关于控制点的具体调整大家参照先前我们讲过的圆环,圆柱体外形的具体操作方法来进行管子外形的具体调整。


  感觉有点儿遗憾的是管子的前端部分的大小是无法调整的,除非通过对整体管子的外形的调整来实现了。对于后端部分的调整倒是很灵活,大家自行操练一下吧!

  好了,罗罗嗦嗦了这么长的时间,不知道大家是不是已经烦了,假如你能看到我的这些文字,相信你还没有很烦,呵呵~ :) 还等什么,赶紧打开你的FWMX2004,尽情享受她带给我们的无尽的快乐享受吧!

上一篇:样式在FW MX 2004中的应用 人气:1232
下一篇:Fireworks MX 2004中制作水晶立体五星 人气:1118
Fireworks视频教程

Fireworks视频教程
Windows视频教程
Windows操作
[文]
WORD教程
Word教程
[文]
Excel教程
Excel教程
[文]
PowerPoint教程
PowerPoint
[文]
Dreamweaver
Dreamweaver
[文]
FIREWORKS
Fireworks
[文]
FLASH教程
Flash教程
[文]
photoshop平面设计
PhotoShop
[文]
CorelDraw
CorelDraw
[文]
C语言教程
C语言教程
[文]
html
Html教程
[文]
DivCss布局
Div+Css布局
[文]
Javascript
Javascript
[文]
ACCESS数据库
ACCESS数据库
[文]
ASP教程
ASP教程
[文]
SQLServer数据库
SQLServer
[文]
ASP.NET教程
ASP.NET教程
[文]
FlashAS
FlashAS
[文]
视频教程列表
计算机基础入门及办公自动化: 网页制作开发视频教程: 平面广告设计视频教程 初级程序设计及ASP动态网站开发 Asp.net动态网站开发视频教程 Flash 动画角本编程视频教程
文章教程搜索
 
Fireworks推荐教程
Fireworks热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058