圖形處理工具

圖形處理工具第1頁，共40頁，2023年，2月20日，星期六§1

網(wǎng)頁圖像概述

一.圖像的格式

目前網(wǎng)絡(luò)支持的圖形格式主要有JPEG/JPG、GIF

和PNG3種。由于這3種格式各有利弊，在設(shè)計(jì)網(wǎng)頁時(shí)，要根據(jù)實(shí)際情況來考慮選擇使用何種圖像格式。這3種圖像格式的特點(diǎn)如下：

JPEG/JPG（JointPhotoGraphicExpertsGroup的縮寫）格式：是一種失真壓縮的文件格式，其壓縮效果非常明顯，并支持真彩色24位和漸進(jìn)格式（Progressive）。但壓縮后的文件相對網(wǎng)絡(luò)圖像而言仍然顯得很大，僅適用于質(zhì)量要求較高的圖像，如顏色豐富的風(fēng)景畫和照片作品等。第2頁，共40頁，2023年，2月20日，星期六圖像的格式

GIF（GraphicsInterchangeFormat的縮寫）格式：支持透明背景和動(dòng)畫功能，同時(shí)他還支持“漸進(jìn)交錯(cuò)”功能，此格式在網(wǎng)頁中應(yīng)用非常廣泛。GIF格式的圖像與JPEG格式不同，它為非失真壓縮，存儲格式由1位—8位，只支持256色，而不支持真彩色24位，這是GIP格式的主要特點(diǎn)。

PNG（PortableNetworkGraphics的縮寫）格式：此格式是MacromediaFireworks的默認(rèn)格式，它是一種非失真壓縮格式。它具有JPEG和GIF格式的全部優(yōu)點(diǎn)。第3頁，共40頁，2023年，2月20日，星期六矢量圖像和位圖圖像

1.矢量圖像

矢量圖像和位圖圖像是計(jì)算機(jī)顯示圖形的兩種主要方法。下面介紹有關(guān)矢量圖像和位圖圖像的基本概念和它們之間的區(qū)別。矢量圖像是用包含顏色和位置屬性的直線或曲線（即稱為矢量）來描述圖像屬性的一種方法。比如，一個(gè)圓包括兩部分：由通過圓的邊緣的一些點(diǎn)組成的輪廓和輪廓內(nèi)的點(diǎn)。矢量圖形是具有獨(dú)立分辨率的，即它可以在不損失任何質(zhì)量的前提下，以各種各樣的分辨率顯示在輸出設(shè)備中。第4頁，共40頁，2023年，2月20日，星期六2.位圖圖像

位圖圖像是對每一個(gè)柵格內(nèi)不同顏色的點(diǎn)進(jìn)行描述，這些點(diǎn)稱為像素。例如，上面所說的圓圖像，可以由所有組成該圓的像素點(diǎn)的位置和顏色來描述。因?yàn)榫庉嬑粓D圖像時(shí)，修改的是像素點(diǎn)，而不是直線和曲線。因而，不可能通過修改描述橢圓輪廓的直線或曲線來更改橢圓的性質(zhì)。對于矢量和位圖圖像的轉(zhuǎn)化，可以舉一個(gè)簡單的例子來說明，在FireworksMX中，把文字變?yōu)槁窂?轉(zhuǎn)換為路徑)時(shí)，可以看成是把文字變?yōu)槭噶繄D像，若選擇“修改”菜單中的“平面化所選”命令，則可以轉(zhuǎn)變?yōu)槲粓D圖像。第5頁，共40頁，2023年，2月20日，星期六§2

認(rèn)識FireworksMX

一.FireworksMX的特點(diǎn)1.HTML與圖像一體化

用FireworksMX分割的圖像可以自動(dòng)輸出HTML代碼，無需為了分割緊密貼合的圖像而在網(wǎng)頁制作過程中仔細(xì)調(diào)整。制作復(fù)雜的圖像輪換效果可以自動(dòng)生成JavaScript和HTML，使得初學(xué)者更容易掌握網(wǎng)頁的設(shè)計(jì)與制作。2.圖像功能強(qiáng)大

