FW MX 2004教程:圖像輸出
在Fireworks 中,圖像默認的保存格式是.PNG文件,該文件最大可能的保存了Fireworks 中所繪製的各種圖形對像、切片的相關屬性與信息,從而為圖像文件的再次編輯再來最大的可操作性,此外在輸出的文件格式中常用的還有GIF、GIF動畫、BMP、JPEG等。下面我們就來詳細瞭解這些格式的輸出方法和設置選項。
1、圖像的輸出設置
「選項」設置:在Fireworks 中,製作完成圖像,可以直接點擊工具欄上的「保存」按鈕,將圖像保存成PNG文件。此外也可以用菜單上的「文件—導出預覽」命令,進行文件的輸出預覽,如圖7—01。
圖7—01
格式——在該欄中可以選擇將要輸出的圖像格式,常用的輸出格式有GIF、GIF動畫、BMP、JPEG等;
調色板——選擇圖像所使用的調色板。調色板中的顏色越少,圖像中的顏色也越少,輸出的圖像文件也就越小。
失真——設置圖像的壓縮質量。壓縮比越高,圖像失真就越大。在失真欄後面的輸入框中,可設置圖像所使用的最大色彩數。
抖動——通過替換圖像中色彩相近的象素,以模擬出當前調色板中沒有的顏色,從而產生缺失顏色的外觀。在導出具有複雜混合或漸變的圖像,以及將照片圖像導出為諸如GIF的8位圖形文件格式時,抖動尤其有用。但同時也會增加圖像文件的容量。抖動選項僅適用於GIF、其它8位圖形文件格式和WBMP。
顏色表——顯示的是輸出對像時使用到的各種顏色。
在顏色表下有用於編輯顏色的六個工具按鈕,如圖7—02。
圖7—02
替換選中色彩——在顏色表中選中一種色彩後,使用該工具重新選擇一種色彩進行替換;
設置透明度——將顏色表中某一色彩設置為透明色;
接近網頁安全色——強置圖像色彩接近於網頁安全色,使其在顯示設置為256色的計算機上進行網頁瀏覽時不會或降低色彩抖動;
鎖定色彩——鎖定被選中的顏色,以便在更改調色板或減少調色板的顏色數目時無法將其刪除或更改。當顏色被鎖定之後切換到另一個調色板時,鎖定的顏色將被保留在新的調色板中。
新增色彩——為顏色表新添一種色彩;
刪除色彩——刪除顏色表中的色彩。
在顏色表左下角邊上還有三個用來設置圖像透明度的工具,如圖7—03。
圖7—03
使用左起第一個工具可把顏色表中的某一色彩或對像中的色彩設置成透明色。如圖7—04,在圖像的「預覽」框中,點擊白色部分後,圖像中所有白色都變成了透明。
圖7—04
使用第二、第三兩個工具是增加或刪除透明色彩。
在這三個設置圖像透明度工具右邊還有一個下拉菜單,如圖7—05。
7—05
不透明——圖像中不設置任何透明色;
索引色透明——我們在Fireworks中所繪製的圖像即使背景為透明,但在導出為GIF格式後,它的背景卻並非是透明的。因此在導出前就要事先選擇「索引色透明」,以確保圖像在導出後背景色為透明;
Alpha透明度——用於導出具有漸變透明和半透明象素的圖形。
刪除未使用的顏色——刪除顏色表內未在圖像中使用的顏色;
交錯式瀏覽器顯示——使圖像在瀏覽器中觀看時先以低分辨率進行顯示,到圖像下載結束時後再顯示為完整的分辨率。該選項僅適用於GIF和PNG文件格式。
在「選項」卡的右下角還有兩個按鈕,分別為「導出嚮導」和「優化到指定大小」如圖7—06。
圖7—06
導出嚮導——可按該嚮導的一步步提示進行選擇,從面導出圖像;
優化到指定大小——可自行設定導出文件的大小。
「文件」設置:點擊「導出預覽」窗口中的「文件」選項卡,如圖7—07。
圖7—07
縮放區——可以設置導出圖像的縮放比例和寬、高度;
導出區域——選擇該項後可直接在X,Y欄中輸入起始坐標,在W,H欄中輸入寬、高度。此時,在圖像的預覽區中,圖像四周會出現六個控制點,通過拖動這些控制點也可以設定圖像的導出區域。
2、輸出GIF動畫
在「導出預覽」窗口中導出GIF動畫時,可以先在「選項」設置中的格式欄內選擇「GIF動畫」,然後對該動畫進行相關的優化設置後點擊「動畫」選項卡,如圖7—08。
圖7—08(點擊可放大觀看)
幀的處置——在該選項卡的上面有個垃圾桶圖標,可用於指定幀的處置方法;
幀的延遲——在該項上面有個時鐘的圖標,可設置被選中幀的延遲時間;
幀的播放次數——在「永久」下拉菜單中可以設置動畫文件在導出保存為網頁格式時的播放次數;
裁剪每個幀——可將動畫中的每一幀都裁剪成一個矩形區域,只輸出各幀之間不同的圖像區域;
保存幀之間的差異——取消該項後,只會輸出各幀之間有變化的圖像;
各項設置完成後點擊「導出預覽」窗口右下角中的「導出」按鈕,然後選擇文件的保存格式及存放路徑即可。
3、輸出JPEG文件
由於JPEG格式的文件總是以24位顏色進行保存和輸出,因此無法像GIF格式那樣通過編輯其調色板進行優化。所以當選擇輸出JPEG格式的圖像時,顏色表為空。如圖7—09。
圖7—09
品質——設置JPEG圖像的輸出品質。品質越高文件也就越大;
平滑——設置圖像表面的光滑度;
漸進式瀏覽器顯示——選擇該項後,在瀏覽器上查看此圖像時,將由模糊逐漸到清晰的方式來顯示;
銳化顏色邊緣——將強化圖像色邊緣的銳化值,使圖像更加清晰。