技術(shù)頻道導(dǎo)航
HTML/CSS
.NET技術(shù)
IIS技術(shù)
PHP技術(shù)
Js/JQuery
Photoshop
Fireworks
服務(wù)器技術(shù)
操作系統(tǒng)
網(wǎng)站運(yùn)營(yíng)

贊助商

分類(lèi)目錄

贊助商

最新文章

搜索

介紹Fireworks用鋼筆工具制作平滑無(wú)齒輪圓弧角

作者:admin    時(shí)間:2017-12-8 10:24:29    瀏覽:

Fireworks畫(huà)圓弧或圓角時(shí),一般使用圓、橢圓的切割和并接而成,但是這樣出來(lái)的效果很不好,因?yàn)榛【€有鋸齒,不平滑,如下圖所示:

有鋸齒的圓弧

有鋸齒的圓弧

我想很多人也發(fā)現(xiàn)了這個(gè)問(wèn)題,那么我們?nèi)绾尾拍墚?huà)出平滑無(wú)鋸齒的漂亮圓弧呢?我經(jīng)過(guò)摸索后,發(fā)現(xiàn)了一個(gè)能畫(huà)出平滑無(wú)鋸齒的漂亮圓弧的方法,這個(gè)方法主要運(yùn)用了Fireworks的鋼筆工具,效果圖如下;

無(wú)鋸齒平滑圓弧

無(wú)鋸齒的平滑圓弧

實(shí)際應(yīng)用于banner圖片的設(shè)計(jì)中,如圖:

無(wú)鋸齒平滑圓弧的使用

無(wú)鋸齒平滑圓弧的使用

下面介紹我是如何制作的。

這篇文章介紹的方法太過(guò)復(fù)雜了,博主后來(lái)又介紹了另一種方法,畫(huà)出的圓弧角更加漂亮,而制作過(guò)程卻十分簡(jiǎn)單!請(qǐng)前往《Fireworks這樣畫(huà)平滑圓弧角,漂亮簡(jiǎn)單快捷!

一、選擇“鋼筆”工具并設(shè)置其屬性

新建一文檔,畫(huà)布顏色填充黑色。選擇“鋼筆”工具,屬性“筆尖”大小設(shè)為5,顏色為白色,描邊種類(lèi)選擇“基本”-“柔化線段”。

鋼筆工具屬性設(shè)定

鋼筆工具屬性設(shè)定

二、鋼筆畫(huà)圓角弧線

  1. 左鍵點(diǎn)一下畫(huà)布,然后松開(kāi)手!
  2. 鋼筆移到右邊,左鍵點(diǎn)擊畫(huà)布,別松手!向右上方移動(dòng),這時(shí)看到弧線在變化,直到自己認(rèn)為合適為止,然后松手!
  3. 鋼筆繼續(xù)向右上方移動(dòng),看到有弧線出現(xiàn),直到自己認(rèn)為合適時(shí),點(diǎn)擊左鍵,然后松手!
  4. 鋼筆繼續(xù)向右邊移動(dòng)(比直線稍微向上一點(diǎn)點(diǎn)),長(zhǎng)度看自己需要,然后點(diǎn)擊左鍵,松手!
  5. 點(diǎn)擊“指針”工具,畫(huà)弧就完成了。

下圖清晰顯示從開(kāi)始到結(jié)束的操作步驟:

鋼筆畫(huà)圓角弧線

鋼筆畫(huà)圓角弧線

三、用鋼筆微調(diào)弧線

前面畫(huà)出來(lái)的弧線,往往還不夠完美,這時(shí)就需要繼續(xù)用鋼筆來(lái)微調(diào)了。

選擇“指針”工具,點(diǎn)一下弧線選中它,然后選擇“鋼筆”工具,這時(shí)看到弧線出現(xiàn)剛才畫(huà)的四個(gè)錨點(diǎn)。用鼠標(biāo)左鍵點(diǎn)一下錨點(diǎn),別松手,然后慢慢拖動(dòng),會(huì)看到圓弧有所變化。直到自己滿(mǎn)意為止。調(diào)錯(cuò)怎么辦?同時(shí)按 CTRL+Z 組合鍵可以后退。

用鋼筆微調(diào)弧線

用鋼筆微調(diào)弧線

最后得到這樣的圓弧,當(dāng)然,你可以畫(huà)得更好。

鋼筆畫(huà)出來(lái)的圓弧

鋼筆畫(huà)出來(lái)的圓弧

四,用此成品制作圖形的弧線圓角

1)、截取中間圓弧部分,保存圖片,我們將用這部分來(lái)制作圓弧角圖形。

中間圓弧部分

截取中間圓弧部分

2)新建文檔,打開(kāi)前面保存的圖片,然后選擇“魔術(shù)棒”工具,然后用魔術(shù)棒點(diǎn)一下上面的區(qū)域。

用魔術(shù)棒選中上面區(qū)域

用魔術(shù)棒選中上面區(qū)域

3)按四下鍵盤(pán)的向下箭頭,讓魔術(shù)棒選中區(qū)域下移四個(gè)像素。

然后,按 Delete 鍵,把這個(gè)區(qū)域刪掉,出來(lái)這個(gè)樣子。

最后,把上面的顏色擦掉,就得到最終的無(wú)鋸齒平滑圓弧角了。

無(wú)鋸齒平滑圓弧角

最終的無(wú)鋸齒平滑圓弧角

五、通過(guò)顏色的設(shè)置,可以繪制出各種好看的平滑圓弧角。

無(wú)鋸齒平滑圓弧

無(wú)鋸齒的平滑圓弧

無(wú)鋸齒平滑圓弧的使用

無(wú)鋸齒平滑圓弧的使用

您可能對(duì)以下文章也感興趣

x