点燃灵感～！Fireworks CS4的新增绘图工具

froglt 楼主

欢迎转载，请注明出处，网页顽主论坛，www.go2here.net，作者：froglt

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

Fireworks CS4在绘图工具上的变化并不太多，如图1-1所示。


图1-1 Fireworks CS4的绘图工具

只是在矢量工具中新增了两个工具，【测量】 工具和【箭头线】 工具，由于我的测试软件的原因，在使用【测量】工具的时候总是会有错误提示，下面把这两个工具简单的介绍一下。

1.1 【测量】 工具的使用
【测量】工具是Fireworks CS4中用来测量对象实际尺寸的一个工具，在网页效果图设计中，我们经常需要测量某些对象的尺寸，或者是某些对象一部分的尺寸，在以前的版本中可以通过使用辅助线来测量，但是总是比较麻烦，现在则可以使用【测量】工具快速测量对象的尺寸，具体使用方法如下：

1、打开需要测量的图像素材，如图1-2所示，在这里需要测量图像中易拉罐的大致尺寸，需要注意的是这是一张位图，对于Fireworks以往的版本而言，在没有去掉图像背景并且把图像选取下来之前，测量其宽高是非常麻烦的。


图1-2 在Fireworks中打开图像素材

2、现在有了【测量】工具，一切都会变得非常简单，在矢量工具组中选择【测量】工具，在易拉罐的左上角的位置开始按住鼠标左键不动，向右下角的方向拖拽鼠标，一直拖拽到易拉罐的右下角来，如图1-3所示。


图1-3 使用【测量】工具

3、这样，所拖拽范围的尺寸就能够在【属性】面板的【宽度】和【高度】文本框中显示出来。

4、做一个简单的比方，当我们使用【指针】工具选择对象的时候是可以拖拽一个范围的，如图1-4所示。


图1-4 使用指针工具选择对象

5、而【测量】工具的作用等于就是显示了这个范围的宽度和高度。

【提示】使用【测量】工具，可以测量任意的范围，包括整体的宽高或者只是宽度和高度。

1.2 【箭头线】工具
可以说【箭头线】工具在以前的各个版本的Fireworks中都存在，什么？哪里有？你用过【命令】→【创意】→【添加箭头】命令吗？对了，就是它了，现在等于是把这个命令集成到了Fireworks的工具面板中，如图1-5所示。


图1-5 添加箭头命令

使用【箭头线】工具可以快速绘制各种箭头线条效果，即可以给线条的一侧添加，也可以加到两头上，甚至是不要箭头，如图1-6所示。


图1-6 绘制的各种箭头效果

【箭头线】工具作为Fireworks CS4的自动形状工具出现在矢量工具部分中，对箭头样式的调整，只需要单击线条两侧的黄色控制点即可。

1.3 【属性】面板的用户体验
学工具看属性，我想这句话地球人都知道，Fireworks CS4在【属性】面板的用户体验上也进行了改进，可以把任何的面板组合的【属性】面板中去，这其实和Flash CS3比较类似。

例如可以把最常用的【对齐】面板组合进来，这样以后就不用总是从【窗口】菜单去选择了，确实是方便了很多，如图1-7所示。


图1-7 把各种面板组合到属性面板中

1.4 智能辅助线工具
智能辅助线其实不算是什么新功能，在Flash8里就已经引入了这个功能，要说“新”只能是针对于Fireworks而言，不过确实还是很实用的功能。

在Fireworks CS4中拖拽或移动对象的时候，智能辅助线就能够自动在对象的边缘产生洋红色的虚线来帮助对齐，如图1-8所示。


图1-8 智能对齐工具

实用智能辅助线，对齐对象将会更加精确，可以在【视图】→【智能辅助线】菜单中进行相应的设置，如图1-9所示。


图1-9 智能辅助线的设置

1.5 文本工具的新属性
在使用【文本】工具向画布中输入文字后，【属性】面板中的文本属性多了一个新的设置，如图1-10所示。


图1-10 文本工具的新属性

至于这个属性的作用，目前还不是很清楚，能够知道的是它可以根据所选择的字体自动显示这个字体的粗细，包括：粗体、正常、中间。至于有什么用还得等正式版出来以后再说了。