在FireworksMX中，利用樣式可以快速賦予對像各種藝術(shù)效果，可以在保持對像基本框架不改變的情況下任意改變效果。第6頁，共40頁，2023年，2月20日，星期六3.

支持動(dòng)畫創(chuàng)建

利用FireworksMX強(qiáng)大的圖像編輯能力可以輕松創(chuàng)建GIF動(dòng)畫中的各個(gè)圖像，然后利用打開多文件命令自動(dòng)創(chuàng)建完整的GIF動(dòng)畫。4.工作區(qū)域預(yù)覽

在FireworksMX中，可以不離開工作環(huán)境而直接進(jìn)行預(yù)覽，使得圖像的編輯和創(chuàng)作變得更加簡便。同時(shí)FireworksMX還提供導(dǎo)出文件的比較機(jī)制，允許預(yù)覽多種導(dǎo)出方案所生成的圖像，通過比較就可以選擇最佳的導(dǎo)出圖像。第7頁，共40頁，2023年，2月20日，星期六5.文本增強(qiáng)功能

針對文本與字體的特性，F(xiàn)ireworksMX對文本作了相當(dāng)多的增強(qiáng)功能，可以控制文本的方向?yàn)樗交虼怪奔拔谋镜木唧w走向等。

6.歷史面板

歷史面板提供撤消和恢復(fù)的靈活機(jī)制，以列表的形式記錄和顯示編輯圖像時(shí)進(jìn)行的所有操作步驟，拖動(dòng)歷史面板的滑塊，可以對已經(jīng)操作的步驟進(jìn)行相關(guān)的操作。第8頁，共40頁，2023年，2月20日，星期六二.FireworksMX的工作界面第9頁，共40頁，2023年，2月20日，星期六1.菜單欄FireworksMX的界面大致可以分為文檔窗口、工具欄、工具箱、面板和菜單等幾項(xiàng)。1.菜單欄FireworksMX的主菜單共有文件、編輯

、視圖、選擇、修改、文本、命令、濾鏡、窗口、幫助等十個(gè)主菜單項(xiàng)，每個(gè)主菜單項(xiàng)又有多個(gè)子菜單。在后面的應(yīng)用中我們將具體講解他們的功能和用法。2.文檔窗口FireworksMX的文件窗口上有四個(gè)標(biāo)簽，可以同時(shí)編輯和預(yù)覽四種不同的優(yōu)化設(shè)定所產(chǎn)生的效果，選擇最理想的一種設(shè)定。3.工具箱選擇“窗口/工具”菜單，啟動(dòng)工具箱面板。工具箱面板由選擇、位圖、矢量、網(wǎng)頁、顏色、視圖等六個(gè)工具區(qū)域構(gòu)成，他包括各種選擇、創(chuàng)建、編輯圖像的工具。第10頁，共40頁，2023年，2月20日，星期六4.浮動(dòng)面板

FireworksMX的浮動(dòng)面板包括有層，幀、歷史記錄、顏色混合器、行為、優(yōu)化和屬性等面板。（1）屬性面板：包括對像的大小、顏色等屬性的優(yōu)化設(shè)置，如圖7-2所示。（2）信息面板：提供了所選中的對像的長、寬，和x、y坐標(biāo)等信息。同時(shí)，當(dāng)鼠標(biāo)在畫布上移動(dòng)時(shí)，也能觀測所經(jīng)過點(diǎn)的色彩和坐標(biāo)信息。（3）優(yōu)化面板和動(dòng)作面板：優(yōu)化面板用于優(yōu)化文件輸出大小和文件輸出格式。動(dòng)作面板管理那些能響應(yīng)鼠標(biāo)事件的熱點(diǎn)和切片的動(dòng)作。（4）層面板、幀面板和歷史面板：層面板用來組織文檔的結(jié)構(gòu)，包括創(chuàng)建、刪除、操縱圖層和幀等各種功能。幀面板中有創(chuàng)建動(dòng)畫的選項(xiàng)。歷史面板列出了最近使用過的命令，設(shè)計(jì)者可以方便快捷地撤銷、重復(fù)作過的各種操作，也可以保存命令序列，生成一個(gè)可以重復(fù)使用的命令鈕。（5）混色器和樣本面板用于管理當(dāng)前圖像的調(diào)色板第11頁，共40頁，2023年，2月20日，星期六三.文檔的基本操作

