fireworks mx 教程: 钢笔工具

教程

  原文:http://www.solardreamstudios.com/tutorials/fw/mx_pen/
  钢笔工具,也许是Fireworks中功能最为强大的工具。在下面的实例中,我将演示钢笔工具在绘制各种不同图形时候的一些典型使用方法。
例1:多边形
  在此例中,选择钢笔工具,在画布的各个区域里,不断单击并松开,可形成一个矢量多边形。可以看出,在回到所绘制的第一个点并单击时,会自动合成封闭图形。
例2:曲线
  这次,在画布的不同区域单击并拖动鼠标来形成曲线。可以尝试在不同的方向拖动来观察曲线的变化情形。这是一项非常有趣的练习,也许你会看到自己做出了很COOL的效果图。同样,在回到所绘制的第一个点并单击时,你会得到一个封闭图形。
例3:涨裂
  现在重复例2的操作,不过这次我们在整个的绘制过程中使用了Alt键。沿画布的边缘围绕中心向外单击并拖动鼠标,最后你将得到一个涨裂状图形。
  相反,如果你在画布的边缘围绕中心向内单击并拖动鼠标,你可以得到类似云/花的形状。
  (我不喜欢在绘制的时候使用alt键来控制手柄,觉的特难学会,而且学会后也不太方便,我总结了一套"理论"来处理这种图形,请看后面关于我的注释。-困猫注 )
例4:FW Logo(Png源文件)
  现在我们通过例1,例2,例3的钢笔使用方法,来绘制一些知名Logo,由此可以体会一下钢笔的强大之处。左图就是用钢笔绘制的3个图形组合合成的。
  我首先通过抓屏的方法获得了FW Logo图片,然后粘贴在新建的画布上。然后选择钢笔工具,在LOGO图案的所有拐角处单击,拖动,有时候用到了第三个例子的Alt技巧。当完成了每一个封闭路径后,选择Subselection Tool调节更为理想的调整每一个节点。按住Alt不放,象使钢笔工具一样调整并最终得到很干净的每个节点。
  这大约花费了20分钟的时间来进行绘制,你可以下载源文件进行分析。因为这是一个矢量图象,所以你可以任意调整大小而不会损失任何图片文件信息。
例5:DW Logo(Png源文件)
  上边的图象完全是用钢笔工具绘制而成。
  选择钢笔工具然后绘制两个图形(一个是类似"d"的形状 ,一个是类似洞形),然后同时选中这两个图形,执行Modify>Combine Paths>Punch在d状物打洞。当然也使用了例4中同样的技术进行调整。
  这个logo的绘制大概花费了10分钟,你同样可以下载源文件进行分析。
例6:立方体Logo(Png源文件)
  这个图象的绘制有点难度。我应用了很多FW的技术思想,其中包括最重要的钢笔工具,然后依次绘制10个单独的图形并组合成的。这个LOGO全部是矢量信息,不包括任何位图元素。
  这大概花费了我两三个小时的时间近似达到原图的效果。同样,你可以下载查看源文件。可以通过调整图象大小的方式来查看每个节点而并不损失任何图象信息。

时间: 2024-11-10 00:26:22

fireworks mx 教程: 钢笔工具的相关文章

Fireworks MX 教程: 钢笔工具(附录)

教程 第一部分的例1,例2,例3是钢笔的基本使用方法,例4,例5,例6是三个难度由浅到深的三个实例.fireworks官方中文帮助的钢笔部分,我当初看的很枯燥,感觉上面的教程很生动.在例3中,我也提到了我不太习惯作者说的使用alt键来配合绘制类似形状的图形,现在就来说说我的方法吧(很早写的东西,图片有点颠三倒四,大侠们见笑了). 绘制路径的过程中,松开鼠标踮着钢笔在画布找下一个节点的时候,钢笔带着的是直线,还是曲线.全凭临时判断, 有时候带着直线走比较舒服. 将带着直线走变成带着曲线走: 点节点

