天天看點

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

本節書摘來自異步社群《adobe fireworks cs5标準教育訓練教材》一書中的第1章,第1.5節,作者: acaa專家委員會, ddc傳媒 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

在工作區中,可以浏覽和檢視文檔,更改畫布和文檔的大小,管理工作區視圖,以及通過标尺、輔助線和網格這些輔助繪制工具幫助放置和對齊對象。

1.5.1 檢視文檔

在fireworks中,通過控制文檔的縮放比率、視圖數目以及顯示模式,可以快速地檢視文檔,如果打開了多個文檔,可以通過“文檔”頁籤切換文檔。

使用“文檔”頁籤

當文檔視窗處于最大化時,可以使用文檔視窗頂部的“文檔”頁籤,輕松地在多個打開的文檔之間進行選擇切換。每個被打開文檔的檔案名,都會顯示在“視圖”按鈕上方的頁籤上,如圖1-5-1所示。

直接單擊文檔名稱就可以檢視或切換該文檔。當移動滑鼠滑過該頁籤時,将出現該檔案位置的提示。

縮放和移動文檔

在fireworks中,可以對文檔及圖像按照預設的增量,或者是自定義的縮放百分比,進行放大或縮小。

除了可以使用“工具”面闆“視圖”部分的“手形”工具

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

或“縮放”工具

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

移動或縮放文檔外,還可以單擊fireworks标題欄位置的“視圖”工具,進行縮放和移動對象,也可自定義縮放比率,如圖1-5-2所示。

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

縮小或放大文檔

使用“縮放”工具

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

縮小或放大文檔時,每次單擊都将使圖像縮小或放大到下一個預設的縮放倍數。

單擊“縮放”工具的同時按着“alt”鍵,可以縮小文檔。

對文檔執行“縮放”操作時,在單擊“縮放”工具

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

後,在文檔的視窗内指定要縮小或放大的中心點,按下一個預設的百分比縮小或放大圖像。

對文檔及圖像除了可以使用“縮放”工具操作外,還可以從文檔視窗右下角的“設定縮放比率”清單,選擇一種縮放比例設定。同樣,在“視圖”菜單中單擊“放大”、“縮小”指令或預設縮放比率也可以放大或縮小文檔。

在“設定縮放比率”框中,縮放選擇值的大小決定了精确的縮放百分比。如果要将某個區域放大或者縮小,而不受預設的縮放增量的限制,可以通過“縮放”工具在需要放大或者縮小的圖像部分進行拖動。縮小操作時需要同時按着“alt”鍵。

輕按兩下“工具”面闆中的“縮放”工具可恢複為100%縮放比率。

移動文檔

如果畫布被放大或畫布本身過大,螢幕無法顯示整個畫布時,可以選擇“手形”工具

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

,拖動“手形”指針檢視。

在對fireworks中的文檔及圖像進行編輯時,可以通過“選擇”工具區中的“手形”工具,拖動“手形”指針在文檔中移動實作。移動到畫布邊緣外面時,視圖将繼續移動,這樣就可以處理畫布邊緣的像素。

輕按兩下“工具”面闆中的“手形”工具可調整文檔使其适合目前視圖。

1.5.2 視圖管理

在fireworks中,可以通過使用視圖模式來管理工作區。在“工具”面闆中,有3個視圖模式,“标準螢幕模式”

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

、“帶有菜單的全屏模式”

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

和“全屏模式”

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

,可以從中選擇一個模式來控制工作區的布局。

“标準螢幕模式”是預設的文檔視窗視圖;“帶有菜單的全屏模式”是最大化的文檔視窗視圖,其背景為灰色,菜單、工具欄、滾動條和面闆處于可見狀态;“全屏模式”最大化的文檔視窗視圖,其背景為黑色,菜單、工具欄或标題欄不可見。

