Fireworks 基礎知識

來源:互聯網
上載者:User
  作為第一款專門為設計首頁圖形而開發出來的軟體,Fireworks確實做得非常出色,雖然Fireworks在某些方面仍有欠缺,仍有待提高,但她確確實實地給WEB設計帶來了革命性的變化,給WEB圖形設計者在設計網頁圖形時帶來了前所未有的方便和快捷,給其它的圖象處理軟體帶來了極大的衝擊與推動。Fireworks的功能的確是強大,在這裡先給大家說說它的一些基礎知識,以便讓大家很好的掌握。
  
   PNG檔案格式
  很多人預測PNG(Portable Network Graphics可移植的網狀圖形)將以其在WEB上的優越檔案格式取代象GIF和JPEG等傳統的圖象格式。PNG格式在處理WEB圖形方面的確有其獨到的長處:
  1、無失真:不象JPEG圖形檔案,在將圖片儲存成PNG格式時,圖象不會丟失任何的顏色資訊。
  2、高壓縮率:PNG格式的檔案甚至可以比GIF有更大的壓縮率。
  3、支援位透明:PNG支援alpher通道透明,alpher通道透明不同與Index索引顏色透明之處在於:Index索引顏色透明要麼是完全透明,要麼是完全不透明;而alpher通道透明顏色可以使同種顏色之中部分透明而其它部分不透明。
  4、伽碼(gamma)校正:PNG格式是第一種支援監視器的伽碼設定修正,這使得PNG格式的圖象在任何平台上都可以得到同樣的顯示效果。
  5、支援真彩色:類似於JPEG圖象格式,PNG可以處理上百萬種的顏色。
  6、強大的圖形再編輯性:在將圖片儲存成PNG檔案格式之後,重新在Fireworks中調出來編輯時,圖片仍然很好地保持了圖層的分隔和對象的分隔,並允許我們對該圖片的任何一獨立的部分做任意的修改。這大大方便了我們以後對該圖形的修改和編輯處理。
  雖然到目前為止,大多數的瀏覽器還不能或者只能通過外掛程式來實現對PNG檔案格式的支援,但是我們可以預見,隨著PNG檔案格式的不斷完善和普及,PNG圖片將很快成為續GIF和JPEG之後的第三種主要的WEB圖形格式。
  在使用Fireworks進行一些操作時,它會有一些警告提示資訊,就比如上面提到的“Don't show this again”如果你選擇了“不再提示我”,這個資訊就不會再次出現了。但在某種情況下,你有想看到這個資訊提示,你可以選擇:Commands\Reset Warning Dialogs恢複警告提示),則這個提示又會出現。
  
   Fireworks使用環境的參數設定
  大部分的Fireworks使用環境參數我們都可以通過點選菜單File-->Preferences,在開啟的Preferences對話方塊裡進行設定,Preferences對話方塊包括了General(常用)、(編輯)、Floders(檔案夾)、Import(匯入)四大選項面板,改變了這裡各選項的設定之後,我們必須在下一次重新開啟Fireworks時,這些設定方起作用。
  在General中我們可以分別對Undo Steps(撤消次數)、系統使用的預設顏色Color Defaults和Interpolation(圖象修正)作適當的參數設定。我們不提倡將Undo Steps值設定得太高,因為這樣很佔用記憶體資源。同時,如果我們將撤消次數設定為8次,Fireworks3.0新增類似於Photoshop5.0的History功能面板也會自動將我們的最近八次操作記錄在案,可惜的是Fireworks3.0的History功能面板不能象Photoshop5.0有無數次undo的功能。
  在Edit選項面板上,提供了諸如精確游標設定、以圖象編輯模式開啟圖形檔案、以及Fireworks Source Files地區內:(When Editing from External Application)當我們使用Fireworks來編輯諸如Dreamweaver或者別的HTML編輯器裡的圖象時,定義是否使用Fireworks預設的PNG格式來開啟;和(When Optimizing from External Application)定義當你使用Fireworks的最佳化命令來最佳化你在Dreamweaver的圖象時是否使用Fireworks預設的PNG格式來開啟等。
  Fireworks不僅同樣可以支援第三廠商開發的外掛濾鏡,而且還允許使用者使用Photoshop的部分外掛程式(Plug-ins),同時Fireworks還允許我們增加使用其它的填充紋理和圖案。這些選項我們都可以通過Floders選項面板進行設定。
  Import選項面板是Fireworks3.0為Preferences對話方塊新增的選項面板,其實該選項面板是將Fireworks2.0中的General選項面板中的Photoshop File Convertion獨立抽出來進行的一種深化。主要是用於設定我們在Fireworks中用何種方式來開啟Photoshop的預設檔案格式PSD。
  
   Fireworks的圖片切割
  將大圖片分割成一塊塊的小圖片,並且將這些小圖片裝載在一個HTML的表格中,在WEB頁面中無縫組拼成原來的大圖,這是網頁製作中最佳化大圖、最佳化網頁的其中一種最常用也是最有效方法。在還沒使用Fireworks之前,你可能還在為這種痛苦的差事忙得焦頭爛額,是Fireworks的專門圖片切割工具解救你於這種痛苦之中。具體的切圖操作我們可以查看學習中心的相關文章。
  
   Fireworks的圖象匯出
  PNG被Fireworks視為自身的圖象格式,通過選取Save或Save as我們可以將Fireworks中處理的圖片儲存成該檔案格式。
  目前所有WEB瀏覽器廣泛支援的僅有GIF和JPEG這兩種圖象格式,如何匯出WEB的這兩種圖象格式呢?Fireworks為我們提供了非常好用的Export Preview(匯出預覽)和Export Wizard(轉存精靈)兩大功能版塊,有關它們的詳細解說我們同樣可以查看在學習中心的相關文章。
  在Fireworks中我們一般都是使用Export Preview功能版塊來匯出包括GIF和JPEG在內的各種格式的圖象檔案,其實,細心的Fireworks還給我們提供了幾種其它的特殊匯出:
  Selected Slice:選擇切片,該特別匯出允許你只匯出切圖的其中一塊或幾塊切片。
  Layers/Frames to Files:單獨匯出圖象的其中一圖層或動畫的某一幀。
  Css Layers:將圖片匯出並放置在各自的CSS(Cascading Style Sheets)圖層中,如果在做WEB頁面要使用到該圖層時,可以將產生的程式碼直接COPY到WEB頁面適當的地方即可。
  Lotus Domino Image Well:匯出用於Lotus Domino文檔中的Image Well格式。
  Flash SWF:將動畫匯出產生Flash電影的SWF檔案格式。
  Illustrator 7:將Fireworks圖象匯出為Illustrator的.ai檔案格式。
  
   Fireworks的行為
  選取菜單“Window-->Behaviors”開啟行為功能面板,使用該功能面板,我們可以很容易做出各種簡單的滾蓋圖(rollover)、互動圖片、導航條、狀態列文本資訊等等。
  
   與Dreamweaver的無縫結合
  只要你將Dreamweaver的預設圖象編輯器設定為Fireworks,這樣在Fireworks中處理的Dreamweaver編輯器裡的檔案會立即跟隨更新。
  可以在Dreamweaver中使用Fireworks提供的標準控制對圖片進行最佳化處理,而無需開啟Fireworks。
  可以把Fireworks產生的程式碼直接輸出到Dreamweaver的Library或直接挎貝到Dreamweaver網頁編輯器適當的位置。
  利用Fireworks的Behaviors,可以非常方便地產生各種滾蓋圖或互動按鈕等等。
  
   匯入Fireworks2.0的Style
  你是否因為Fireworks3.0少了好些Fireworks2.0中的風格模式(Styles)而在著急呢?不用急,先找到你原來Fireworks2.0的安裝目錄Macromedia\Fireworks 2\Settings\Styles下的“Style Defaults.stl”檔案,然後將它COPY到你Fireworks3.0的相同安裝目錄下,再開啟你的Fireworks3.0,點擊Style功能面板右上方的小三角形,在彈出的菜單中選取“Import Styles”命令,匯入你剛COPY過Fireworks3.0安裝目錄下的該.stl檔案即可。

相關文章

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。