用Fireworks MX的變形工具製作大腳印表徵圖
來源:互聯網
上載者:User
在我們平時設計網頁的時候,不免要經常動手製作一些小的表徵圖以滿足實際的需要。Fireworks MX既然做為三劍客之一,在這方面自然有自己獨特之處。我們今天就以"大腳印"表徵圖為例子來講解一些如何使用Fireworks輕鬆設計網站表徵圖。
步驟1:
開啟Fireworks MX,使用功能表命令File-New,建立一個檔案,寬與高均為300像素,背景色為白色。
步驟2:
在工具列上選擇畫圓工具(Ellipse Tool),並且在Properties面板上設定填充色為黑色,邊框色無。繪製一個橢圓。目前不需要理會橢圓的大小,只要便於你編輯就可以,我們將在後面再更改其大小,由於Fireworks繪製的橢圓是向量圖形,我們不需要擔心在改變大小後影響清晰度。
步驟3:
在工具列上選擇Freeform Tool,按住滑鼠將出現一個下拉式功能表。選擇Reshape Area Tool,此工具可以通過拖動滑鼠直接編輯向量圖形的輪廓而不需要手工的一個節點一個節點的編輯。
我們只需要在被編輯的向量元件上拖曳滑鼠,Fireworks MX將自動的添加、刪除節點,並且根據設定的變形數值進行變形。拖動在工作區域下面的Properties面板上的size選項後的滑動杆,調整數值為130(如圖)。
拖動Strength選項後的滑動杆,調整數值為80。使用滑鼠在輝煌子的橢圓上拖曳,我們可以看到橢圓發生變形(如圖)。
步驟4:
重複以上操作,使最後的拖變形為如圖所示。在工具列上能夠選擇Scale Tool,按住鍵盤上的Shift鍵做等比例縮放,調整大小。
步驟5:
在工具列上選擇Ellipse Tool,按住鍵盤Shift鍵繪製一個正圓,填充色為黑色,這就是腳印中的大拇指。複製這個正圓,並改變大小與位置,直到繪製好所有5個腳趾,最後的效果如圖所示。
步驟6:
在鍵盤上按下Ctrl+A,選擇所有元件,使用功能表命令Modify-Group將它們組合起來,再使用Ctrl+C與Ctrl+V進行複製。選擇複製出來的腳印,使用功能表命令Modify-Transform-Flip Horizontal將其水平翻轉。最後調整位置如圖所示,就完成了大腳印的製作:
總結:本例的關鍵在於靈活的使用Freeform Tool中的一系列工具。利用它們可以很輕鬆的完成一些效果獨特的變形,對於我們的實際工作有很大的協助。