1.創(chuàng)建文檔

文檔操作是FireworksMX中最基本的操作，包括新建文檔、打開文檔、導(dǎo)入文檔等。在FireworksMX中，文檔圖像采用PNG格式。PNG是（PortableNetworkGraphic）便攜網(wǎng)絡(luò)圖像的首字母縮寫，是一種新型的圖像格式。1.創(chuàng)建文檔創(chuàng)建文檔，就是創(chuàng)建一幅新的PNG格式的圖像。（1）創(chuàng)建新文檔（2）打開現(xiàn)有文檔（3）導(dǎo)入圖像文件2.瀏覽和查看文檔（1）平鋪和重疊文檔窗口（2）改變顯示比例第12頁，共40頁，2023年，2月20日，星期六

3．關(guān)閉文檔（1）如果有多個(gè)文檔窗口，將要關(guān)閉的文檔窗口放置到最上端。（2）打開“文件”菜單，選擇“關(guān)閉”命令。4.保存文檔（1）保存PNG文檔選擇“文件/保存”菜單，如果文檔是新建的，并且尚未被保存過，則會出現(xiàn)標(biāo)準(zhǔn)的Windows文件存儲對話框，選擇要保存的文件路徑，并輸入文件名稱，即可保存。（2）導(dǎo)出其它格式的文檔假設(shè)我們希望將文檔存儲為JPEG格式的圖像，這時(shí)可以按照如下方法進(jìn)行操作：

打開文檔，使文檔窗口顯示在程序窗口中。第13頁，共40頁，2023年，2月20日，星期六§3

矢量圖像的繪制與編輯

一.圖像的繪制模式1.圖像繪制模式的種類在FireworksMX中，有兩種圖像的繪制模式：對像模式和圖像編輯模式。對像模式是編輯矢量圖像時(shí)的模式，而圖像編輯模式則是進(jìn)行位圖編輯時(shí)的模式。在利用FireworksMX創(chuàng)建新的文檔時(shí)，進(jìn)入的是對像模式，這種模式是的默認(rèn)模式。如果在FireworksMX中打開一幅位圖編輯的話，則進(jìn)入的模式是圖像編輯模式。一般說來，處于對像模式時(shí)的圖像畫布四周沒有邊框，而如果看到一個(gè)有斑紋的邊框出現(xiàn)在畫布四周時(shí)，這時(shí)的模式就時(shí)圖像編輯模式。第14頁，共40頁，2023年，2月20日，星期六2.圖像繪制模式的切換

對像模式和圖像編輯模式之間可以進(jìn)行切換，通常這種切換是自動(dòng)進(jìn)行的。例如，選擇了某種工具，可能就自動(dòng)進(jìn)入了圖像編輯模式，這時(shí)編輯的內(nèi)容都是基于位圖的；而選擇了另外一種工具，可能就自動(dòng)進(jìn)入了對像模式，這時(shí)編輯的內(nèi)容都是基于矢量的。在圖像編輯模式中，可以通過以下幾種方法來直接切換回對像模式：（1）從工具箱上選中任何一種選擇工具，然后雙擊文檔窗口畫布中的任意位置，即可切換回對像模式。（2）使用一種只能在對像模式中才能使用的工具，例如文本工具，這時(shí)會自動(dòng)切換回對像模式。（3）當(dāng)文檔處于圖像編輯時(shí)，在程序窗口的狀態(tài)行上會出現(xiàn)一個(gè)圓形紅色的“×”形按鈕(通常這種按鈕稱作停止按鈕)。單擊該按鈕，即可返回到對像模式中。（4）在圖像編輯模式中，按下Esc鍵，即可返回對像模式。第15頁，共40頁，2023年，2月20日，星期六二.矢量圖像的繪制

