發新話題

[教學]FW MX 2004教程:界面

[教學]FW MX 2004教程:界面

簡述:界面



Fireworks是由Macromedia公司開發的網頁製作軟件利器之一。

  在繪圖方面Fireworks結合了位圖以及矢量圖處理的特點,不僅具備複雜的圖像處理功能,並且還能輕鬆地把圖形輸出到Flash,Dreamweaver 以及第三方的應用程序。

  在網頁製作方面Fireworks能快速地為圖形創建各種交互式動感效果,不論在圖像製作或是在網頁支持上都有著出色的表現。

  隨著版本的不斷升級,功能的不斷加強,Fireworks受到越來越多圖像網頁製作者的青睞。目前的最新版本Fireworks MX 2004 中文版更是以它方便快捷的操作模式,和在位圖編輯、矢量圖形處理與GIF動畫製作功能上的多方面優秀整合,贏得諸多好評。

  為了使更多的初學者能夠盡快掌握Fireworks,編者選用了Fireworks MX 2004 中文版為藍本進行系列教程講解,希望能為大家學習Fireworks帶來幫助。

  第一部分中我們先來瞭解一下Fireworks MX 2004中文版的操作界面。

  
一、創建新文檔


  在啟動Fireworks MX 2004中文版時,會出現一個啟始頁面窗口,在這裡你可以快速訪問最近編輯過的文檔或創建一個新文檔,也可以訪問幫助一類的文件或網頁。

  當我們選擇「創建一個新文檔」後,就會彈出「新建文檔」的對話框,如圖1—01。



畫布大小:設置文件畫布的寬、高度,可以用象素、英吋或厘米為單位。

  分辨率:文件的分辨率越高,圖像越精細,但同時文件也會越大。

  畫布顏色:文檔畫布顏色有三個選項,依次為白色、透明色和自定義顏色。在自定義顏色下方的色彩選擇框中,可以自行選擇一種顏色。

  單擊「確定」後,新的文件就創建完成了。

  
二、Fireworks
的工作界面


  新建文檔完成後就可以看到Fireworks的工作界面了,如圖。 Fireworks的工作界面由「菜單欄」、「工具欄」、「工作區」、「工具條」、「組合面板」和「屬性框」六個部分組成。



工作區:在工作區上不僅可以繪製矢量圖,也可以直接處理點陣圖(位圖)。工作區上有四個選項卡,當前是「原始」選項窗,也就是工作區,只有在此窗口中才能編輯圖像文件。而在「預覽」選項窗中則可以模擬瀏覽器預覽製作好的圖像。「2幅」和「4幅」選項卡則分別是在兩個和四個窗口中顯示圖像的製作內容。

  工具條:新版的Fireworks工具條除了新增了一些工具以外,還與原有的工具重新進行優化組合,使其更加的直觀和人性化。

  屬性面板:當選擇對像或選取工具的時候,其相關信息都會在屬性面板中顯示出來。同時也可以通過修改屬性面板中的數據或內容來調整圖像的相關屬性。例如圖像的大小、位置及色彩等等,如圖1—03。



 點擊窗口標題的「屬性」可展開或折疊屬性窗口。在標題欄右邊的下拉列表中可以設置窗口只顯示一半的高度和關閉該窗口。

  組合面板:Fireworks的組合面板共有14個,分別為「信息、層、混色器、顏色樣本、樣式、URL、庫、形狀、幀、歷史記錄、行為、查找、優化和對齊面板」。每個面板即可相互獨立進行排列又可與其它面板組合成一個新面板。但各面板的功能依然相互獨立。點擊面板上的名稱可展開或折疊該面板。例如圖1—04中,則是把「樣式」面板與「對齊」面板進行組合,形成一個新的組合面板,如圖1—05所示。


圖1—04


圖1—05

動畫播放按鈕:對於製作的動畫文件可以用這些按鈕進行播放、停止、到最後一幀、顯示當前幀數等操作。

  取消BMP模式:在引入了BMP格式的圖形文件時,單擊這個紅色小叉就可以取消BMP模式,進入矢量編輯。

  工作區的顯示比例:在這裡可以更改工作區的顯示比例,以方便相關操作,但卻不會更改圖像的實際大小。




三、圖像文件的導入


  通過菜單欄上的「文件—打開」或工具欄上的「打開」按鈕即可啟動打開文件對話框,如圖1—07。



選中要導入的圖形文件後在右邊的預覽框內會顯示該文件的預覽圖。選中「打開為未命名」項是把選中的文件作為無名的文件打開。選中「以動畫打開」項是把選中的文件作為動畫打開。Fireworks還支持一次性同時打開多個相鄰或不相鄰的文件,也可以直接打開或導入Photoshop製作的PSD格式文件進行編輯處理。
  
四、修改畫布


  Fireworks中的畫布也就相當於圖像的背景,在繪圖的過程中為了使畫布的大小或色彩能夠和前景的圖像保持協調,我們經常要修改畫布的相關屬性。方法是,用鼠標點擊畫布,或在畫布的工作區外點擊一下,從而在屬性欄中調出畫布的屬性對話框,如圖1—08。



修改畫布顏色:在該屬性對話框中,點擊畫布顏色選擇框,可以重新點選新的畫布顏色。



圖像大小:對於圖像區域大小的改變,也可以通過畫布的屬性對話框中的「圖像大小」進行修改,
如圖1—11。



 畫布大小:點擊「畫布大小」按鈕將彈出設置對話框,從中可以看到,當前畫布的寬為650像素,高是263像素。在「新尺寸」項內可以輸入新的寬、高像素。在「錨定」右邊是畫布的固定點,當畫布的大小被改變時會以選中的固定點不變來更改畫布的大小。



在像素尺寸項下可以設置工作區的寬、高度數值。選中「約束比例」項後,當寬度或高度中某一數值被改喲後,另一個數值也會等比例地隨著改變。如果取消此項選擇,就可以單獨改變寬度或高度的數值了。「圖像重新取樣」項是設置圖像的重新取樣功能。

  符合畫布:這是Fireworks MX 2004的新功能,可以使畫布大小與圖像所佔用的位置大小相一至。

  
五、網格與輔助線


  網格與輔助線經常用於在繪畫過程中,對圖像的擺放位置、角度、大小等進行輔助參考,從而為圖像製作帶來方便。點擊「視圖」菜單,從中即可啟動「網格」與「輔助線」功能,如圖1—12。



網格:在網格的下級菜單中,當選擇「對齊網格」時,可使繪圖對像邊緣與網格進行對齊。而「編輯網格」則可重新設置網格線的顏色及排列密度等等。如圖1—13。



 輔助線:在啟動標尺後,從上邊或左邊的標尺刻度中按下鼠標不放,並向畫布方向進行拖拽,即可拉出一條輔助線出來,如圖1—14。



當把輔助線再拖回標尺位置上時,即可取消該輔助線。而在輔助線的菜單選中,可以設置輔助線的相關屬性。



鎖定輔助線——當輔助線從標尺中被拖拽到工作區後,就無法再進行移動;

  對齊輔助線——使繪圖對象與輔助線對齊;

  編輯輔助線——可啟動輔助線的編輯窗口,從而進一步為輔助線作相關設置。

[ 本帖最後由 philxyz0316 於 2006-10-30 23:22 編輯 ]

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。