這篇教程是向大家介紹如何利用Fireworks MX變形工具繪制一對大腳印圖標，教程比較簡單。在我們平時設計網頁的時候，不免要經常動手制作一些小的圖標以滿足實際的需要。Fireworks MX既然做為三劍客之一，在這方面自然有自己獨特之處。本文章就已大腳印圖標為例，希望大家通過本篇教程能學會利用Fireworks輕松設計一些網站圖標。

　　制作步驟：

　　步驟1：

　　打開Fireworks MX，使用菜單命令File-New，新建一個文件，寬與高均為300像素，背景色為白色。

　　步驟2：

　　在工具欄上選擇畫圓工具(Ellipse Tool)，并且在Properties面板上設置填充色為黑色，邊框色無。繪制一個橢圓。目前不需要理會橢圓的大小，只要便于你編輯就可以，我們將在后面再更改其大小，由于Fireworks繪制的橢圓是矢量圖形，我們不需要擔心在改變大小后影響清晰度。

　　步驟3：

　　在工具欄上選擇Freeform Tool，按住鼠標將出現(xiàn)一個下拉菜單。選擇Reshape Area Tool,此工具可以通過拖動鼠標直接編輯矢量圖形的輪廓而不需要手工的一個節(jié)點一個節(jié)點的編輯。

　　

　　我們只需要在被編輯的矢量元件上拖曳鼠標，F(xiàn)ireworks MX將自動的添加、刪除節(jié)點，并且根據設置的變形數(shù)值進行變形。拖動在工作區(qū)域下面的Properties面板上的size選項后的滑動桿，調整數(shù)值為130（如圖）。

　　拖動Strength選項后的滑動桿,調整數(shù)值為80。使用鼠標在輝煌子的橢圓上拖曳，我們可以看到橢圓發(fā)生變形（如圖）。

　　步驟4：

　　重復以上操作，使最后的拖變形為如圖所示。在工具欄上能夠選擇Scale Tool，按住鍵盤上的Shift鍵做等比例縮放，調整大小。

　　步驟5：

　　在工具欄上選擇Ellipse Tool,按住鍵盤Shift鍵繪制一個正圓，填充色為黑色，這就是腳印中的大拇指。復制這個正圓，并改變大小與位置，直到繪制好所有5個腳趾，最后的效果如圖所示。

　　步驟6：

　　在鍵盤上按下Ctrl+A，選擇所有元件，使用菜單命令Modify-Group將它們組合起來，再使用Ctrl+C與Ctrl+V進行復制。選擇復制出來的腳印，使用菜單命令Modify-Transform-Flip Horizontal將其水平翻轉。最后調整位置如圖所示，就完成了大腳印的制作：

　　總結：本例的關鍵在于靈活的使用Freeform Tool中的一系列工具。利用它們可以很輕松的完成一些效果獨特的變形，對于我們的實際工作有很大的幫助。

最新評論