fireworks cs4入門與提高教程第2章 Fireworks CS4的文檔

第2章FireworksCS4的文檔操作

本章重點在介紹了FireworksCS4的工作環(huán)境之后，本章開始介紹文檔的基本操作方法。文檔操作是Fireworks中最基本的操作，包括新建文檔、打開文檔、導入文檔等多個方面。從一個良好的設計基礎入手進行創(chuàng)作，不僅能起到事半功倍的效果，而且能充分體現創(chuàng)作者的專業(yè)水平。學習目的通過本章的學習，用戶應該了解Fireworks中各種文檔格式，并能根據需要創(chuàng)建自己需要的格式文檔，在其他開發(fā)環(huán)境下導入和導出相應格式的文檔。2.1概述

文檔是指應用程序中所操作的數據對象。不同的應用程序，文檔中數據的組織方式也不同。例如，對于MicrosoftWord，文檔的類型是文書檔案；對于MicrosoftExcel，文檔的類型是電子表格；對于AdobeDreamweaver，文檔的類型是網頁；而對于AdobeFlash來說，文檔的類型是矢量動畫；Fireworks是一種用于進行Web圖像處理的應用程序，其文檔的類型是圖像。在Fireworks中，文檔圖像采用PNG格式。PNG圖像格式更加靈活，不僅可以在其中保存位圖信息，還可以保存矢量信息；不僅對圖層和幀提供了完美的支持，還可以綁定HTML和JavaScript代碼，構建動態(tài)的圖像。目前只有較高版本的瀏覽器，如InternetExplorer4.0、NetscapeNavigator4.0及它們的更高版本才支持PNG格式的圖像。同很多應用程序一樣，FireworksCS4可以打開多種格式的文檔。FireworksCS4還可以將Photoshop、Freehand、Illustrator、CorelDraw等圖像編輯軟件編輯的圖像導入。2.2使用文檔

2.2.1創(chuàng)建新文檔創(chuàng)建新文檔的具體操作如下所示：（1）選擇菜單欄“文件”|“新建”命令，打開“新建文檔”對話框，如圖所示。（2）設置完畢，單擊“確定”按鈕，即可在文檔工作區(qū)創(chuàng)建一個空白的PNG文檔。如圖所示。2.2.2打開、關閉、保存文檔

FireworksCS4中打開、關閉、保存文檔的方法與Windows中的文件操作相同。2.2.3圖像的導入導入文檔的具體操作如下所示：（1）選擇菜單欄“文件”|”導入”命令，打開“導入”對話框。如圖2-3所示。（2）選擇需導入的文件，單擊“打開”按鈕。此時“導入”對話框關閉，回到正在編輯的文檔，鼠標指針變成一個直角符號。在文檔窗口拖動導入指針，出現一個虛線矩形框，如圖所示。松開鼠標，圖片被導入到矩形框中。導入圖片大小、位置和尺寸由拖動產生的矩形框決定，如圖所示。2.2.4插入其他文件中的對象

插入方法有利用鼠標拖放或采用復制粘貼兩種操作方式。1．利用鼠標拖放這里以MicrosoftInternetExplorer6.0為例講解利用鼠標拖放對象到Fireworks中。（1）同時打開MicrosoftInternetExplorer6.0和FireworksCS4，將鼠標移到IE窗口中需導入的對象上。按住鼠標左鍵不放，將光標拖動到FireworksCS4文檔編輯窗口上，此時鼠標指針顯示為一個符號。（2）將對象拖放在文檔編輯窗口合適的位置，釋放鼠標，即將對象插入到當前編輯的文檔中。2．采用復制粘貼操作需要注意的是，矢量圖形與分辨率無關，可以在分辨率不同的輸出設備上顯示，而不會改變其外觀品質。位圖圖形與分辨率有關。選擇“重新取樣”，會保持粘貼位圖的原始寬度和高度不變，并在必要時添加或去除一些像素。選擇“不要重新取樣”則維持全部原始像素，這可能會使粘貼圖像的相對大小比預想的要大或小一些。2.2.5從掃描儀或數碼相機中導入圖像

FireworksCS4支持從掃描儀或數碼相機中直接導入圖像，這是通過Windows系統(tǒng)的TWAIN模塊（或Macintosh系統(tǒng)的PhotoshopAcquire插件）實現的。直接導入的圖像是以新文檔的形式打開的。選擇菜單欄“文件”|”掃描”命令，就可以很方便地掃描所需的圖像。2.3顯示文檔文檔是顯示在文檔編輯窗口的，為了編輯的方便，我們需要采用不同的顯示模式及比例。