繪制矢量圖像就是繪制路徑的過程，主要通過如圖7-9所示的繪圖工具箱中的工具完成。在進(jìn)行路徑繪制時(shí)，可以在工具箱下方的筆畫顏色區(qū)域選擇需要的筆畫顏色，而在工具箱下方的填充區(qū)域選擇需要的填充顏色。在使用填充顏色的時(shí)，只有在繪制矩形、橢圓和多邊形時(shí)，才會自動(dòng)填充設(shè)置的顏色，如果使用鉛筆、畫刷或鋼筆繪制路徑，路徑內(nèi)部不會填充顏色，必須在繪制完畢后選中對像，然后再從工具箱上的填充顏色區(qū)域選擇需要的顏色。路徑繪制工具按鈕右下角的小黑色箭頭，表示該工具包含有具體的選擇模式。鼠標(biāo)左鍵按住工具按鈕會彈出菜單以供選擇。是圖形工具的彈出菜單，在彈出菜單中可選擇圖形的具體模式：矩形、橢圓、多邊形等。

第16頁，共40頁，2023年，2月20日，星期六三.布局工具的使用1.顯示標(biāo)尺

繪制對像時(shí)，經(jīng)常需要了解當(dāng)前的坐標(biāo)位置，F(xiàn)ireworks提供了“標(biāo)尺”和“網(wǎng)格”等布局工具，幫助在文檔中精確定位。

1.顯示標(biāo)尺默認(rèn)狀態(tài)下，標(biāo)尺是未被顯示的，要顯示標(biāo)尺，選擇“視圖/標(biāo)尺”菜單，或是按下Ctrl+Alt+R組合鍵。如果希望隱藏標(biāo)尺，將“標(biāo)尺”命令的選中狀態(tài)消除，或是再次按下Ctrl+Alt+R組合鍵。2.顯示網(wǎng)格默認(rèn)狀態(tài)下，網(wǎng)格也是隱藏的，要顯示網(wǎng)絡(luò)，選擇“視圖/視圖”菜單。如果希望隱藏標(biāo)尺，可以將“網(wǎng)格”命令的選中狀態(tài)消除。第17頁，共40頁，2023年，2月20日，星期六3.靠齊網(wǎng)格

為了保證文檔中的對像排放整齊，可以利用靠齊網(wǎng)格命令。選擇“視圖/網(wǎng)格/對齊網(wǎng)格”菜單，即可激活這種特性。這時(shí)在文檔中繪制的對像會自動(dòng)和距離最近的網(wǎng)格靠齊。如果希望關(guān)閉該特性，可以清除“對齊網(wǎng)格”的選中狀態(tài)。4.設(shè)置網(wǎng)格選項(xiàng)選擇“視圖/網(wǎng)格/編輯網(wǎng)格”菜單，即可打開對話框，定制網(wǎng)格。

第18頁，共40頁，2023年，2月20日，星期六四.標(biāo)題文字的制作

1.編輯文本