可以同時使用多個視圖以不同的縮放比率檢視文檔。在一個視圖中所做的更改會自動反映在同一文檔的所有其他視圖中。可以通過單擊“視窗”菜單中的“重制視窗”指令,為新視窗選擇一個縮放設定。在建立多個視圖之前,通常需要確定文檔在工作區中沒有最大化,這樣可以同時看到文檔的多個視圖。

如果需要在螢幕上重繪文檔,可以通過單擊“視圖”菜單中的“完整顯示”指令完成。在單擊“完整顯示”指令後,fireworks會以全部可用的顔色顯示文檔的完整細節。

當“完整顯示”指令處于取消選擇狀态時,fireworks将路徑顯示為1個像素寬并且沒有填充,而對于圖像則顯示一個貫穿整個圖像_的_x。

如果需要檢視文檔在不同平台上的顯示方式,可以通過單擊“視圖”菜單中的“灰階系數1.8”指令實作。

如果要關閉一個文檔視圖視窗,單擊該視窗的“關閉”按鈕即可。

1.5.3 畫布的更改和設定

建立或修改fireworks文檔時,可以通過使用“修改”菜單或“屬性”檢查器,修改畫布的大小和顔色,以及更改圖像的分辨率。當處理文檔時,還可以旋轉畫布或修剪多餘的部分。

更改畫布大小

畫布的大小可以根據需要修改。通過單擊“選擇”菜單中的“取消選擇”指令取消任何選擇,然後選擇“指針”工具,單擊“屬性”檢查器中的“畫布大小”按鈕,彈出“畫布大小”對話框,或通過單擊“修改”菜單中的“畫布”→“畫布大小”指令,如圖1-5-3所示。

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

https://yqfile.alicdn.com/2e04b88c2ebc172e9a4f3fbaa9ce2924ed33076b.png" >

在“畫布大小”對話框中,可以對畫布的尺寸進行修改,在“寬”和“高”文本框中輸入新的尺寸,然後單擊“錨定”按鈕以指定fireworks在畫布的哪一邊添加或删除,最後單擊“确定”按鈕。

在預設情況下,選擇的是中心錨定,這表示對畫布大小的更改将在所有邊上進行。

更改畫布顔色

如果對畫布的顔色不滿意也可以進行更改,通過單擊“修改”菜單中的“畫布”→“畫布顔色”指令,彈出“畫布顔色”對話框,如圖1-5-4所示。

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

在“畫布顔色”對話框中,選擇畫布顔色為“白色”、“透明”或“自定義”。如果選擇“自定義”單選項,則直接在彈出的“樣本”對話框中選擇一種顔色即可。

除了通過菜單指令對畫布的顔色進行更改外,還可以通過“屬性”檢查器來更改畫布的顔色。單擊“選擇”菜單中的“取消選擇”指令,或按快捷鍵“ctrl+d”,然後選擇“指針”工具,在“屬性”檢查器中單擊“畫布”顔色框,再從彈出的“樣本”對話框中選取一種顔色,或者在螢幕上任意位置的某種顔色上單擊“滴管”。如果要選擇透明畫布,可以單擊“樣本”對話框中的“無”按鈕。

調整圖像大小

單擊“選擇”菜單中的“取消選擇”指令,取消文檔内所有對象的選擇,然後選擇“指針”工具,此時“屬性”檢查器中顯示文檔的屬性,再單擊“屬性”檢查器中的“圖像大小”按鈕,彈出“圖像大小”對話框。也可以單擊“修改”菜單中的“畫布”→“圖像大小”指令打開“圖像大小”對話框,如圖1-5-5所示。

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

https://yqfile.alicdn.com/b9d38f2f8f73ee760240c2c141da76b58f2f1a29.png" >

在“圖像大小”對話框中可以改更像素尺寸,列印尺寸,調整是否限制比例和是否要将圖像重新取樣,還可以更改“插值法”選項。

在“像素尺寸”文本框中輸入新的水準和垂直尺寸。在“列印尺寸”文本框中輸入列印圖像的水準和垂直尺寸,在“分辨率”文本框中為圖像輸入新的分辨率。

