体验Fireworks MX 2004绘图新功能



  前段时间我们一起了解了《Studio MX 2004新功能》,今天我们一起来细细品味Fireworks MX 2004的新鲜功能,并试用这些新功能制作各种精彩的实例效果。

  下面的大图是Fireworks MX 2004新版本的主界面(图片较大,读者可以拖动滚动条观看全图),图中用红圈标出了Fireworks MX 2004为我们带来的新的设计、特效工具。

文章导读

轻松移除红眼
丰富的形状图库
轻松画箭头
快速渐变色填充
模糊滤镜
更多造型工具
各式各样的虚线笔刷
杂色滤镜
颜色替换
自定义反锯齿效果


  Fireworks MX 2004为我们带来的新工具有消除红眼、替换色彩、多样式绘图工具、箭头命令、Shape图形工具等等,特效包括增强的模糊效果、添加杂色、多填充样式效果、系统反锯齿和自定义反锯齿等等。我们将在新体验的旅程中亲身感受这些新功能,下面我们就出发吧!

  一、移除红眼

  移除红眼功能是2004版本中新增的一个功能,主要是为了使Fireworks能处理时下流行的数码相片的工作。下面我们来处理一张有红眼的数码相片。

  首先在Fireworks MX 2004中导入一张相片图片,这张相片中的猴子眼睛在拍照的时候形成了红眼。如图1-1。

  下面我们使用放大工具将猴子的眼睛部分的显示比例放大,好让我们看得清楚再进行处理。在工具栏中选择放大工具,如图1-2。

 
图1-1       图1-2

  然后在猴子的眼睛周围使用放大工具,这样我们就可以更清楚地看到猴子脸部的红眼。如图1-3


图1-3

  在工具箱中的图章工具下拉菜单中找到消除红眼工具,如图1-4。


图1-4

  下面在属性面板中设定红眼工具的形状、大小、压力等等参数,这里我们选择圆形,工具大小(Size)为12,容差(Tolerance)为32,压力(Strength)为25。如图1-5


图1-5

  然后在图片上猴子的红眼位置点击鼠标,消除红眼,最后的效果如图1-6,一只可爱有趣的小猴子。


图1-6

  二、巧用形状图库制作小时钟动画

  在Fireworks MX 2004中,新增了形状图库,在样式面板中我们可以看到这些新增的图形,如图2-1。


图2-1

  下面我们利用其中的时钟图形制作一个动态的小时钟,如图2-2。


图2-2

  首先将时钟图形添加在编辑区内,然后看到时钟上有各个节点,鼠标点击时针中间的节点位置,将弹出一个JavaScript设置窗口,如图2-3,在窗口中输入相应的时间,时钟图形上的指针会根据设定的时间排列好位置,表示出设定的时间。


图2-3

  根据这个原理,在第一帧位置设定时间为13:00,我们可以依次增加5帧,然后每隔10分钟设定一次指针位置,再设定帧的时间间隔为30/100秒。如图2-4,最后播放一下动画看看。


图2-4

  三、轻松画箭头

  很多图形工具都有自动生成箭头图形的功能,但是Fireworks一直都没有这个功能,2004版本终于有了它,让我们绘画箭头图形轻松上手。

  首先我们画一个简单的单箭头图形。在工具箱中选择钢笔工具,在编辑区绘制一条直线。在Commander菜单下,选择Creative中的Add Arrowheads。如图3-1


图3-1

  下面弹出箭头设置对话框,我们可以看到对话框主体分为左右两部分,表示两个方向,我们可以选定直线需要添加箭头的那个方向,勾选Add to End。如图3-2


图3-2

  在箭头预览窗口下方有一个“1/17”的选项,表示箭头的有17个基本形状,我们可以自选。如图3-3


图3-3

  下面我们为直线添加了一个箭头图形,使用移动工具,可以将箭头和直线分离开来,再进行编辑,如图3-4。


图3-4

  根据这个设计原理,我们可以绘制出各种风格的箭头效果。如图3-5


图3-5

  四、立体环绕球体

  我们做一个立体的环绕球体效果,顺便享受一下2004版本带来的快速填充图像渐变色的新功能。如图4-1。


图4-1

  首先使用圆形工具画一个圆形,锁定当前层。然后新建一层,画一个椭圆,复制这个椭圆,在Modify菜单下选择数字变形命令(Numeric Transform),变形数字为80%,即这个椭圆比原始的大小缩小80%的尺寸。如图4-2


图4-2

  将两个椭圆选中,在Modify菜单选择打孔命令(Punch),两个椭圆通过打孔合并在一起形成一个椭圆环,如图4-3。


图4-3

  下面再画一个椭圆,不过位置有些特别,遮盖住椭圆环的一半,如图4-4,并且调节一下这个椭圆的节点使其沿着底图圆形的边缘,将它们选中并打孔。


图4-4

  图形的基本形状出来了,我们给它们填充渐变颜色。选中底图的圆形,在属性面板中找到渐变填充色,渐变方式为圆形,如图4-5。选定两个色调,添加在圆形上。


图4-5

  同理给圆环也增加渐变效果,渐变方式为斜线,两个图形颜色深浅的方向要相同。最后添加阴影效果,得到图4-1的最终图形。

  

  五、光芒四射

  Fireworks MX2004在滤镜特效中增强了模糊功能,除了以前的模糊和高斯模糊特效之外,还增加了动感模糊(Motion Blur)、径向模糊(径向模糊滤镜)、放大模糊(Zoom Blur)三个效果。下面我们使用这几个新特性,制作一个光芒四射的效果。

  首先将文件的背景颜色设定为黑色,然后输入几个文字,我们写上“Yesky”几个字。下面使用放大模糊滤镜处理文字,将数值和质量都设定为100。如图5-1


