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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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