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

贊助商

分類目錄

贊助商

最新文章

搜索

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

作者:admin    時間:2017-12-8 10:24:29    瀏覽:

Fireworks畫圓弧或圓角時,一般使用圓、橢圓的切割和并接而成,但是這樣出來的效果很不好,因為弧線有鋸齒,不平滑,如下圖所示:

有鋸齒的圓弧

有鋸齒的圓弧

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

無鋸齒平滑圓弧

無鋸齒的平滑圓弧

實際應用于banner圖片的設(shè)計中,如圖:

無鋸齒平滑圓弧的使用

無鋸齒平滑圓弧的使用

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

這篇文章介紹的方法太過復雜了,博主后來又介紹了另一種方法,畫出的圓弧角更加漂亮,而制作過程卻十分簡單!請前往《Fireworks這樣畫平滑圓弧角,漂亮簡單快捷!

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

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

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

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

二、鋼筆畫圓角弧線

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

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

鋼筆畫圓角弧線

鋼筆畫圓角弧線

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

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

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

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

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

最后得到這樣的圓弧,當然,你可以畫得更好。

鋼筆畫出來的圓弧

鋼筆畫出來的圓弧

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

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

中間圓弧部分

截取中間圓弧部分

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

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

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

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

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

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

無鋸齒平滑圓弧角

最終的無鋸齒平滑圓弧角

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

無鋸齒平滑圓弧

無鋸齒的平滑圓弧

無鋸齒平滑圓弧的使用

無鋸齒平滑圓弧的使用

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

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