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

贊助商

分類目錄

贊助商

最新文章

搜索

Fireworks這樣畫平滑圓弧角,漂亮簡單快捷!

作者:admin    時間:2017-12-11 12:33:59    瀏覽:

前面介紹過純用鋼筆工具畫出平滑圓弧角,現(xiàn)在覺得那種方法又笨又慢效果又不夠好,我今天要說的這種方法,才是最好的畫平滑圓弧角的方法。這個運(yùn)用了矩形工具和鋼筆工具,做出來的平滑弧線效果最好,而制作過程又最簡單、快捷!

 效果圖

平滑無鋸齒圓弧角

平滑無鋸齒圓弧角

制作方法

一、用矩形工具畫一個矩形

新建文檔,用矩形工具畫一個矩形。

用矩形工具畫一個矩形

用矩形工具畫一個矩形

二、對矩形取消組合

然后點(diǎn)擊菜單的“修改”-“取消組合”。

對矩形取消組合

對矩形取消組合

三、用鋼筆工具在矩形邊添加錨點(diǎn)

點(diǎn)擊鋼筆工具,這時看到矩形的四個角變成白色的點(diǎn)。

選擇鋼筆工具

選擇鋼筆工具

接著,把鋼筆移到矩形的下邊緣中間,看到鋼筆出現(xiàn)“+”號的時候點(diǎn)擊一下,這樣,矩形下邊就添加了一個錨點(diǎn),如圖:

在矩形下邊添加一個錨點(diǎn)

在矩形下邊添加一個錨點(diǎn)

四、畫圓弧

用鼠標(biāo)左鍵點(diǎn)擊剛才添加的錨點(diǎn),不要松手!然后拖動鼠標(biāo),圓弧就畫出來了。

畫圓弧

畫圓弧

畫出圓弧

畫出圓弧

圓弧最終效果

圓弧最終效果

五、制作圓弧角

如果要制作圓弧效果,到上一步即可達(dá)到目的,但是要制作圓弧角的話,還需多動幾下,把圓弧的曲線變成直線,做出“角”的效果,我們要的效果圖是這樣的:

平滑無鋸齒圓弧角

平滑無鋸齒圓弧角

如何作呢?我們可以畫一個矩形來覆蓋曲線,如下圖所示:

在弧線曲線上覆蓋一個矩形

在弧線曲線上覆蓋一個矩形

同樣,在右邊也覆蓋一個矩形,最后作出這樣的圓弧角出來:

得到這樣的圓弧角

得到這樣的圓弧角

如果你夠細(xì)心的話,會覺得直線與圓弧角連接得不夠平滑自然,那么我們可以把它作得更加平滑。

六、讓圓弧角更平滑

把上面作的圖,保存起來,然后新建文檔,把它打開。

用“縮放”工具把它放大,這時你看到它的圓弧與直線連接的地方是不夠平滑的,如圖:

圓弧與直線連接的地方是不夠平滑

圓弧與直線連接的地方是不夠平滑

我們可以用魔術(shù)棒工具,也可以用矩形進(jìn)行填充覆蓋鋸齒,讓圓弧與直線連接的地方更加平滑,如圖:

用矩形填充覆蓋鋸齒

用矩形填充覆蓋鋸齒

最終得到的圓弧角就更加好看了,如圖:

最終得到的圓弧角

最終得到的圓弧角

您可能對以下文章也感興趣

x
  • 站長推薦
/* 左側(cè)顯示文章內(nèi)容目錄 */