FW MX和Flash MX的親密合作,視覺,平面,fireworks,課程,書籍,封面,設計

設計欣賞 當前位置:設計首頁 >> 教程 >> Fireworks >> 正文 >> FW MX和Flash MX的親密合作
FW MX和Flash MX的親密合作

視覺設計

  以前用網頁三劍客設計網頁時,感覺最為愜意的是Dreamweaver和Fireworks的親密無間:在Fireworks中可以輕鬆地將圖片切割輸出為網頁到Dreamweaver中或輸出成為Dreamweaver中的庫對像;在Dreamweaver中只要輕鬆一個鍵,就可插入Fireworks完成的圖形網頁,如果不滿意,一個編輯按鈕馬上激活Fireworks返回修改,處理好了再一個按鈕又回到Dreamweaver中;如果不想大動干戈,只想優化一下圖片,選中圖片按一下右鍵,就可以打開Fireworks的輸出預覽這部分進行優化工作……

  這樣體貼入微的設計,反讓人不知足起來,什麼時候Fireworks和Flash也能這樣熱乎就好了!

  今天網頁三劍客同步踏入MX時代,Fireworks MX加強了對Flash MX的支持,操作起來還是那麼簡潔明快。

  在Fireworks MX中處理好圖形,點擊圖片編輯窗口右上角的按鈕,你可以看到這樣的菜單:

廣告設計,平面設計,VI設計,LOGO設計

  在這裡我們可以看到,Fireworks MX為更多的軟件提供了接口,以彌補其它軟件在圖形製作或處理上的不足。下面我們就仔細看看Fireworks MX和Flash 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源文件,這時會出現導入設置:廣告設計,平面設計,VI設計,LOGO設計

  在文件結構中有兩種選擇:一是將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不就如虎添翼了嗎!

標誌設計

相關鏈接:視覺,平面,fireworks,課程,書籍,封面,設計,標誌,廣告,作品,圖片,下載
Google
最 新 文 章
相 關 文 章
Michael 滑板圖案設計
靳埭強設計作品—中國銀
bekker廣告設計精選
靳埭強設計作品—Pacifi
倫敦國際書展—台灣出版
Jason Levesque 滑板圖案
HORNALL ANDERSON 設計作
美國VMP市場咨詢設計公司
朗意品牌顧問
設計·生活·創業---山東
''東方之星''大學生設計
SPOON國外一本新銳時尚攝
Lexon-可折疊衣架
Lexon小產品-鑰匙環
Built NY作品-BYO便攜食品
創意小產品系列-便利花瓶
創意小產品系列-轉筆刀
Wet Design節水型龍頭
創意小產品系列-木書籤
第一代紅旗草圖
創意小產品系列-彈性鉛筆
創意小產品系列-文件夾
FW MX和Flash MX的親密合作相關設計:您現在欣賞的是由artbei.com設計欣賞站為您提供的《FW MX和Flash MX的親密合作》,謝謝您!設計師學習設計的技巧和捷徑是多看大師的作品,FW MX和Flash MX的親密合作等設計資源欣賞,下載,圖庫,為課程,圖片,平面,廣告,創意,設計師打造一個自我學習和提升的平台,認真閱讀藝術與設計雜誌,多做,多想,只有不斷學習借鑒優秀設計師的作品才能不斷的提高自我,才能不斷地邁向成功.我們為您提供豐富的平面設計,網站設計,廣告設計,畫冊設計,包裝設計,標誌設計,海報設計,封面設計vi設計,視覺,平面,fireworks,課程,書籍,封面,設計,標誌,廣告,作品,圖片,下載,課程,圖片,平面,廣告,創意等設計類欣賞,教程和學習文章.歡迎收藏本網站,並記住我們的域名:www.artbei.com,點擊此處返回設計網站首頁!
推 薦 新 聞-+課程,圖片,平面,廣告,創意,設計欣賞,教程,技巧,ps+-
2006 第六屆上海雙年展-超設 栩栩如生的人體蠟像 國際名師的極端設計 日本漫畫家手塚治蟲作品圖片
達芬奇設計成就展--領略藝術 岡特·蘭堡作品賞析 國人創意最NB 聯想壁紙設計大 外國另類創意幽默創意圖
一組另類鬼異的視覺設計圖片 建國以來振奮人心的宣傳畫大 建國以來振奮人心的宣傳畫大 建國以來振奮人心的宣傳畫大
|畫冊設計|樣本設計|廣告設計|DM設計|展示設計|專賣店設計|標誌設計|VI設計|海報設計|LOGO設計|信封設計|設計論壇|

2007 設計圖片與設計課程