用Fireworks MX製作Mac風格邊框

來源:互聯網
上載者:User
  以前大家常用線條來表現淺浮雕效果,現在我們在Fireworks MX(以下簡稱FW MX)裡可以用效果(Effect)面板來輕鬆製作。
  如下圖(Png源圖)則是用線條來製作的一個Mac風格的邊框,我們用FW MX開啟源檔案就會發現製作比較繁瑣,有沒有簡單的方法來製作呢?答案是肯定的,方法就是用效果(Effect)面板!本例用來說明用FW MX製作邊框的過程,希望能為FW MX愛好者提供一個新的思路。

  一、邊框製作
  1.開啟FW MX,建立一個340X110的新檔案。
  2.從工具列中選擇“矩形”工具或按快速鍵(U),畫一個328X98,填充色為(#CECFCE)無邊框的矩形(以下如無說明,所畫矩形都為無邊框)。
  3.要想達到如下圖所示的圖形時,必須要使用功能表列:修改==>組合路徑==>打孔和聯合來製作了。

  按U鍵畫一個320X73的矩形,填充為黑色。移動至合適的位置,本例中為距左4PX,距下為5PX。同時選中兩個矩形,使用打孔命令,但得到了效果和我們要求的圖形還是有差別的,沒關係,畫一個18X18的矩形,置於右下角,功能表列:修改==>組合路徑==>聯合就得到了我們要求的圖形。
  4.選定所產生的圖形,按Ctrl+Shift+D或功能表列:編輯==>複製,選中效果面板:陰影和光暈==>發光,設定如下圖:

  設於第三步產生的圖層下面,我們的圖形不是有了一個好看的邊框呀,這樣做比只用一個圖層來製作有更大的靈活性。
  5.選中第三步中產生的圖形,選中效果面板:陰影和光暈==>內側陰影,填充色為(#F0F0F0)設定如下圖:

  選中效果面板:陰影和光暈==>內側陰影,填充為(#ADADAD)設定如下圖:

  注意圖中的角度,第一次為315,第二次為135,最後我們得到的就是一個有浮雕效果的合成路徑了吧,現在知道為何要用兩次內側陰影了吧。效果如下圖:

  二、小按鈕的製作
  根據剛才製作的方法,我們來製作一下旁邊的小按鈕和線條,最後可以得到如下圖的小按鈕(下圖放大300%)

  加以改動就可以得到新的小按鈕吧。

  線條的製作就很容易了,畫一270X12的矩形,放置到合適位置,設定如下,就OK了。

  用線條畫出右下角的裝飾線,按(Ctrl+G)組合一下。

  三、背景
  1.畫一矩形置於所有圖層下面,填充為(#FF9900)放置於合適位置,設定如上圖,只不過填充紋理裡把“水平線4”改為“網格線1”就OK。
  2.添上合適的文字,最後效果如下圖(Png源圖):

  同樣的效果可以有不同的製作步驟,大家如果覺得這種方法比較簡單,修改也方便,可以自己動手試一下。


相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。