在選擇了“圖像重新取樣”複選框的情況下,隻可以更改分辨率或列印尺寸,不能更改像素尺寸。分辨率以像素/英寸或像素/厘米作為機關,更改分辨率将更改像素的大小。

如果要在文檔的水準和垂直尺寸之間保持相同的比例,可以選擇“限制比例”複出框。如果取消選擇“限制比例”,可單獨調整水準和垂直尺寸。選擇“圖像重新取樣”複出框,以便在調整圖像大小時添加或去除像素,使圖像在不同大小的情況下具有大緻相同的外觀。選擇“僅限目前頁”複出框可将畫布大小更改僅應用于目前頁面。

“插值法”是fireworks用來設定縮放圖像時,插入像素的4種不同縮放方法。“雙立方”插值法,在大多數情況下可以提供最鮮明、最高的品質,并且是預設的縮放方法;“雙線性”插值法,它所提供的鮮明效果比“柔化”插值法強,但沒有“雙立方”插值法那麼鮮明;“柔化”插值法,它提供了柔化模糊效果并消除了鮮明的細節,當其他方法産生了多餘的人工痕迹時,此方法很有用;“最近的臨近區域”插值法,它産生鋸齒狀邊緣和沒有模糊效果的鮮明對比度,此效果類似于使用“縮放”工具在圖像上放大或縮小。圖1-5-6中的圖a和圖b分别顯示了圖示放大時,使用“雙立方”插值法和“最近的臨近區域”插值法的不同效果。

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

https://yqfile.alicdn.com/dc9e2e41fd355f8a401d1d353592811fe4d5e2a1.png" >

關于重新取樣

fireworks包含了基于像素的位圖對象以及基于路徑的矢量對象,是以它重新取樣方法不同于大多數圖像編輯應用程式對圖像重新取樣的方法。

在對位圖對象進行重新取樣時,将在圖像中添加或去除像素,使圖像變大或變小;在對矢量對象重新取樣時,由于通過數學方式以更大或更小的尺寸對路徑進行重繪,是以幾乎不會有品質損失。

在fireworks中矢量對象的屬性是以像素方式表現的,在重新取樣後,由于必須重繪組成筆觸或填充的像素,是以有些筆觸或填充可能看起來略微不同。

在更改文檔的圖像大小時,輔助線、熱點對象和切片對象的大小都将被調整。調整位圖對象的大小時總會産生一個特有的問題:是通過添加或去除像素調整圖像大小,還是通過更改每英寸或每厘米機關上的像素數量調整圖像大小。

可以通過調整分辨率或對圖像重新取樣來改變位圖圖像的大小。在調整分辨率時,更改了圖像中像素的大小,可以使給定空間中的像素更多或更少。調整分辨率而不重新取樣不會導緻資料損失。

向上重新取樣即添加像素以使圖像變大。因為添加的像素不總是與原始圖像相符,是以可能會導緻品質損失。

向下重新取樣即删除像素以使圖像變小。因為要丢棄像素以調整圖像的大小,是以總是會導緻品質損失。圖像中的資料損失是向下重新取樣的另一種副作用。

旋轉畫布

要将導入的圖像倒置或側放,可以通過将畫布旋轉實作。可以通過單擊“修改”菜單中的“畫布”指令的子指令将畫布旋轉。有三種旋轉方式:旋轉180°、順時針旋轉90°和逆時針旋轉90°。旋轉畫布時,文檔中的所有對象都将旋轉。

裁剪畫布和文檔

可以對畫布的大小進行擴充或修剪,使其适應其中包含的對象。首先單擊“選擇”菜單中的“取消選擇”指令,然後選擇“指針”工具,在“屬性”檢查器中檢視文檔屬性,再在“屬性”檢查器中單擊“符合畫布”按鈕。圖1-5-7中的圖a和圖b分别顯示為修剪前的畫布和修剪後的畫布的效果。

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

