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

　　制作步驟：

　　步驟1：

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

　　步驟2：

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

　　步驟3：

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

　　

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

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

　　步驟4：

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

　　步驟5：

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

　　步驟6：

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

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

最新評論