图5-1

  最后我们在文字光芒前再加上文字,给文字添加内阴影(Inner Glow)效果就得到不错的文字光芒效果。如图5-2


图5-2

  六、快速造型

  Fireworks MX 2004再也不是只有矩形、圆形、多边形这几种单调的图形工具了,它为了准备了不同形状的绘图工具,让我们轻松获得矢量图形。下面我们这些工具快速画一幅夜空景色,空中有闪亮的星星和美丽的月亮。

  首先将背景填充为黑色,然后使用工具箱中的星星图形,在黑色背景上画出星星形状,填充灰、白的渐变色效果,如图6-1。


图6-1

  在星星图形上,有几个节点通过鼠标拉动节点,可以从这个基本的图形上演变出其他的效果,如图6-2。


图6-2

  通过这样的变形,还将改变星星的边数目,如图6-3。


图6-3

  这里我们不做复杂的图形了,我们只将星星变瘦一点就行了。然后在属性面板中增加一个内阴影(Inner Glow)的特效,其参数设置如图6-4。


图6-4

  最后我们多复制几个星星图形,改变大小和方向,布满在黑色夜空中,如图6-5。


图6-5

  接着我们来做夜空中的一轮弯月效果,在新增的图形工具中找到圆形工具(Ellipse tool),如图6-6。


图6-6

  在夜空中画出一个圆形,用白色箭头选中一边中间的那个节点,将它向内拖动,变成弯月的形状,如图6-7。


图6-7

  最后我们把月亮的颜色改为黄色,增加边线条。再加一个光晕的效果,在属性面板中加入Glow发光,发光的颜色为黄色。如图6-8


图6-8

  旋转、缩小月亮图形的方向和大小,最后得到夜空中的一轮弯月。如图6-9


图6-9

  七、虚线任你画

  Fireworks MX 2004增加了虚线笔刷,让我们能随意画出各种样式的虚线效果,如图7-1


图7-1

  利用虚线笔刷,我们可以制作很多效果,例如文字的边框,下面我们来试试。先书写一个文字,然后在属性面板中找到笔触的颜色调节板,点开它看到有一个“Stroke Options”的选项,选择这个选项。如图7-2


图7-2

  然后弹出笔刷设定对话框,选择笔刷的样式为虚线,再设定虚线笔刷的样式,如图7-3


图7-3

  在虚线笔刷的样式中,我们还可以修改其参数,得到各种效果的虚线,最后得到文字的虚线边框效果,如图7-4。


图7-4

  八、更丰富的滤镜

  除了模糊效果,2004 版本还增加了添加杂色(Add Noise)的滤镜特效, 有了这个功能我们可以在Fireworks中设计自己的材质了。先画一个矩形,然后添加杂色,数值设定为50。如图8-1。


图8-1

  再使用动感模糊,将杂色颜色一个方向模糊,如图8-2。


图8-2

  制作的材质,我们可以添加在文字的填充效果上,下面在矩形框上面再输入一个文字,如图8-3.


图8-3

  将它们全部选中,在修改菜单下选择遮照(Mask),然后选择“Group as Mask”,如图8-4


图8-4

  再来看看文字效果,我们自定义的材质已经附加在文字填充图案里了,如图8-5。


图8-5

  九、颜色替换

  Fireworks MX 2004版本最大的一个特点是提供了颜色替换工具,如图9-1。


图9-1

  下面我们来试一试这个新功能,打开一张盛开的鲜花的图片,如图9-2。


图9-2

  我们将这紫红色鲜花,部分花瓣的颜色替换成其他的色彩。使用替换色彩工具,然后在属性面板中设定工具的形状为圆形,大小为20,容差为255,压力为200。特别注意的是我们要设定将图片中的哪种颜色,替换成哪种颜色,这里将Change中准备替换的颜色设定为紫红色(用墨水笔在图片的花瓣上取色),在To替换后的颜色设定为浅蓝色。如图9-3。


图9-3

  下面使用颜色替换工具在花瓣上进行颜色处理了,处理时将显示比例放大,让我们看得清楚一些,根据花瓣的大小我们随时更改工具的尺寸。如图9-4。


图9-4

  通过这个方法,我们将部分花瓣的颜色替换成为浅蓝色,整张图片的效果变了,如图9-5。


图9-5

  十、系统反锯齿和自定义反锯齿

  这个功能是为了解决在Fireworks中字体边缘不光滑的问题,如图10-1,这个字母“A”,放大后看到它的边缘有锯齿不光滑。


图10-1

  我们在属性面板的字体边缘设定选项,看到2004版本增加了系统反锯齿(System Anti-Alias)和自定义反(Custom Anti-Alias)锯齿两个选项,如图10-2。


图10-2

  使用系统反锯齿功能,将由系统自动调节文字边缘的光滑度。使用自定义反锯齿功能,将由用户自己定义光滑度,如图10-3,我们选择自定义反锯齿之后,看到自定义的选项。


图10-3

  在oversampling中设定反锯齿混合的次数,有三个选择4次(times)、8次、16次,混合次数越多,边缘越光滑。Sharpness和Strength是设定边缘的尖锐程度和压力度,它们的数值越小,文字边缘越光滑。按照图10-3的参数设定,我们可以看到字母“A”的边缘明显光滑得多了。如图10-4


图10-4

  到这里Fireworks MX 2004新功能体验旅程就结束了,作者使用这些新添加的工具制作了上面十种简单的效果,也许你可以比我做得更多更精彩!赶快加入Fireworks MX 2004新功能体验旅程吧,别忘了把你的体验心得,总结的经验及时告诉我们哟!