網(wǎng)頁設(shè)計第14章

1、第14章 Flash 8概述內(nèi)容提要14.1 Flash 8的工作環(huán)境簡介14.2 基本繪圖工具 14.1 Flash 8的工作環(huán)境簡介 Flash的特點Flash的啟動和退出 文檔選項卡 時間軸 工具箱 舞臺 工作區(qū) 網(wǎng)格 標(biāo)尺 常用面板 Flash的特點Flash的圖形系統(tǒng)是基于矢量的Flash使用插件方式工作Flash的工作方式是流式的Flash具有強大的交互功能Flash的啟動和退出啟動Flash “開始”|“所有程序”|”Macromedia”|”Macromedia Flash 8” 2. 退出（略)Flash的窗口組成文檔選項卡新建或打開一個文檔時，在“時間軸”的上方會顯示出“文

2、檔選項卡”。如果打開或創(chuàng)建多個文檔，“文檔名稱”將按文檔創(chuàng)建的先后順序顯示在“文檔選項卡”中，單擊文件名稱，可以在多個文檔之間進行快速切換。 用鼠標(biāo)右鍵單擊“文檔選項卡”，在彈出的菜單中可以快速實現(xiàn)“新建”、“打開”、“保存”等功能 。時間軸用于組織和控制文檔內(nèi)容在一定時間內(nèi)播放的圖層數(shù)和幀數(shù) 1. 時間軸的組成 幀和圖層等編輯圖層和幀工具箱工具箱分為如下4個部分： “工具”：包括繪畫、涂色和選擇工具等。“查看”：包括在工作區(qū)窗口內(nèi)進行縮放和移動操作的工具。“顏色”：包含用于調(diào)整筆觸顏色和填充顏色的按鈕?！斑x項”：顯示了選定工具的功能設(shè)置按鈕，這些按鈕會影響工具的涂色或編輯操作。選擇的工具不同

3、，選項也自然不同。 舞臺 與工作區(qū)舞臺屬性的設(shè)置舞臺顯示比例的改變舞臺的平移工作區(qū)的顯示與不顯示網(wǎng)格 與標(biāo)尺網(wǎng)格 “視圖”|“網(wǎng)格”|“顯示網(wǎng)格” 標(biāo)尺 “視圖”|“標(biāo)尺” 常用面板1. 面板的最小化：單擊面板標(biāo)題欄上的 2.窗口顯示模式 ：拖動面板左側(cè)的到舞臺上，可將面板獨立出來，成為窗口顯示模式 3.關(guān)閉面板：展開面板后，單擊面板右上角的按鈕，在彈出的面板選項菜單中選擇“關(guān)閉面板組”命令 4. 打開面板：執(zhí)行“窗口”菜單中的相關(guān)命令即可 “屬性”面板位于舞臺的下方，在動畫編輯的過程中，所有的角色包括舞臺背景的各種相關(guān)屬性都可以通過“屬性”面板進行編輯修改。在選擇了工具箱中的某個工具之后，“

