用FW MX 製作 Mac風格邊框,視覺,平面,fireworks,課程,書籍,封面,設計

設計欣賞 當前位置:設計首頁 >> 教程 >> Fireworks >> 正文 >> 用FW MX 製作 Mac風格邊框
用FW MX 製作 Mac風格邊框

網站設計

  以前大家常用線條來表現淺浮雕效果,現在我們在Fireworks MX(以下簡稱FW MX)裡可以用效果(Effect)面板來輕鬆製作。

  如下圖則是用線條來製作的一個Mac風格的邊框,我們用FW MX打開源文件就會發現製作比較繁瑣,有沒有簡單的方法來製作呢?答案是肯定的,方法就是用效果(Effect)面板!本例用來說明用FW MX製作邊框的過程,希望能為FW MX愛好者提供一個新的思路。


.jpg文件

  

  一、邊框製作

  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.添上合適的文字,最後效果如下圖:


.jpg文件

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

攝影

相關鏈接:視覺,平面,fireworks,課程,書籍,封面,設計,標誌,廣告,作品,圖片,下載
Google
最 新 文 章
相 關 文 章
Michael 滑板圖案設計
靳埭強設計作品—中國銀
bekker廣告設計精選
靳埭強設計作品—Pacifi
倫敦國際書展—台灣出版
Jason Levesque 滑板圖案
HORNALL ANDERSON 設計作
美國VMP市場咨詢設計公司
朗意品牌顧問
設計·生活·創業---山東
''東方之星''大學生設計
SPOON國外一本新銳時尚攝
平面設計圖片-Erik Ernett
平面設計圖片-Diana LoMon
平面設計圖片-Christopher
平面設計圖片-Jocelyn Mat
平面設計-Paul Silva Desi
平面設計-Victoria Miller
2003年國際傢俱設計競賽 T
美國藝術中心設計學院學生
04年各大美院畢業展
外國設計公司作品-fiori
用FW MX 製作 Mac風格邊框相關設計:您現在欣賞的是由artbei.com設計欣賞站為您提供的《用FW MX 製作 Mac風格邊框》,謝謝您!設計師學習設計的技巧和捷徑是多看大師的作品,用FW MX 製作 Mac風格邊框等設計資源欣賞,下載,圖庫,為課程,圖片,平面,廣告,創意,設計師打造一個自我學習和提升的平台,設計有著不同的定義和形態。設計師在提高生活品質、促進文明進步起著積極作用,多做,多想,只有不斷學習借鑒優秀設計師的作品才能不斷的提高自我,才能不斷地邁向成功.我們為您提供豐富的平面設計,網站設計,廣告設計,畫冊設計,包裝設計,標誌設計,海報設計,封面設計vi設計,視覺,平面,fireworks,課程,書籍,封面,設計,標誌,廣告,作品,圖片,下載,課程,圖片,平面,廣告,創意等設計類欣賞,教程和學習文章.歡迎收藏本網站,並記住我們的域名:www.artbei.com,點擊此處返回設計網站首頁!
推 薦 新 聞-+課程,圖片,平面,廣告,創意,設計欣賞,教程,技巧,ps+-
北京方寸神韻設計的名片 名片設計圖片 國外精典名片設計圖片(三) 國外精典名片設計圖片(二)
日本創意名片設計圖片一 春節吉祥剪紙圖片 婚慶吉祥剪紙圖片 壽星剪紙圖片
情人節甜蜜賀卡 日本名片設計圖片 onMessage 名片設計圖片 名片設計圖片
|畫冊設計|樣本設計|廣告設計|DM設計|展示設計|專賣店設計|標誌設計|VI設計|海報設計|LOGO設計|信封設計|設計論壇|

2007 設計圖片與設計課程