
以前用網頁三劍客設計網頁時,感覺最為愜意的是Dreamweaver和Fireworks的親密無間:在Fireworks中可以輕鬆地將圖片切割輸出為網頁到Dreamweaver中或輸出成為Dreamweaver中的庫對像;在Dreamweaver中只要輕鬆一個鍵,就可插入Fireworks完成的圖形網頁,如果不滿意,一個編輯按鈕馬上激活Fireworks返回修改,處理好了再一個按鈕又回到Dreamweaver中;如果不想大動干戈,只想優化一下圖片,選中圖片按一下右鍵,就可以打開Fireworks的輸出預覽這部分進行優化工作……
這樣體貼入微的設計,反讓人不知足起來,什麼時候Fireworks和Flash也能這樣熱乎就好了!
今天網頁三劍客同步踏入MX時代,Fireworks MX加強了對Flash MX的支持,操作起來還是那麼簡潔明快。
在Fireworks MX中處理好圖形,點擊圖片編輯窗口右上角的按鈕
,你可以看到這樣的菜單:

在這裡我們可以看到,Fireworks MX為更多的軟件提供了接口,以彌補其它軟件在圖形製作或處理上的不足。下面我們就仔細看看Fireworks MX和Flash MX之間的珠聯璧合吧!
1、將圖形或圖片輸出為Flash MX的動畫格式SWF,方便Flash MX使用
在Fireworks MX中處理好圖形,點擊圖片編輯窗口右上角的按鈕
,選擇 Micromedia Flash/導出SWF,出現設置面板(下圖)。
因為Fireworks MX是一個矢量編輯和像素圖處理兼收並蓄的軟件。在對像中如果是選擇維持路徑,導入到Flash MX中將是可編輯的矢量圖形;如果選擇維持外觀,導入到Flash MX中將是像素圖形式,並且可以保持在Fireworks MX中的填充的描邊樣式。文字對像選擇維持可編輯性,導入到Flash MX中將可以繼續編輯;選擇轉換為路徑,文字將被看作矢量圖形。

下面來看個例子:
![]() | 在Fireworks MX中的效果 |
輸出選項設置 | 對像:維持路徑 文字:維持可編輯性 |
| 輸出為swf格式的效果 (矢量圖形的效果將失去) | |
![]() | 導入到Flash MX中的情形 (中文和英文都可繼續編輯。但是對中文的支持不太好) |
![]() | 在Flash MX中庫情況 (只有圖片會轉換為組件。) |
![]() | 在Fireworks MX中的效果 |
輸出選項設置 | 對像:維持外觀 文字:轉換為路徑 |
| 輸出為swf格式的效果 (矢量圖形的效果將保持) | |
![]() | 中文和英文都轉變為路徑,失去可編輯性。 |
![]() | 在Flash MX中庫情況 (施加了陰影效果的的矢量標誌已經自動轉化為圖片組件。) |
上面導入的都是靜止的圖片,Fireworks MX還可以設計Gif動畫,設計好了快速輸出,導出時在選項面板可以設置幀速和導入動畫的內容。
2、複製(將當前圖形複製到剪貼板上,再打開Flash MX進行粘貼)
在Fireworks MX中處理好圖形,點擊圖片編輯窗口右上角的按鈕
,選擇「複製」,再在flash中粘貼進來。

這是在Fireworks MX中的圖像

這是粘貼到Flash MX中的效果 Flash MX中庫情況
這時打開Flash MX的庫,可以看到Flash MX已經自動建好一個Fireworks MXs Objects的文件夾,剛剛複製過來的物體自動轉化為裡面的一個電影夾(mc)。在這裡Flash MX將施加了效果的圖形轉為像素圖,並且這種像素圖還是透明背景的。

這一下在Flash MX中更好結合像素圖製作動畫了!不過筆者不太主張這樣做,因為不管是做動畫,還是做網頁,非常重要的是保存源文件,便於自己以後修改。
如果你已經在Fireworks MX中設計好了,並保存為png格式的源文件,你還可以……
二、在Flash MX中導入Fireworks MX製作的圖片
1、導入Fireworks MX的.jpg源文件
打開Flash MX,在文件菜單中選擇導入,找到你的png源文件,這時會出現導入設置:
在文件結構中有兩種選擇:一是將png文件作為電影夾導入並保持原有圖層,這樣你可在庫中看到Fireworks MXs Objects,裡面是Flash MX自動為你生成的電影夾,管理和使用都非常方便;二是將.jpg導入到當前場景新的層上。
物體處理可以選擇光柵化轉為像素圖來保持外觀不變,或是使所有路徑可編輯;
文字處理可以選擇光柵化轉為像素圖來保持外觀不變,或是使所有文字可編輯。
如果不想這麼麻煩也可以選中最後一項,將.jpg作為一個合併的像素圖導入。

Fireworks MX中的源文件
導入到Flash MX中的輸出效果
在Flash MX中庫情況
在這裡可以看到,利用這種方式導入可以保持對中文的良好支持。
2、導入和編輯其它格式的圖片文件其它格式的圖片文件想借Fireworks MX的東風,又怎樣做呢?很簡單!
導入圖片,在Flash MX的舞台上選中圖片,按屬性面板的編輯按鈕,就啟動Fireworks MX了!

如果圖片在庫中,選中庫中的圖片按右鍵,在下拉菜單中選擇Edit with Fireworks即可。(當然你還可以選擇Edit with用其它的圖形處理軟件來處理,不過肯定沒有Fireworks MX方便……)

這時就會激活Fireworks MX,我們可以看到久違了的
。

和在Dreamweaver MX中操作一樣,修改按完成就返回Flash MX中。
後記:Flash升級到Flash MX,繪圖工具沒有多大變化,有人抱怨在Flash MX中畫個五角形都不可以……其實有像素圖矢量集成的Fireworks MX貼心幫助,提供豐富的素材,Flash MX不就如虎添翼了嗎!
Michael 滑板圖案設計 |
靳埭強設計作品—中國銀 |
bekker廣告設計精選 |
靳埭強設計作品—Pacifi |
倫敦國際書展—台灣出版 |
Jason Levesque 滑板圖案 |
HORNALL ANDERSON 設計作 |
美國VMP市場咨詢設計公司 |
朗意品牌顧問 |
設計·生活·創業---山東 |
''東方之星''大學生設計 |
SPOON國外一本新銳時尚攝 |
Lexon-可折疊衣架 |
Lexon小產品-鑰匙環 |
Built NY作品-BYO便攜食品 |
創意小產品系列-便利花瓶 |
創意小產品系列-轉筆刀 |
Wet Design節水型龍頭 |
創意小產品系列-木書籤 |
第一代紅旗草圖 |
創意小產品系列-彈性鉛筆 |
創意小產品系列-文件夾 |
2006 第六屆上海雙年展-超設 |
栩栩如生的人體蠟像 |
國際名師的極端設計 |
日本漫畫家手塚治蟲作品圖片 |
達芬奇設計成就展--領略藝術 |
岡特·蘭堡作品賞析 |
國人創意最NB 聯想壁紙設計大 |
外國另類創意幽默創意圖 |
一組另類鬼異的視覺設計圖片 |
建國以來振奮人心的宣傳畫大 |
建國以來振奮人心的宣傳畫大 |
建國以來振奮人心的宣傳畫大 |