對畫布進行裁剪操作會删除文檔中多餘的部分,畫布将調整大小以适合定義的區域。在預設情況下,裁剪時會删除超出畫布邊界的對象,可以通過在裁剪前更改首選參數來保留畫布外的對象。首先從“工具”面闆中選擇“裁剪”工具01%20(39).jpg,或者單擊“編輯”菜單中“裁剪文檔”指令,然後在畫布上拖動邊框,再調整裁剪搖桿,直到邊界框包含的區域符合所需大小,最後在邊框中輕按兩下或者按下“enter”鍵以裁剪文檔。

1.5.4 使用标尺、輔助線和網格

在fireworks中,可以通過标尺、輔助線和網格來放置和對齊對象的輔助繪制工具。輔助線是從标尺拖到文檔畫布上的線條,可以使用輔助線來标記文檔的重要部分。網格在畫布上顯示為一個由橫線和豎線構成的體系,可以精确放置對象。輔助線和網格既不駐留在層上,也不随文檔導出。

可以通過“編輯”菜單下的“首選參數”指令更改标尺、輔助線和網絡的顔色、大小以及其他相關設定。

顯示、隐藏以及使用标尺

單擊“視圖”菜單中的“标尺”指令可以顯示垂直标尺和水準标尺在文檔視窗的邊緣。标尺以像素為機關進行度量。

通過标尺可以建立水準輔助線和垂直輔助線。用滑鼠左鍵從相應的标尺處拖動到畫布,則在畫布上定位出輔助線,此時釋放滑鼠鍵,輔助線即被建立。也可以通過拖動已有的輔助線來重新定位輔助線。

可以将輔助線移動到指定的位置。當滑鼠指針移動至輔助線并變成"

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

"的形狀時,輕按兩下輔助線,彈出“移動輔助線”對話框。在該對話框中輸入新位置并單擊“确定”按鈕,如圖1-5-8所示。

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

https://yqfile.alicdn.com/b404b92e6500a4767ac7f830bb0201d1ead6a25a.png" >

輔助線或網格

通過單擊“視圖”菜單中的“輔助線”→“顯示輔助線”指令或者單擊“視圖”菜單中的“網格”→“顯示網格”指令可以顯示文檔中的輔助線或網格,如果取消選擇,會隐藏文檔中的輔助線或網格。

通過單擊“視圖”菜單中的“輔助線”→“對齊輔助線”指令或者單擊“視圖”菜單中的“網格”→“對齊網格”指令,可以使文檔中的對象與輔助線或網格對齊。

如果需要鎖定所有輔助線,可以單擊“視圖”菜單中的“輔助線”→“鎖定輔助線”指令,如果取消選擇将會取消鎖定輔助線。

将輔助線從畫布上拖出可以删除輔助線。

在将輔助線拖入畫布的同時按“shift”鍵,可顯示輔助線之間的距離。

輔助線和網格的相關操作會應用到fireworks的打開的所有文檔中。

智能輔助線

智能輔助線是臨時的對齊輔助線,可幫助其他對象建立對象、對齊對象、編輯對象和使對象變形。如果要激活和對齊智能輔助線,可以單擊“檢視”菜單中的“智能輔助線”→“顯示智能輔助線”指令和“對齊智能輔助線”指令。

在建立對象時,可以使用智能輔助線将其相對于現有的對象放置,與矩形和圓形切片工具一樣,直線、矩形、橢圓形、多邊形和自動形狀工具也顯示智能輔助線。在移動對象時,可以使用智能輔助線将其與其他對象對齊。當對象變形時,會自動出現智能輔助線來幫助變形,在移動對象時智能輔助線可以使其對象對齊。

如果要更改智能輔助線出現的時間和方式,可以通過設定智能輔助線的首選參數進行

更改。

1.5.5 在浏覽器中預覽

在對文檔進行編輯後,可以單擊“檔案”菜單下的“在浏覽器中預覽”指令,在指定的浏覽器中檢視設計的效果。