文本的編輯可以通過文本編輯器來實(shí)現(xiàn)，也可以通過“文本”菜單中的菜單命令來實(shí)現(xiàn)，我們這里介紹如何用文本編輯器來進(jìn)行。在工具箱中選擇文本工具按鈕，或者在”文本”菜單中選擇“編輯器”命令，然后在所需要插入文本的地方直接按住鼠標(biāo)左鍵，拖動(dòng)鼠標(biāo)出現(xiàn)一個(gè)方框，到合適時(shí)為止，接著就出現(xiàn)了的文本屬性對話框。在文本屬性面板中設(shè)置文本屬性，設(shè)置完畢，按“確定”按鈕結(jié)束操作。如過對編輯效果不滿意，可以雙擊文本對像進(jìn)入編輯窗口繼續(xù)編輯。第19頁，共40頁，2023年，2月20日，星期六2.制作特效文本

在FireworksMX中可以對文本進(jìn)行諸如圖片一樣的特效操作。如填充、效果、樣式等。這樣一來，屬性面板、資源面板等就可以對文本進(jìn)行設(shè)置了。選擇“窗口/樣式”菜單，啟動(dòng)樣式面板可對選中的文本樣式進(jìn)行設(shè)計(jì)，如圖7-12所示。也可以通過濾鏡菜單的菜單項(xiàng)進(jìn)行設(shè)置。

3.路徑文字的編輯

在一般的文本編輯器中文本的布置總是橫向或者縱向的，最多也就有幾種簡單的變形。但是在FireworksMX中我們可以隨心所欲地對文本變形，只需要設(shè)置路徑文字就可以了。輸入文本和繪制出所需要的路徑，同時(shí)選擇上文本和路徑；然后在“文本”菜單中選擇“附加到路徑”命令就可以將文本附加到路徑上了。通常我們在創(chuàng)建了路徑文字之后，還要對它進(jìn)行調(diào)整。我們可以使用”文本”菜單中的“方向”菜單項(xiàng)進(jìn)行設(shè)置。如果想將文本與路徑分開，執(zhí)行“文本”菜單中“從路徑脫離”命令就可以將文本和路徑恢復(fù)到附加以前。第20頁，共40頁，2023年，2月20日，星期六§4

修改對像

一.選擇對像

選擇對像的基本方法

在FireworksMX中，有4種選中對像的工具：“指針”、“部分選定”、“縮放”和“剪裁”工具，它們在工具箱上的位置。

選擇對像的基本方法在Fireworks中，可以選中單個(gè)對像，也可以選中多個(gè)對像，還可在選中多個(gè)對像時(shí)，任意改變對像的選中狀態(tài)。（1）用指針工具選擇單個(gè)對像

選擇單個(gè)對像：從工具箱上選擇指針工具。將鼠標(biāo)光標(biāo)移動(dòng)到要選中的對像上方，如果對像被填充，也可以移動(dòng)到任意的填充位置，這時(shí)對像的路徑會被高亮顯示，默認(rèn)狀態(tài)下顯示為紅色。單擊鼠標(biāo)，即可選中對像，默認(rèn)狀態(tài)下，被選中的對像，其路徑被顯示為藍(lán)色。

選擇多個(gè)對像：從工具箱上選擇指針工具。在文檔窗口中按住鼠標(biāo)左鍵，拖動(dòng)鼠標(biāo)，將要選中的所有對像全部圈住。釋放鼠標(biāo)，多個(gè)對像就被同時(shí)選中。第21頁，共40頁，2023年，2月20日，星期六（2）用部分選定工具選擇對像

用部分選定工具選擇對像的操作與用指針工具選擇對像的操作是相同的。但用部分選定工具選擇對像后，會顯示出對象的路徑編輯節(jié)點(diǎn)，可以通過這些節(jié)點(diǎn)方便地編輯路徑。（3）用縮放工具選定對像從工具箱上選擇縮放工具。在文檔窗口中按住鼠標(biāo)左鍵，拖動(dòng)鼠標(biāo)，將要選中的所有對像全部圈住。釋放鼠標(biāo)，對像就被選中，在選定對象的周圍會出現(xiàn)縮放和旋轉(zhuǎn)控制點(diǎn)，利用這些控制點(diǎn)可方便地調(diào)整對象的大小和方向。