4、屬性”面板中即會顯示相對應(yīng)的屬性?！皩R”面板 1.主要作用在進行多對象操作時，控制各個對象的對齊、分布等 2. “對齊”面板分為五個區(qū)域相對于舞臺：按下此按鈕后可以調(diào)整選定對象相對于舞臺尺寸的對齊方式和分布；如果沒有按下此按鈕則是兩個以上對象之間的相互對齊和分布。對齊：用于調(diào)整選定對象的左對齊、水平中齊、右對齊、上對齊、垂直中齊和底對齊。分布：用于調(diào)整選定對象的頂部、水平居中和底部分布，以及左側(cè)、垂直居中和右側(cè)分布。匹配大?。河糜谡{(diào)整選定對象的匹配寬度、匹配高度或匹配寬和高。間隔：用于調(diào)整選定對象的水平間隔和垂直間隔。 “混色器”面板 “混色器”面板 的打開 “窗口”|“混色器” 作用用于設(shè)

5、置筆觸顏色和填充顏色，默認為RGB模式，顯示紅、綠和藍的顏色值?！癆lpha 值”用來指定顏色的透明度，其范圍在0%100%，0%為完全透明，100%為完全不透明?！笆M制編輯文本框”顯示的是以“#”開頭的十六進制模式的顏色代碼，可直接輸入。在面板的“顏色空間”上單擊鼠標(biāo)，選擇一種顏色，上下拖動右邊的“亮度控制”可調(diào)整顏色的亮度?！邦伾珮颖尽泵姘?“顏色樣本”面板的打開 “窗口”|“顏色樣本”2. 作用 提供了各種顏色，包括實色和漸變色效果，它們都可以作為筆觸和填充的顏色 “信息”面板 1. “信息”面板的打開 “窗口”|“信息”2. 作用 在編輯操作的過程中為用戶提供一些相關(guān)的信息。 如果

6、在編輯區(qū)選定了某個對象，則在面板的上面一欄中會顯示該對象的大小和所處位置，而下面一欄中的信息提示則與光標(biāo)在編輯區(qū)內(nèi)的移動同步，顯示當(dāng)前光標(biāo)所在位置的顏色和透明度信息以及該位置的坐標(biāo)值。 “場景”面板 一個動畫可以有多個場景組成，“場景”面板中顯示了當(dāng)前動畫的場景數(shù)量和播放的先后順序。當(dāng)動畫包含多個場景時，將按照它們在場景面板中的先后順序進行播放，動畫中的“幀”是按“場景”順序連續(xù)編號的，例如：如果影片中包含兩個場景，每個場景有10幀，則場景2中的幀的編號為11到20。單擊場景面板下方的三個按鈕可以執(zhí)行“復(fù)制”、“添加”和“刪除”場景的操作。雙擊“場景名稱”可以重新命名，上下拖動“場景名稱”可以

7、調(diào)整場景的先后順序?！白冃巍泵姘?1. 作用 對選定對象執(zhí)行縮放、旋轉(zhuǎn)、傾斜和創(chuàng)建副本的操作。2. 變形面板分為三個區(qū)域最上面的是縮放區(qū)，可以輸入“垂直”和“水平”縮放的百分比值，選中“約束”復(fù)選框，可以使對象按原來的長寬比例進行縮放選中“旋轉(zhuǎn)”，可輸入旋轉(zhuǎn)角度，使對象旋轉(zhuǎn)；選中“傾斜”，可輸入“水平”和“垂直”角度來傾斜對象單擊面板下方的“復(fù)制并應(yīng)用變形”按鈕，可執(zhí)行變形操作并且復(fù)制對象的副本 單擊“重置”按鈕，可恢復(fù)上一部的變形操作 “動作”面板 “動作”面板是為了方便使用Flash的腳本編程語言ActionScript而專門提供的一種非常簡易的操作界面，用戶只需移動鼠標(biāo)，在命令列表中選擇

8、合適的動作命令，并進行必要的設(shè)置即可。這樣一來，完全不懂程序語言的用戶也可以自由應(yīng)用ActionScript。“組件”面板 利用組件面板可以查看所有“組件”，并可以在創(chuàng)作過程中將“組件”添加到動畫中?！敖M件”是應(yīng)用程序的封裝構(gòu)建模塊，使設(shè)計人員在沒有“動作腳本”時也能使用和自定義這些功能。一個“組件”就是一段影片剪輯。所有“組件”都存儲在“組件”面板中，包含“數(shù)據(jù)組件”、“媒體組件”、和“用戶界面（UI）組件”。 14.2 基本繪圖工具 選擇工具 部分選取工具 直線工具 套索工具 鋼筆工具 橢圓工具與矩形工具 鉛筆工具 刷子工具任意變形工具 填充變形工具 墨水瓶工具與顏料桶工具 滴管工具 橡皮

9、擦工具 文本工具 選擇工具 1.選擇對象 選定填充區(qū)域：在圖形填充區(qū)域內(nèi)單擊。選定整個圖形：在圖形填充區(qū)域內(nèi)雙擊。選定圖形邊線：在圖形邊線上雙擊。選定多個圖形：按住Shift，依次雙擊選擇所需圖形。選擇圖形的一部分：在要選擇部分的左上角按住鼠標(biāo)左鍵并拖動。選擇每一層上的所有對象：選擇“編輯”|“全選”命令。 2. 移動對象 選擇要編輯的對象，然后在對象上按鼠標(biāo)左鍵，這時可以使對象在工作區(qū)中任意移動，松開鼠標(biāo)后，對象就被移到了新的位置。 選擇工具（續(xù))3.編輯對象 使用“選擇工具”拖曳線上的任何點，都可以改變線條、輪廓線的形狀，根據(jù)鼠標(biāo)指針外觀的改變可以指示出在線條、填充區(qū)上發(fā)生了何種類型的變化