按快捷鍵“ctrl+f12”可以在所有的頁面都連結在一起的情況下,在主浏覽器中預覽所有頁面的互動。

按“f12”鍵,可以在主浏覽器中預覽活動的fireworks文檔。如果計算機隻安裝了一個浏覽器,則fireworks将其設為主要浏覽器。如果安裝了多個浏覽器,則可以單擊“檔案”菜單下的“在浏覽器中預覽”→“設定主浏覽器”指令,選擇一個顯示fireworks文檔的主浏覽器。

如果按快捷鍵“shift+f12”,預覽在輔浏覽器中預覽活動的fireworks文檔,需要首先設定備用浏覽器。單擊“檔案”菜單下的“在浏覽器中預覽”→“設定輔浏覽器”指令,在“定位浏覽器”對話框中選擇要使用的備用浏覽器。

1.5.6 操作的撤銷和重複

在fireworks中,通過使用“撤銷”和“重複”指令,可以節省大量的時間,有助于提高工作效率。

使用“曆史記錄”面闆撤銷和重複多個動作

“曆史記錄”面闆列出了最近在fireworks中執行的動作,使用“曆史記錄”面闆,可以檢視、修改和重複建立文檔所進行的動作。“曆史記錄”面闆中所列的步驟數可以通過單擊“編輯”菜單中的“首選參數”指令更改,在“首選參數”對話框的“正常”類别的“最多撤銷次數”輸入框中輸入撤銷的次數,最高可設定為1 009次。

使用“曆史記錄”面闆,可以快速撤銷或重做最近執行的動作;可以從“曆史記錄”面闆中選擇最近執行的動作,并重複這些動作;将所選的指令作為javascript等效文本複制到剪貼闆;将一組最近執行的動作儲存為自定義指令,然後從“指令”菜單中選擇該指令,以便将其作為單個指令重複使用。

撤銷和重複執行動作

在fireworks中,使用“曆史記錄”面闆執行撤銷和重複執行操作時,首先要單擊“視窗”菜單中的“曆史記錄”指令,打開“曆史記錄”面闆,如圖1-5-9所示。

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

在“曆史記錄”面闆中,可以通過拖動左側的上下滑動按鈕

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

來撤銷操作。

在重複執行動作時,首先要執行一些動作,然後高亮顯示要執行的動作。可以單擊一個動作使其高亮顯示:也可以按住“crtl”鍵的同時單擊,以高亮顯示多個獨立動作;還可以按住“shift”鍵單擊,以高亮顯示連續的多個動作。最後單擊“曆史記錄”面闆底部的“重放”按鈕,重複執行該動作。

除了從“曆史記錄”面闆中,可以執行“撤銷”和“重放”指令外,還可以通過工具欄中的“撤銷”和“重做”按鈕執行操作。單擊“編輯”菜單中的“撤銷”指令,“編輯”菜單中的“重複”指令也可以完成同樣的操作,快捷鍵為“crtl+z”和“crtl+y”。“撤銷”和“重放”是今後的設計中最常用的兩個指令,一定要熟記!

儲存動作以便重新使用

在設計過程中,可以将有些動作儲存,以便以後再利用。首先通過選取,高亮顯示“曆史記錄”面闆中要儲存的動作,然後單擊面闆底部的“儲存”按鈕

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

。在彈出的“儲存指令”對話框輸入一個指令名稱并單擊“确定”按鈕,如圖1-5-10所示。

《ADOBE FIREWORKS CS5标準教育訓練教材》——1.5 工作區的操作

https://yqfile.alicdn.com/a53cc30ea7bbd939a0519795be300c3ec979f4a4.png" >

使用儲存的自定義指令

為了提高工作效率,可以将重複執行的動作定義成為一些指令,将其儲存在“指令”菜單中,如果要使用,直接單擊“指令”菜單,選擇指令名稱即可。

繼續閱讀