（4）用剪裁工具選定對象從工具箱上選擇剪裁工具。在文檔窗口中按住鼠標(biāo)左鍵，拖動(dòng)鼠標(biāo)，將要選中的所有對像全部圈住。釋放鼠標(biāo)，對像就被選中，在選定對象的周圍會出現(xiàn)剪裁邊框，調(diào)整好邊框大小后在邊框內(nèi)雙擊鼠標(biāo)左鍵，則把邊框外的內(nèi)容剪裁掉。第22頁，共40頁，2023年，2月20日，星期六二.組織和管理對像1.移動(dòng)對像

為了方便對對像的控制，合理組織對像是非常重要的。在Fireworks中，可以移動(dòng)對像、設(shè)置對像的重疊順序、顯示或隱藏對像、復(fù)制、剪切或刪除對像，也可以將多個(gè)對像組合起來，作為一個(gè)對像看待。1.移動(dòng)對像在文檔中，移動(dòng)對像非常簡單，只需選中對像，然后按住鼠標(biāo)拖動(dòng)對像，即可將它在文檔中任意移動(dòng)，在目標(biāo)位置釋放鼠標(biāo)，對像就被移動(dòng)到相應(yīng)位置。2.對齊對像選中要對齊的多個(gè)對像。選擇“修改/對齊”菜單，然后再選擇需要的選項(xiàng)。3.設(shè)置對像的重疊順序各個(gè)對像之間是相互獨(dú)立的，因此在文檔中它們可能發(fā)生重疊，F(xiàn)ireworksMX允許改變多個(gè)對像的重疊順序，可以按照如下方法進(jìn)行操作：選中要改變重疊順序的對像。選擇“修改/排列”菜單，然后從子菜單中選擇需要的選項(xiàng)。第23頁，共40頁，2023年，2月20日，星期六4.隱藏和顯示對像

如果文檔中的對像不再需要，可以將它從文檔中刪除，然而，有時(shí)候某個(gè)對像只是臨時(shí)不再需要，將來還可能繼續(xù)使用，這時(shí)可以將對像隱藏起來，在需要的時(shí)候再將之重新顯示。操作如下：選中要隱藏的對像。選擇“視圖/隱藏所選”菜單，這時(shí)被選中的對像就被隱藏。5.組合對像如果多個(gè)對像之間的相對位置始終保持不變，則可以將這些對像組合起來，作為一個(gè)對像使用，在需要時(shí)，又可以重新將組合的對像拆分成為多個(gè)相互獨(dú)立的對像。（1）組合對像選中要進(jìn)行組合的多個(gè)對像。選擇“修改/組合”菜單，這時(shí)對像就被組合到一起。從工具箱中選擇指針工具，在組合后的對像上單擊鼠標(biāo)，可以看到，這些被組合的對像被作為一個(gè)對像選中。（2）取消對像的組合選中被組合的對像。選擇“修改/取消組合”菜單，這時(shí)可以看到，原先被組合的對像全部脫離組合，又成為各個(gè)單獨(dú)的對像。第24頁，共40頁，2023年，2月20日，星期六三.整形路徑通過編輯點(diǎn)整形路徑

前面介紹的主要是針對對像整體的操作方法，如果希望修改對像本身的形狀，也即修改路徑，則需要進(jìn)行更多更細(xì)致的操作。通過編輯點(diǎn)整形路徑用部分選擇工具選中對象后在會顯示出對象的路徑編輯點(diǎn)，拖動(dòng)點(diǎn)或改變連接點(diǎn)的線條方向即可改變路徑位置。通過整形路徑工具，可以進(jìn)一步控制路徑的形狀。選擇自由形狀工具中的編輯模式，鼠標(biāo)會變成相應(yīng)的工具形狀通過拖拉或推動(dòng)等方式就可以實(shí)現(xiàn)對路徑的編輯，具體操作請讀者通過實(shí)驗(yàn)掌握。第25頁，共40頁，2023年，2月20日，星期六