Fireworks MX教程

Fireworks MX 2004教程(一) Fireworks MX 2004教程(二) Fireworks MX 2004教程(三) Fireworks MX 2004教程(四) Fireworks MX 2004教程(五) Fireworks MX 2004教程(六) Fireworks MX 2004教程(七) Fireworks MX 2004教程(八) Fireworks MX 2004教程(九) Fireworks MX 2004教程(十) Fireworks MX 2004教程(

FIREWORKS MX中级篇

 呵呵!FIREWORKS MX教程!讲的比较全面!全程语音教学!很容易上手!希望大家喜欢! 已上传至FTP7/FIREWORKS MX全面通  中!呵呵!

FIREWORKS MX新增功能篇

 呵呵!FIREWORKS MX教程!讲的比较全面!全程语音教学!很容易上手!希望大家喜欢! 已上传至FTP7/FIREWORKS MX全面通 中!呵呵! 转自:动态网制作指南 www.knowsky.com

Fireworks MX使用教程--教你如何制作虚线

教程 操作步骤:1.启动Fireworks MX,新建一个文件,文件宽和高都设为200象素,也可以是任意大小,背景为白色.2.单击"工具"面板"矢量"部分的"线条"工具,并且按住键盘上的"Shift"键,在编辑区任意绘制一条直线.3.在"工具"面板的"选择"部分中选择"指针"工具,选中这条直线.4.单击"属性检查器"中的"描边种类&quo

Fireworks MX 2004系统教程

教程 Fireworks是由Macromedia公司开发的网页制作软件利器之一. 在绘图方面Fireworks结合了位图以及矢量图处理的特点,不仅具备复杂的图象处理功能,并且还能轻松地把图形输出到Flash,Dreamweaver 以及第三方的应用程序. 在网页制作方面Fireworks能快速地为图形创建各种交互式动感效果,不论在图象制作或是在网页支持上都有着出色的表现. 随着版本的不断升级,功能的不断加强,Fireworks受到越来越多图像网页制作者的青睐.目前的最新版本Fireworks M

Fireworks mx 2004制作风景类Logo全过程

过程 由于我是初学FW,有欠缺的地方,希望能指出.十分谢谢!(PS:本教程仅仅针对ilogo-snake的这个logo进行展开,并不一定具有共性或定律.教程对象:新人) Best View:IE5.0+ or NetCaptor4.0+Display At:1024*768 ---------------------------------- [教程]:共3个部分. 一.准备 二.制作(Step1- 5.[背景Step1-3:边框Step4:动画Step5(稻田动画.文字动画.云朵动画.树叶动画

Fireworks MX 2004从入门到精通视频教程

教程|视频教程 网页教学网为您提供大量Photoshop, Flash, Dreamweaver, 3DS Max, Office等软件的视频教程,帮助您迅速掌握热门软件! <Fireworks从入门到精通视频教程>采用两人或多人对话的形式,并配以生动的动画,使大家在愉悦的气氛之中学习知识,使用问答方式让大家对于每个知识的重点一目了然,记忆深刻. Fireworks教程分为两部分来制作,第一部分讲解基础知识,第二部分以实例为主讲解Fireworks,以巩固知识和学习技巧. Photoshop动

Fireworks MX 2004 创建新文档

创建 Fireworks是由Macromedia公司开发的网页制作软件利器之一. 在绘图方面Fireworks结合了位图以及矢量图处理的特点,不仅具备复杂的图象处理功能,并且还能轻松地把图形输出到Flash,Dreamweaver 以及第三方的应用程序. 在网页制作方面Fireworks能快速地为图形创建各种交互式动感效果,不论在图象制作或是在网页支持上都有着出色的表现. 随着版本的不断升级,功能的不断加强,Fireworks受到越来越多图像网页制作者的青睐.目前的最新版本Fireworks M