10、。 可以利用“選擇工具”對線條、輪廓線進行以下4種整形操作。當(dāng)用鼠標(biāo)指向未選定的對象邊界時，鼠標(biāo)指針會變成 ，這時按住鼠標(biāo)左鍵并拖曳線上任何一點（不一定是錨點），即可對對象進行編輯，改變邊界的曲率。當(dāng)鼠標(biāo)指向未選定對象的一個角點時，鼠標(biāo)指針變成 ，這時按住鼠標(biāo)左鍵并拖曳角點，則在改變長短的同時，形成拐角的線段仍然保持為直線。按住Ctrl鍵，同時用鼠標(biāo)在一條線上拖動，可以生成一個新的角點。如果被拖動的是線段的終點，則還可以改變線段的長度。 部分選取工具 作用“部分選取工具”可以用來進行抓取、選擇、移動和改變圖形路徑的操作。 2.用“部分選取工具”編輯修改圖像時，有以下幾種操作 用部選取工具在工作

11、區(qū)單擊圖形對象的邊緣，其上會顯示出圖形的路徑及所有的節(jié)點。選中其中的一個節(jié)點，則該點變成實心的小方點，按Delete鍵可以刪除這個節(jié)點。用鼠標(biāo)拖動任意一個節(jié)點，可以將該節(jié)點移動到新的位置。選中一個節(jié)點，用鼠標(biāo)拖動調(diào)節(jié)柄，可以調(diào)整其控制的線段的曲率。在移動節(jié)點時，可以使用方向鍵進行精確的控制，每按一下方向鍵，節(jié)點就會沿相應(yīng)的方向移動一個像素點；如果在按住Shift鍵的同時按方向鍵，則可以每次移動10個像素點；在拖動調(diào)節(jié)柄時按住Shift鍵。可以使調(diào)節(jié)柄沿水平、垂直及45角等方向移動。直線工具 用“線條工具”能畫出許多風(fēng)格各異的線條來。打開“屬性”面板，在其中可以設(shè)置直線的屬性。套索工具 作用用于

12、選擇和移動編輯對象的一部分，其選擇區(qū)可以是不規(guī)則的 2. 選取模式自由選取模式 多邊形選取模式 魔術(shù)棒選取模式 3.魔術(shù)棒設(shè)置鋼筆工具 1繪制直線段 將路徑定為一個開放或封閉路徑可以進行以下操作。要完成一個開放路徑，只需雙擊最后一個錨點，或者單擊工具箱中的“鋼筆工具”。還可以在遠離路徑的地方，按Ctrl鍵并同時單擊。要完成一個封閉路徑，可將鋼筆工具定位在第一個錨點處，這時，在筆尖狀鼠標(biāo)指針旁會出現(xiàn)一個小圓環(huán)，然后單擊或拖曳即可封閉路徑。2. 繪制曲線段鋼筆工具(續(xù))3. 調(diào)節(jié)路徑錨點 選擇“部分選取”工具并將鼠標(biāo)指針移動到錨點上，當(dāng)鼠標(biāo)指針顯示為時，按住鼠標(biāo)左鍵不放并拖曳即可移動錨點。選擇“鋼

13、筆工具”，當(dāng)鼠標(biāo)移動到曲線上時，鼠標(biāo)指針會顯示為，此時單擊該曲線點，則該曲線點會轉(zhuǎn)換為角點；要將角點轉(zhuǎn)換為曲線點，可以選擇“部分選取”工具，然后按住Alt鍵，再拖曳錨點即可。選擇“鋼筆工具”，將筆尖對準(zhǔn)線段上要添加錨點的位置，當(dāng)鼠標(biāo)指針顯示為時，單擊即可添加錨點。選擇“鋼筆工具”并將筆尖對準(zhǔn)角點，當(dāng)鼠標(biāo)指針顯示為時，單擊即可刪除該角點；選擇“鋼筆工具”并將筆尖對準(zhǔn)曲線點，連續(xù)單擊兩次，即可刪除該曲線點，第一次單擊，可將曲線點轉(zhuǎn)化為角點，第2 次單擊，則會將該點刪除。橢圓工具與矩形工具 繪制橢圓與圓繪制矩形與正方形繪制圓角矩形繪制多邊形繪制星形鉛筆工具使用“鉛筆工具” 繪制形體和線條的方法，幾乎