8.1.1位圖編輯工具

位圖工具第26頁，共40頁，2023年，2月20日，星期六8.1.2位圖編輯實(shí)例1.圖象變形可以利用工具箱中的“縮放工具”

，

“傾斜工具”

“扭曲工具”

，來完成圖象的變形操作。操作過程比較簡單，具體操作請大家嘗試。2．位圖背景的編輯利用工具箱中的魔術(shù)棒工具，選中背景色通過顏料桶工具或刪除鍵可以改變或刪除背景色。3.切割圖形將一個(gè)283×212的圖片平均分割成（3×4）12塊：4．虛幻效果制作位圖的虛幻效果要通過層進(jìn)行操作。5.氣泡效果

（1）建立一個(gè)新文件，導(dǎo)入一個(gè)背景圖片。（2）再使用圓形工具畫出一個(gè)白色的圓。（3）在圖層面板中，點(diǎn)選位圖對象，然后按住CTRL鍵的同時(shí)點(diǎn)選路徑對象，得到小圓選區(qū)。（4）選擇“選擇/羽化”命令為小圓選區(qū)調(diào)節(jié)適當(dāng)?shù)挠鸹担础皠h除”按鈕。第27頁，共40頁，2023年，2月20日，星期六8.2.1建立動(dòng)畫對象1.新建一個(gè)文件，畫布長為300象素，寬為150象素。2.用矩形工具畫一個(gè)矩形，可以用任何顏色填充。第28頁，共40頁，2023年，2月20日，星期六8.2.2動(dòng)畫的設(shè)定1.選中矩形，選擇“修改/動(dòng)畫/選擇動(dòng)畫”菜單，彈出設(shè)置窗口。

2.“幀”

框中輸入動(dòng)畫的

幀數(shù)15，在位移一定的情況幀數(shù)越多動(dòng)畫越平滑。3.“移動(dòng)”框中輸入180，這是設(shè)定移動(dòng)的距離（以象素為單位）。4.“方向”框中輸入45，設(shè)定移動(dòng)的角度。5.單擊“確定”按鈕，將會出現(xiàn)系統(tǒng)提示框，問你是否添加新的幀。單擊“確定”，將會自動(dòng)添加新的幀?，F(xiàn)在圖中矩形左下角就會加上一個(gè)小箭頭，表示這是一個(gè)動(dòng)畫對象,一條線表示這個(gè)符號的移動(dòng)路徑，線上的每一個(gè)點(diǎn)表示一幀。

第29頁，共40頁，2023年，2月20日，星期六8.2.3動(dòng)畫預(yù)覽1.如果幀面板不可見，選擇“窗口/幀”菜單，啟動(dòng)幀面板。

2.點(diǎn)擊畫布下方的“播放/停止”按鈕，就可以播放動(dòng)畫。

3.再次點(diǎn)擊這個(gè)按鈕可以停止。

