Fireworks MX變形工具繪制一對大腳印圖標
這篇教程是向大家介紹如何利用Fireworks MX變形工具繪制一對大腳印圖標,教程比較簡單。在我們平時設(shè)計網(wǎng)頁的時候,不免要經(jīng)常動手制作一些小的圖標以滿足實際的需要。Fireworks MX既然做為三劍客之一,在這方面自然有自己獨特之處。本文章就已大腳印圖標為例,希望大家通過本篇教程能學會利用Fireworks輕松設(shè)計一些網(wǎng)站圖標。
制作步驟:
步驟1:
打開Fireworks MX,使用菜單命令File-New,新建一個文件,寬與高均為300像素,背景色為白色。
步驟2:
在工具欄上選擇畫圓工具(Ellipse Tool),并且在Properties面板上設(shè)置填充色為黑色,邊框色無。繪制一個橢圓。目前不需要理會橢圓的大小,只要便于你編輯就可以,我們將在后面再更改其大小,由于Fireworks繪制的橢圓是矢量圖形,我們不需要擔心在改變大小后影響清晰度。
![用Fireworks MX的變形工具制作大腳印圖標[多圖]圖片1](http://img.jbzj.com/file_images/article/201409/20140903160804348.gif)
步驟3:
在工具欄上選擇Freeform Tool,按住鼠標將出現(xiàn)一個下拉菜單。選擇Reshape Area Tool,此工具可以通過拖動鼠標直接編輯矢量圖形的輪廓而不需要手工的一個節(jié)點一個節(jié)點的編輯。
![用Fireworks MX的變形工具制作大腳印圖標[多圖]圖片2](http://img.jbzj.com/file_images/article/201409/20140903160804349.gif)
![用Fireworks MX的變形工具制作大腳印圖標[多圖]圖片3](http://img.jbzj.com/file_images/article/201409/20140903160804350.gif)
拖動Strength選項后的滑動桿,調(diào)整數(shù)值為80。使用鼠標在輝煌子的橢圓上拖曳,我們可以看到橢圓發(fā)生變形(如圖)。
![用Fireworks MX的變形工具制作大腳印圖標[多圖]圖片4](http://img.jbzj.com/file_images/article/201409/20140903160804351.gif)
步驟4:
重復(fù)以上操作,使最后的拖變形為如圖所示。在工具欄上能夠選擇Scale Tool,按住鍵盤上的Shift鍵做等比例縮放,調(diào)整大小。
![用Fireworks MX的變形工具制作大腳印圖標[多圖]圖片5](http://img.jbzj.com/file_images/article/201409/20140903160804352.gif)
步驟5:
在工具欄上選擇Ellipse Tool,按住鍵盤Shift鍵繪制一個正圓,填充色為黑色,這就是腳印中的大拇指。復(fù)制這個正圓,并改變大小與位置,直到繪制好所有5個腳趾,最后的效果如圖所示。
![用Fireworks MX的變形工具制作大腳印圖標[多圖]圖片6](http://img.jbzj.com/file_images/article/201409/20140903160804353.gif)
步驟6:
在鍵盤上按下Ctrl+A,選擇所有元件,使用菜單命令Modify-Group將它們組合起來,再使用Ctrl+C與Ctrl+V進行復(fù)制。選擇復(fù)制出來的腳印,使用菜單命令Modify-Transform-Flip Horizontal將其水平翻轉(zhuǎn)。最后調(diào)整位置如圖所示,就完成了大腳印的制作:
![用Fireworks MX的變形工具制作大腳印圖標[多圖]圖片7](http://img.jbzj.com/file_images/article/201409/20140903160804354.gif)
總結(jié):本例的關(guān)鍵在于靈活的使用Freeform Tool中的一系列工具。利用它們可以很輕松的完成一些效果獨特的變形,對于我們的實際工作有很大的幫助。
相關(guān)文章
firework輸入的文字可以根據(jù)需求添加一些效果,該怎么給文字添加字體傾斜效果呢?下面我們就來看看詳細的教程2024-05-23
fireworks淡化邊緣工具在哪里? fireworks輪廓虛化效果的實現(xiàn)方法
fireworks繪制的圖形輪廓線尖銳了,想要虛化一下,需要使用淡化邊緣工具,這個工具在哪?怎么使用呢?詳細請看下文介紹2024-05-23
電腦怎么批量添加照片日期? Fireworks給電腦圖片批量添加日期的技巧
電腦怎么批量添加照片日期?電腦中圖片的名字想要添加日期,該怎么操作呢?下面我們就來看看Fireworks給電腦圖片批量添加日期的技巧2023-06-05
fw怎么設(shè)計科技干的線條? fireworks混合路徑工具制作圖形的技巧
fw怎么設(shè)計科技干的線條?fireworks中想要畫曲線線條,我們需要用到混合路徑工具,下面我們就來看看fireworks混合路徑工具制作圖形的技巧2023-01-09
Fireworks圖形怎么做高光? fw中幾種制作高光效果的方法
Fireworks圖形怎么做高光?Fireworks中想要做高光效果,有幾種方法可以添加高光?下面我們就來看看fw中幾種制作高光效果的方法2022-12-21
fw圖片漸隱效果怎么做? Fireworks給圖片添加漸隱效果的技巧
fw圖片漸隱效果怎么做?fw中想要給圖片添加漸隱效果,該怎么添加這個效果呢?下面我們就來看看Fireworks給圖片添加漸隱效果的技巧,詳細請看下文介紹2022-11-28
Fireworks如何給圖片添加陰影效果? fw給圖片增加陰影效果的技巧
Fireworks如何給圖片添加陰影效果?fw中導(dǎo)入的圖片想要給圖片中的圖形添加陰影,該怎么操作呢?下面我們就來看看fw給圖片增加陰影效果的技巧2022-11-28
fw文字怎么添加內(nèi)陰影? Fireworks給字體添加陰影的技巧
fw文字怎么添加內(nèi)陰影?fw中輸入的文字想要添加陰影,該怎么添加內(nèi)陰影呢?下面我們就來看看Fireworks給文字添加陰影的技巧,詳細請看下文介紹2022-11-28
Fireworks中如何創(chuàng)建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何創(chuàng)建蒙版以及使用?fw中想要使用蒙版制作一些效果,該怎么創(chuàng)建蒙版并使用呢?下面我們就來看看FW蒙版功能的使用技巧,詳細請看下文介紹2022-11-28