2.3.1直接調整文檔的顯示比例選擇菜單欄“視圖”|“縮放比例”命令，會彈出顯示比例清單，如圖所示。在清單中單擊所需的顯示比例后，圖像就會以該比例顯示在文檔編輯窗口。用戶也可以在文檔編輯窗口選取對象，然后單擊鼠標右鍵，此時會彈出右鍵快捷菜單。選擇“縮放比例”命令，也會有一個顯示比例清單，如圖所示。除了顯示縮放比例外，還有“選區(qū)符合窗口大小”和“符合全部”兩個選項，分別表示將所選對象全窗口顯示和將圖像全窗口顯示。在FireworksCS4中，文檔的顯示比例可以在6%～6400%之間變化。2.3.2使用縮放工具

單擊縮放工具按鈕后，鼠標指針會變成放大鏡形狀。在文檔窗口中單擊鼠標后就可放大顯示文檔內容；連續(xù)單擊鼠標左鍵，還可以在當前基礎上連續(xù)放大，每次放大的倍數為前一次的200%。用戶也可以放大文檔的指定區(qū)域。選中縮放工具后，在文檔編輯窗口拖動鼠標選擇要查看的區(qū)域，如圖所示。釋放鼠標該區(qū)域就會放大顯示在全窗口中，如圖所示。選取了縮放工具后，按住鍵盤上的Alt鍵，鼠標指針會編成縮小鏡形狀。單擊鼠標左鍵，即可縮小顯示文檔內容；連續(xù)單擊鼠標左鍵，還可以在當前基礎上連續(xù)縮小。用戶也可將文檔縮小顯示在指定區(qū)域。選取縮放工具，按住Alt鍵，在文檔編輯窗口拖出一個矩形框。釋放鼠標文檔會在該矩形框中縮小顯示。此外，用鼠標雙擊工具箱中的縮放工具按鈕，可以將文檔的顯示比例恢復到100%。2.3.3使用手形工具

當文檔大小超出了文檔窗口的顯示范圍時，可以通過拖動文檔窗口右側和下部的滾動條查看文檔的各個部分。不過，FireworksCS4提供了更為方便的查看工具——手形工具，它位于工具箱下部的”視圖”欄內，在FireworksCS4的標題欄上也添加了該工具。單擊手形工具按鈕，此時，鼠標指針會變成手形，在文檔窗口上按住鼠標左鍵后拖動鼠標，即可很方便地查看文檔的各個部分。如果雙擊手形工具按鈕，可以將當前文檔全窗口顯示。2.3.4完全顯示和草圖顯示

在Fireworks中，文檔的顯示方式有兩種：完全顯示和草圖顯示。完全顯示就是在整個文檔窗口中顯示圖像的所有細節(jié)，包括矢量結構和應用到這些結構上的各種效果，如圖所示。草圖顯示使用一個像素寬的路徑顯示矢量圖形，不顯示填充效果，對于圖像顯示一個“X”，如圖所示。選擇菜單欄“視圖”|“完整顯示”可以在兩種顯示方式之間切換。選項前有“√”標記時，表示當前采用完整顯示；選項前沒有“√”標記時，表示當前采用草圖顯示。2.3.5Macintosh灰度系數灰度預覽可使用戶看到一幅圖像在其他計算機平臺上的顯示效果。選擇菜單欄“視圖”|“Macintosh灰度系數”命令，即可在當前文檔中查看該圖像在Macintosh計算機中的顯示效果。2.4標尺、輔助線和網格

FireworksCS4提供了標尺、輔助線、網格等定位工具，幫助用戶布局圖像，了解圖像當前的坐標位置。

2.4.1標尺選擇菜單欄“視圖”|“標尺”命令即可顯示標尺。水平和垂直方向的標尺都是從文檔編輯窗口左上角開始沿著文檔編輯窗口顯示出來，如圖2-17所示。在文檔編輯窗口拖動鼠標時，標尺上能查看到當前鼠標位置的坐標。再次選擇菜單欄“視圖”|“標尺”命令可以隱藏標尺。2.4.2輔助線

