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

　　制作步驟：

　　步驟1：

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

　　步驟2：

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

　　步驟3：

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

　　

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

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

　　步驟4：

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

　　步驟5：

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

　　步驟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中的一系列工具。利用它們可以很輕松的完成一些效果獨(dú)特的變形，對(duì)于我們的實(shí)際工作有很大的幫助。

最新評(píng)論