1.6 无处不在的样式
Fireworks的样式对于提高创作效率的重要性大家都知道，可惜的是这次下载的试用版中并没有带任何的样式，不知道adobe在Fireworks CS4中能否增加一些新的样式呢？让人还是有些期待的，如图1-11所示。


图1-11 Fireworks CS4的【样式】面板

但是这并不影响我对Fireworks CS4的测试，导入了以前版本的样式，一样可用，如图1-12所示。


图1-12 导入样式

当在Fireworks CS4的画布中选择任何一个对象的时候，在【属性】面板的右侧，多了一个关于样式的对话框，如图1-13所示。


图1-13 【属性】面板中的样式对话框

电击向下的三角箭头，就可以选择【样式】面板中的所有样式，并且应用到图形之上，如图1-14所示。


图1-14 选择样式

在样式对话框的下方还有4个按钮，作用分别如下：

【新建样式】 ：可以把所选择对象上的效果保存为样式。

【重定样式】 ：可以把对当前样式的修改保存到这个样式中。

【取消链接】 ：去掉当前对象和所选择的样式之间的关联，这样再次保存成样式的话就可以保存成一个新的样式。

【删除样式】 ：删除所选择的样式。

可以说，样式表在Fireworks CS4中已经无处不在了，发挥样式的强大功能，可以提高工作效率、轻松分享作品。

关于样式的详细介绍，可以看我写的这篇帖子：http://bbs.blueidea.com/thread-2708672-1-1.html


Fireworks早期版本也可以使用这些工具，请看这里http://bbs.blueidea.com/thread-2894168-1-1.html

[ 本帖最后由 froglt 于 2008-11-1 21:25 编辑 ]

winzip

楼主有下载么？

moonjeep

面板组合个人认为还是放右边好，随着宽屏越来越普及，屏幕的宽度足够而高度显得捉襟见肘，再占用屏幕高度的话则令设计版面的可见区域愈发狭窄。
另外样式这玩意个人认为是个鸡肋，FW的样式如果应用在不同大小的物件上效果差很多。
曾经见过一套web2.0的FW样式，兴冲冲下载下来，画了几个网页按钮看看，很失望，还不如自己做效果了。

moonjeep

这里顺便提下箭头工具，个人觉得还是满实用的。
我作品集里就有一幅用到了这个工具，尤其在箭头使用量多的时候，更觉得方便。



http://case.blueidea.com/works/view/4444/

go168

谢谢分享,感激中...

unicac

我一直用FIREWORKS。。。。这个CS4啥时候有DOWNLOAD？？？？？？？

RockHward

晕，干嘛还没有嵌入ps的笔刷。
多了两个工具。。。。。

飞虫

如果。。。。  我没有理解错的话  
那个所谓的测量工具
嗯。。。
用QQ的截图好像就可以实现了

小狐子

原帖由 moonjeep 于 2008-4-30 21:42 发表
面板组合个人认为还是放右边好，随着宽屏越来越普及，屏幕的宽度足够而高度显得捉襟见肘，再占用屏幕高度的话则令设计版面的可见区域愈发狭窄。

勤用Tab

citywill

fireworks加强一下流程图功能就好了

yangyedesign

楼主好帅

makiyobaby

如果能支持PS笔刷 就更好了 还有液化

striker777

顶一下刘老师，关注cs4~
我是23号，hoho~

heeroyuyj

图1-10 文本工具的新属性

至于这个属性的作用，目前还不是很清楚，能够知道的是它可以根据所选择的字体自动显示这个字体的粗细，包括：粗体、正常、中间。至于有什么用还得等正式版出来以后再说了。

这个是针对某些字体必须靠这个调整效果的, PhotoShop 里就有该功能

曾经下载一种字体, 兴冲冲安装了, 发现 Fireworks 里只有一个字体, 其它的没得选, PhotoShop 中却可以详细调整

zq888

吓死我了好长时间没有关注美工方面的资讯没想到FW都到CS4了！的电脑上装的还是8那

pobear

越来越像ps的布局？

microblue

CS3都没好好用多久。。。。感觉Adobe就没再FW上下多大功夫。。。唉。