1．添加輔助線：將鼠標移到標尺上，按住鼠標左鍵并拖動到文檔中合適的位置釋放，即可添加一條輔助線。2．移動輔助線：將鼠標移到輔助線上，當鼠標指針變成雙箭頭時拖動輔助線，即可改變輔助線的位置。3．鎖定輔助線：選擇菜單欄“視圖”|“輔助線”|“鎖定輔助線”命令即可鎖定輔助線，鎖定后的輔助線不能被移動。再次選中該命令，即可解除對輔助線的鎖定。4．刪除輔助線：選擇菜單欄“視圖”|“輔助線”|“清除輔助線”命令，一次刪除畫布中的所有輔助線。5．顯示|隱藏輔助線：選擇菜單欄“視圖”|“輔助線”|“顯示輔助線”命令可以顯示或隱藏輔助線。6．對齊輔助線：選擇菜單欄“視圖”|“輔助線”|“對齊輔助線”命令。在文檔中創(chuàng)建或移動對象時，就會自動對齊距離最近的輔助線。2.4.3網格

1．顯示網格：選擇菜單欄“視圖”|“網格”|“顯示網格”命令即可在文檔編輯窗口中顯示網格，如圖所示。再次選擇該命令，清除前面的”√”標記，即可隱藏網格。2．對齊網格選擇菜單欄“視圖”|“網格”|“對齊網格”命令。3．設置網格參數選擇菜單欄“編輯”|“首選參數”|“輔助線和網格”命令，彈出如圖所示的“首選參數”對話框。2.5畫布與文檔的屬性

（1）打開菜單“修改”|“畫布”|“畫布大小”命令，如圖所示。（2）打開“畫布大小”對話框，如圖所示。（3）在“當前大小”區(qū)域，可以看到畫布在修改之前的大小。（4）在“新尺寸”區(qū)域可以輸入畫布新的高度和寬度值，從右方的下拉列表中可以選擇數值的單位。2.5.1改變畫布大?。?）在“錨定”區(qū)域中顯示了一些按鈕，每個按鈕上用圖表示了畫布擴展或收縮的方向，默認狀態(tài)下是中間的按鈕被按下，表明畫布向四周均勻擴展或收縮，也可以根據需要，單擊相應的方向按鈕。（6）FireworksCS4支持在單個PNG文件中創(chuàng)建多個頁面，所以，如果只要改變當前頁面的大小，則須保留選中“僅當前頁面”。如果要修改當前文檔中所有頁的大小，則取消選中該復選框。（7）設置完畢，單擊“確定”按鈕，確定操作，即可完成對畫布大小的重設。此外，還可以使用工具欄中的裁切工具改變畫布的大小。2.5.2改變畫布顏色

改變畫布顏色的具體操作如下所示：（1）選擇菜單“修改”|“畫布”|“畫布顏色”命令，打開畫布顏色對話框。如圖所示。（2）根據需要在對話框中選擇新的畫布顏色。“白色”：選中該項，則將畫布顏色修改為白色?！巴该鳌保哼x中該項，則將畫布顏色修改為透明?！白远x”：選中該項，可以從右方的顏色選擇區(qū)域選擇需要的畫布顏色。（3）設置完畢，按下“確定”按鈕，完成修改畫布的顏色。2.5.3旋轉畫布

（1）選擇菜單“修改”|“畫布”命令。（2）根據需要選擇二級菜單中的不同選項：旋轉180°：選中該項，將畫布旋轉180°，也即上下顛倒。旋轉90°順時針：選中該項，將畫布順時針旋轉90°。旋轉90°逆時針：選中該項，將畫布逆時針旋轉90°。注意：旋轉畫布會導致在其中繪制的所有圖像對象同時被旋轉。如圖顯示了3種畫布旋轉的結果。第1幅是原始圖，第2幅是旋轉180°，第3幅為順時針旋轉90°，第4幅為逆時針旋轉90°。2.5.4修剪、符合畫布

Fireworks修剪畫布的具體操作如下所示：（1）選擇菜單“修改”|“畫布”|“修剪畫布”命令。（2）這時會看到：畫布的大小自動被縮小，直至剛好容納圖像內容。如圖所示。（3）選擇“符合畫布”命令可以使較小的畫布適應較大的圖像范圍。如圖所示，左圖為在較小的畫布上移動對象，而右圖顯示了“符合畫布”之后的效果。2.5.5改變圖像大小

（1）選擇菜單“修改”|“畫布”|“圖像大小”命令。（2）“像素尺寸”區(qū)域中可以重新輸入新的圖像寬度和