制作界面（Fireworks中的矢量编辑）
 

当谈到界面的制作时，过程通常分为两步：塑形和物化。将一个做好的图形应用特效在很多教程里都讲到过。在本教程里我们主要来看一下非基本图形的制作过程，最终效果见图1。

http://www.netcto.com/images/news/RedStar001.gif

一. 创建一个新文档，并设置栅格为10*10象素，栅格作为以后的参考，可以通过快捷键Ctrl+Alt+G来显示和隐藏栅格，通过Ctrl+Alt+Shift+G来设置栅格捕捉。
利用基本形状工具，画如图2所示的三个圆，这里讲两个使用画圆工具时的小技巧：
① 当画圆时同时按住Shift键，这样画出的圆纵横比就是1：1，就不会变成椭圆了。
② 当画圆时同时按住Alt键，会使你拖动的是圆的半径，而不是它的高和宽。
你可以同时使用shift和Alt。

http://www.netcto.com/images/news/RedStar002.gif

二. 同时选择小圆和右下角的大圆，如图。

http://www.netcto.com/images/news/RedStar003.gif

三. 点击“修改”>“组合路径”>“联合”（Modify > Combine > Union）将这两个圆进行合并。组合路径函数是用来创建复杂形状的主要工具。当编辑矢量图形时你会经常用到它。

http://www.netcto.com/images/news/RedStar004.gif

四. 同时选择新近创建的图形和剩下的那个圆，单击“修改”>“组合路径”>“打孔”( Modify > Combine > Punch)。执行完后应该留下如图所示的两个圆弧，如果不是的话，确认圆是不是在层的底部。如果不在底部的话，选中这个圆，从修改(Modify)工具栏(窗口>工具栏>修改 window->Toolbar->Modify)里选取“Send to Back”将这个圆放到新建的图形的下面。也可从层面板中直接进行拖动。

http://www.netcto.com/images/news/RedStar005.gif

五. 创建三个新圆，如图所示。栅格捕捉会使它们和圆弧对齐比较容易。

http://www.netcto.com/images/news/RedStar006.gif

六. 用“打孔”命令从最大的圆中切除中等大小的圆，确认“打孔对象”在其上面。

http://www.netcto.com/images/news/RedStar007.gif

七. 用钢笔工具创建如图所示的形状。钢笔工具仅当起始点和结束点接触时才关闭。

http://www.netcto.com/images/news/RedStar008.gif

八. 选择新建的图形，复制它，并粘贴2次，这样就有三个同样形状的图形了。选择其中一个，用“修改”>“变形”>“数值变形”的数值变形工具旋转45度。另一个旋转90度。数值变形工具可以根据数值来：“缩放”、“调整大小”或“旋转”。当你需要精确控制时它非常有用。

http://www.netcto.com/images/news/RedStar009.gif

九. 创建一个圆和正方形。

http://www.netcto.com/images/news/RedStar010.gif

十. 合并这两个新图形。

http://www.netcto.com/images/news/RedStar011.gif

十一. 选择我们上面创建的三个“穗”，将它们合并，如图。

http://www.netcto.com/images/news/RedStar012.gif

十二. 选中那3个穗（现在是一个对象），从“修改”工具栏里选择“Send to Back”命令。

十三. 选择“穗”和新图形，我们利用打孔命令将穗处理成如图所示的三个三角形。

http://www.netcto.com/images/news/RedStar013.gif

十四. 创建两个新圆。

http://www.netcto.com/images/news/RedStar014.gif

十五. 将这两个圆利用“打孔”命令，左上角的圆在上，结果如图。最后再在左上角的小圆里添加一个小圆。（结束）

http://www.netcto.com/images/news/RedStar001.gif

（附）你接着可以利用特效功能将它加工一下，试一下吧！

http://www.netcto.com/images/news/RedStar015.gif

转自：先锋驿站