14、與真實的鉛筆相同。在它的附屬選項里有三種模式：伸直模式：在伸直模式下畫的線條，它把線條轉(zhuǎn)成接近形狀的直線。平滑模式：把線條轉(zhuǎn)換成接近形狀的平滑曲線。墨水模式：不加修飾，完全保持鼠標(biāo)軌跡的形狀。 刷子工具 使用“刷子工具”繪畫的效果與真正的畫筆一樣，可以方便地繪制各種類型的筆觸。使用“刷子工具”還可以生成多種特殊效果。刷子的五種模式：標(biāo)準(zhǔn)繪畫：用于同一層線條及填充的涂色。顏料填充：若選擇此項，則只能對填充區(qū)和空白區(qū)進行填充，線條不受影響。后面繪畫：在同層中的工作區(qū)上的空白區(qū)域繪圖，線條及填充區(qū)不受影響。顏料選擇：可選擇本項將新的填充色應(yīng)用到選擇對象上，每次使用該項只能選擇一個填充區(qū)。內(nèi)部繪畫：若

15、選擇此項，則在筆刷的開始位置繪圖，并且不會影響線條。本選項具有良好的智能著色本領(lǐng)，它絕不允許在線條之外繪圖。如果在空白區(qū)域開始運筆，則填充色絕不會影響任何現(xiàn)存的已填充的區(qū)域。 任意變形工具 1. “選項”中各按鈕的作用： 旋轉(zhuǎn)與傾斜：用來旋轉(zhuǎn)對象或傾斜對象。 縮放：用來調(diào)整對象大小。 扭曲：用來調(diào)整對象的形狀，使之自由扭曲變形。 封套：利用它可以得到更加奇妙的變形效果，彌補扭曲變形在某些局部無法照顧到的缺陷。2旋轉(zhuǎn)圖形3變形圖形 填充變形工具 如果要改變漸變、位圖填充的寬度或亮度，可以拖曳邊界框左邊或底邊的方形手柄。這個選項僅影響填充，而不影響含有填充的對象。要旋轉(zhuǎn)漸變或位圖填充，可以拖動角上

16、的圓形手柄。還可以拖動圓形漸變或填充邊框最底下的手柄。要更改漸變或位圖填充的高度，可以拖動邊框底部的方形手柄。要改變漸變、位圖填充的中心點，可以用鼠標(biāo)拖曳其中心點，然后放至新位置即可。要更改放射漸變填充的半徑，可以拖動環(huán)形邊框中間的圓形手柄。墨水瓶工具與顏料桶工具 1. 墨水瓶工具可以為形狀圖形添加邊框，也可以更改線條或者形狀輪廓的筆觸顏色、寬度和樣式。對線條或形狀輪廓只能應(yīng)用純色，不能應(yīng)用漸變色和位圖。2. 顏料桶工具用來填充封閉區(qū)域。3.顏料桶工具封閉空隙的四個選項不封閉空隙：要求填充區(qū)域必須是一個完全封閉的矢量線包圍區(qū)，否則色彩無法填充。 封閉小空隙：在填充色彩時，可以忽略較小的缺口。 封閉中等空隙：在該模式下，可以忽略比上一模式缺口大的未封閉區(qū)域。 封閉大空隙：該模式下，可以填充更大缺口的未封閉區(qū)域。 滴管工具 1. 復(fù)制筆觸顏色屬性 2. 復(fù)制填充顏色屬性 3. 復(fù)制位圖屬性 導(dǎo)入位圖后，并不能直接用“滴管工具”吸取位圖中的圖案，如果這時“滴管工具”作用到位圖上只能吸取鼠標(biāo)按下點的顏色。為了吸取位圖需要把它轉(zhuǎn)化為矢量圖形，可以通過選擇菜單命令“修改”|“分離”來完成。 橡皮擦工具 1. 擦去不需要的地方 2. 刪除舞臺上的所有內(nèi)容：雙擊“橡皮擦工具” 3. “選項”中的