4.在幀面板上可以看到每一幀的動(dòng)畫。第30頁，共40頁，2023年，2月20日，星期六8.2.4動(dòng)畫的編輯1.選擇“窗口/屬性”菜單，打開“屬性”面板（或選擇“修改/動(dòng)畫/設(shè)置”）。2.點(diǎn)擊“幀”面板上的第一幀。3.選中工作區(qū)中動(dòng)畫對象，在屬性面板上就會顯示這個(gè)動(dòng)畫的設(shè)置。4.對這個(gè)設(shè)定進(jìn)行修改，比如在“縮放”框內(nèi)輸入110，使從第一幀到最后一幀圖象放大10%。5.在“不透明度”左邊的框內(nèi)輸入10，右邊的框內(nèi)輸入100，這將使動(dòng)畫產(chǎn)生透明度的漸變。6.在“旋轉(zhuǎn)”中輸入180，將使動(dòng)畫產(chǎn)生180度的旋轉(zhuǎn)。7.再次點(diǎn)擊播放按鈕就可以看到設(shè)置效果了。第31頁，共40頁，2023年，2月20日，星期六8.2.5.編輯運(yùn)動(dòng)路徑1.點(diǎn)擊工作區(qū)上的動(dòng)畫對象,運(yùn)動(dòng)路徑就可以顯示出來。2.用鼠標(biāo)拖動(dòng)路徑上的第一幀（綠色的點(diǎn)）和最后一幀（紅色的點(diǎn)），來改變它們的位置。3.也可以拖動(dòng)中間的幀（藍(lán)色的點(diǎn)），改變整條路徑。4.預(yù)覽編輯效果。第32頁，共40頁，2023年，2月20日，星期六8.2.6輸出gif動(dòng)畫要在瀏覽器中看到這個(gè)動(dòng)畫，就必須輸出成gif動(dòng)畫格式或swf格式1.選擇“窗口/優(yōu)化”菜單，打開“優(yōu)化”面板。2.輸出格式設(shè)為“gif動(dòng)畫”。3.單擊菜單上“文件/導(dǎo)出”命令4.保存類型選擇“html和圖象”就可以輸出一個(gè)html文件。5.用瀏覽器打開這個(gè)動(dòng)畫，瀏覽動(dòng)畫效果。第33頁，共40頁，2023年，2月20日，星期六9.1.1優(yōu)化圖像應(yīng)考慮的因素1.文件格式每種文件格式都有不同的壓縮顏色信息的方法。為某些類型的圖像選擇適當(dāng)?shù)母袷娇梢源蟠鬁p小文件大小。

2.特定選項(xiàng)每種圖像文件格式都有一組唯一的選項(xiàng)。可以用諸如色階這樣的選項(xiàng)來減小文件大小。某些圖像格式（如GIF和JPEG）還具有控制圖像壓縮的選項(xiàng)。3.圖像顏色（僅限于8位文件格式）可以通過將圖像局限于一個(gè)稱為調(diào)色板的特定顏色集來限制顏色。然后，修剪掉調(diào)色板中未使用的顏色。調(diào)色板中的顏色越少意味著圖像中的顏色也越少，使調(diào)色板圖像文件類型的文件大小也越小。應(yīng)該嘗試所有的優(yōu)化控制來尋找圖像品質(zhì)和大小的最佳平衡點(diǎn).。

第34頁，共40頁，2023年，2月20日，星期六9.1.2圖像優(yōu)化的途徑1.使用優(yōu)化面板選擇“窗口/優(yōu)化”菜單，啟動(dòng)優(yōu)化面板。通過優(yōu)化面板，可以很方便的在工作區(qū)內(nèi)進(jìn)行圖像優(yōu)化，并且同時(shí)看到優(yōu)化后的效果。在優(yōu)化面板上預(yù)先設(shè)置了幾種優(yōu)化設(shè)定可供選擇，也可以按照自己的需要進(jìn)行設(shè)定。2.切片優(yōu)化可以對分割的圖像的每一個(gè)切片進(jìn)行不同的優(yōu)化設(shè)定，比如你可以將圖像上色彩豐富的部分設(shè)置為jpeg格式，色彩單一的部分設(shè)置為gif格式。3.優(yōu)化效果預(yù)覽點(diǎn)擊文檔窗口上的“預(yù)覽”標(biāo)簽，你可以預(yù)覽優(yōu)化后的效果。點(diǎn)擊“2幅”標(biāo)簽和“4幅”標(biāo)簽可以比較幾種不同的優(yōu)化設(shè)定所產(chǎn)生的效果。4.JPEG選擇壓縮JPEG選擇壓縮可以對圖像的不同區(qū)域選擇不同的壓縮比率，在圖像比較重要的部分第35頁，共40頁，2023年，2月20日，星期六9.2.1常規(guī)輸出1.