1、第2章 繪制圖形,繪制和調(diào)整線條 繪制幾何圖形 鋼筆工具與部分選取工具的使用 用“刷子工具”繪制圖形 用“文本工具”制作文字,2.1 線條的繪制和調(diào)整,2.1.1 “線條工具”的使用,利用“線條工具” 可以繪制直線，并且可以通過(guò)“屬性”面板設(shè)置“線條工具” 的粗細(xì)、顏色、樣式等參數(shù)，使繪制出的直線具有多種不同風(fēng)格。,“線條工具”的“屬性”面板,設(shè)置筆觸顏色，即線條顏色,自定義筆觸樣式,設(shè)置筆觸樣式，即線條樣式,設(shè)置筆觸高度，即線條高度,下面我們通過(guò)繪制一顆鉆石的輪廓線圖，來(lái)介紹“線條工具” 的使用方法：,選擇“貼緊至對(duì)象”按鈕 設(shè)置“線條工具”屬性,1.新建一個(gè)Flash文檔，選擇“線條工具”

2、 然后按下工具箱選項(xiàng)區(qū)的“貼緊至對(duì)象”按鈕 。,2.打開(kāi)“屬性”面板，將“筆觸顏色”設(shè)為“藍(lán)色#0099FF”，將“筆觸高度”設(shè)為“3”，其他選項(xiàng)保持默認(rèn)。,3.將光標(biāo)移動(dòng)到舞臺(tái)中，在按住【Shift】鍵的同時(shí)按住鼠標(biāo)左鍵并拖動(dòng)，繪制一條水平線條 。,4.將光標(biāo)移動(dòng)到水平線條的左端點(diǎn)，然后按住鼠標(biāo)左鍵并拖動(dòng)，繪制一條斜線 。,5.利用與步驟4同樣的方法在線條右側(cè)繪制一條斜線 。,繪制水平線條 繪制左側(cè)斜線 繪制右側(cè)斜線,繪制左上方的斜線 繪制右上方的斜線 繪制中間的連線,6.將光標(biāo)移動(dòng)到左側(cè)斜線的上端點(diǎn)，然后按住鼠標(biāo)左鍵并拖動(dòng)，繪制一條斜線 。,7.再利用與步驟6同樣的方法在右側(cè)繪制一條斜線，

3、與左側(cè)的斜線在中點(diǎn)相交 。,8.打開(kāi)“屬性”面板，將“線條工具” 的“筆觸高度”設(shè)為“1”，然后在剛剛繪制的圖形內(nèi)繪制連線，這樣一顆鉆石就繪制出來(lái)了。,2.1.2 “鉛筆工具”的使用,利用“鉛筆工具” 可以模仿在紙上繪制圖形的效果，在Flash中繪制任意形狀的線條和形狀。它的使用方法如下：,選擇鉛筆模式,適用于繪制規(guī)則線條，并且會(huì)將近似于三角形、圓形和矩形等規(guī)則形狀的線條自動(dòng)轉(zhuǎn)換為這些常見(jiàn)的幾何形狀,適用于繪制流暢平滑的線條,適用于繪制接近徒手畫(huà)出的線條,1. 選擇“鉛筆工具” ，單擊“選項(xiàng)”區(qū)的“鉛筆模式”按鈕 在彈出的下拉列表中選擇鉛筆模式，這里我們選擇“平滑” 。,“鉛筆工具”的“屬性”

4、面板 使用鉛筆工具繪制圖形,2.打開(kāi)“屬性”面板， 設(shè)置“鉛筆工具” 的屬性。,該選項(xiàng)只有在選擇“平滑”模式時(shí)才出現(xiàn)，其作用是設(shè)置線條的平滑度，數(shù)值越大，線條越平滑,3.設(shè)置好屬性后，將光標(biāo)移動(dòng)到舞臺(tái)中，按住鼠標(biāo)左鍵并拖動(dòng)即可繪制圖形 。,直線化 平滑 墨水,“鉛筆工具” 的3種模式各有其特點(diǎn)，在繪圖時(shí)應(yīng)根據(jù)不同的需要進(jìn)行選擇。,2.1.3 “選擇工具”的使用,舞臺(tái)中的樹(shù)葉圖形 調(diào)整曲線形狀,1.打開(kāi)素材文檔 。,“選擇工具” 是我們?cè)贔lash動(dòng)畫(huà)制作過(guò)程中最常用的工具之一，利用它可以方便地將圖形調(diào)整為動(dòng)畫(huà)需要的任何形狀 。,下面我們通過(guò)調(diào)整一片樹(shù)葉的形狀，來(lái)介紹使用“選擇工具” 調(diào)整圖形形

5、狀的方法：,2.選擇“選擇工具” ，將鼠標(biāo)移到圖形或線條邊緣，當(dāng)光標(biāo)變?yōu)?形狀時(shí)，按住鼠標(biāo)左鍵并拖動(dòng)可調(diào)整圖形形狀,通過(guò)拖出節(jié)點(diǎn)改變樹(shù)葉形狀,改變線條端點(diǎn)位置,4.如果圖形是開(kāi)放圖形或存在節(jié)點(diǎn)，選擇“選擇工具” 后將光標(biāo)移動(dòng)到線條的端點(diǎn)或節(jié)點(diǎn)處，光標(biāo)會(huì)呈 形狀，此時(shí)按住鼠標(biāo)左鍵并拖動(dòng)可改變線條節(jié)點(diǎn)的位置和長(zhǎng)短。,3.選擇“選擇工具” 后按住【Ctrl】鍵，然后將光標(biāo)移動(dòng)到線條上或者圖形邊緣處，當(dāng)光標(biāo)呈 形狀時(shí)，按住鼠標(biāo)左鍵并拖動(dòng)，可拖出一個(gè)節(jié)點(diǎn)。,2.2 繪制幾何圖形,2.2.1 “矩形工具”的使用,利用“矩形工具” 可以繪制矩形、正方形和圓角矩形。,“矩形工具”的“屬性”面板,選擇“矩形工具

6、” 后，可以通過(guò)“屬性”面板設(shè)置所繪圖形的填充色和邊框?qū)傩?在此可設(shè)置邊框?qū)傩?在此可設(shè)置填充顏色,“矩形設(shè)置”對(duì)話框,雙擊“矩形工具” ，會(huì)彈出“矩形設(shè)置”對(duì)話框，在“邊角半徑”的編輯框中可輸入圓角矩形的半徑數(shù)值。,繪制矩形、正方形和圓角矩形,設(shè)置好參數(shù)后，將光標(biāo)移動(dòng)到舞臺(tái)中，按住鼠標(biāo)左鍵并拖動(dòng)，即可繪制矩形或圓角矩形。在拖動(dòng)鼠標(biāo)的同時(shí)按住【Shift】鍵，可繪制正方形 。,2.2.2 “橢圓工具”的使用,利用“橢圓工具” 可以繪制出正圓和橢圓。,“橢圓工具”的“屬性”面板,“橢圓工具” 的“屬性”面板與“矩形工具” 的基本一致。,繪制橢圓形和正圓形,在“屬性”面板中設(shè)置好相關(guān)屬性后，在舞臺(tái)

7、上拖動(dòng)即可繪制出橢圓，如果在繪制時(shí)按住【Shift】鍵，則可繪制出正圓 。,2.2.3 “多角星形工具”的使用,利用“多角星形工具” 可以繪制多邊形和星形。,選擇“多角星形工具” “多角星形工具”的“屬性”面板,在工具箱中按住“矩形工具” 不放，會(huì)彈出一個(gè)工具列表，在工具列表中我們可以選擇“多角星工具”,“多角星形工具” 的 “屬性”面板同“矩形工具” 很相似，只是多出一個(gè)“選項(xiàng)”按鈕,“工具設(shè)置”對(duì)話框,單擊“選項(xiàng)”按鈕 在打開(kāi)的“工具設(shè)置”對(duì)話框中可以設(shè)置繪制多邊形還是星形，以及星形的定點(diǎn)大小。,在此處可設(shè)置繪制多邊形還是星形,在此處可設(shè)置多邊形和星形的邊數(shù),此選項(xiàng)只對(duì)星形起作用，可設(shè)置星

8、形頂點(diǎn)的大小,設(shè)置好參數(shù)后，單擊“確定”按鈕，將光標(biāo)移動(dòng)到舞臺(tái)中，按住鼠標(biāo)左鍵并拖動(dòng)，即可繪制出多邊形或星形 。,利用“多角星形工具”繪制的多邊形和星形,“星形頂點(diǎn)大小”為0.5的五角星,“星形頂點(diǎn)大小”為0.1的五角星,課堂練習(xí)小兔玩具,小兔玩具,利用前面所學(xué)知識(shí)繪制一個(gè)“小兔玩具 ”的實(shí)例，具體步驟請(qǐng)參考書(shū)中內(nèi)容。,2.3 繪制平滑曲線,2.3.1 “鋼筆工具”的使用,“鋼筆工具”的“屬性”面板 確定起始描點(diǎn),使用“鋼筆工具” 可以繪制直線線段和曲線，尤其是通過(guò)調(diào)節(jié)曲線的曲率繪制平滑的曲線是它的強(qiáng)項(xiàng)。下面我們來(lái)看看它的使用方法：,1. “鋼筆工具” 的“屬性”面板與“線條工具” 的完全一樣

9、。,2.將光標(biāo)移動(dòng)到舞臺(tái)上的適當(dāng)位置并單擊，確定起始描點(diǎn) 。,繪制直線路徑 調(diào)整調(diào)節(jié)桿,3.將光標(biāo)移動(dòng)到舞臺(tái)的另一處，單擊創(chuàng)建第二個(gè)描點(diǎn)，此時(shí)在第一個(gè)和第二個(gè)描點(diǎn)之間會(huì)出現(xiàn)一條淺綠色的線段，我們稱其為路徑 。,4.將光標(biāo)移動(dòng)到舞臺(tái)的另一位置，按住鼠標(biāo)左鍵向任意方向拖動(dòng)，可拖出一個(gè)調(diào)節(jié)桿，繼續(xù)按住鼠標(biāo)向任意方向拖動(dòng)調(diào)節(jié)桿，可調(diào)整曲線弧度 。,創(chuàng)建封閉路徑 將路徑轉(zhuǎn)換為線條,5.將光標(biāo)移動(dòng)到起始描點(diǎn)處，光標(biāo)會(huì)呈 形狀，此時(shí)單擊可創(chuàng)建封閉路徑。,6.路徑繪制完成后，在工具箱中選擇除“鋼筆工具” 組以外的任意工具（或按【Esc】鍵），即可將路徑轉(zhuǎn)換為線條。,添加錨點(diǎn),刪除錨點(diǎn),7.路徑繪制完成后，將光

10、標(biāo)移動(dòng)到路徑上，光標(biāo)會(huì)呈 形狀，此時(shí)單擊即可添加錨點(diǎn)。,8.將光標(biāo)移動(dòng)到已有的錨點(diǎn)上，光標(biāo)會(huì)呈 形狀，此時(shí)在錨點(diǎn)上單擊可以刪除錨點(diǎn)。,2.3.2 “部分選取工具”的使用,利用“部分選取工具” ，不但可以顯示用其它繪圖工具繪制的線條上的錨點(diǎn)，還可以方便地移動(dòng)錨點(diǎn)位置和調(diào)整曲線路徑的弧度。它的使用方法如下：,單擊顯示圖形線條的錨點(diǎn) 移動(dòng)錨點(diǎn),1.選中“部分選取工具” ，在要修改的線條上單擊，可顯示出該線條上的錨點(diǎn)。,2.將光標(biāo)移動(dòng)到錨點(diǎn)上，然后按住鼠標(biāo)左鍵并拖動(dòng)，可移動(dòng)錨點(diǎn)位置 。,調(diào)整曲線路徑的弧度,3.單擊曲線描點(diǎn)，在描點(diǎn)兩側(cè)會(huì)出現(xiàn)調(diào)節(jié)桿，將光標(biāo)移動(dòng)到調(diào)節(jié)桿上，按住鼠標(biāo)左鍵并拖動(dòng)，可調(diào)整曲線路

11、徑的弧度，在拖動(dòng)的同時(shí)按住【Alt】鍵，可單獨(dú)調(diào)整一邊的調(diào)節(jié)桿。,調(diào)整兩邊的調(diào)節(jié)桿,單獨(dú)調(diào)整一邊的調(diào)節(jié)桿,2.4 用“刷子工具”繪制圖形,“刷子工具” 也是常用的繪圖工具之一，與前面介紹的繪圖工具不同，用它繪制的是任意形狀的填充區(qū)域而不是線條。其具體使用方法如下：,“刷子工具”的“屬性”面板 設(shè)置刷子的大小和形狀,1.選擇 “刷子工具” 后在“屬性”面板中可設(shè)置“刷子工具” 的填充顏色和平滑度。,2.在工具箱下方的選項(xiàng)區(qū)中，會(huì)出現(xiàn)“刷子模式”、“刷子大小”和“刷子形狀”3個(gè)選項(xiàng)，在“刷子大小”和“刷子形狀”下拉列表中，可選擇刷子大小和形狀 。,3.在工具箱選項(xiàng)區(qū)中單擊“刷子模式” 按鈕 ，可選

12、擇涂色模式，“刷子工具” 共有五種涂色模式。,選擇該模式，繪制的圖形將覆蓋原圖，包括線條和填充色,選擇該模式，繪制的圖形只覆蓋原圖填充色，不覆蓋線條,選擇該模式，繪制的圖形只是從原圖穿過(guò)，不能在原圖上繪畫(huà),選擇該模式，繪制的圖形只覆蓋原圖被選取部分，對(duì)沒(méi)被選取的區(qū)域，沒(méi)有任何影響,選擇該模式，只能在起始筆觸所在的填充區(qū)中涂色，但不影響線條,標(biāo)準(zhǔn)繪畫(huà) 顏料填充 后面繪畫(huà) 顏料選擇 內(nèi)部繪畫(huà),4.設(shè)置好參數(shù)后，在舞臺(tái)中按住鼠標(biāo)左鍵并拖動(dòng)，即可繪制圖形 。,2.5 用“文本工具”制作文字,2.5.1 文本的類型,利用Flash中的“文本工具” 可以創(chuàng)建3種類型的文本，分別是靜態(tài)文本、動(dòng)態(tài)文本和輸入文

13、本。下面看看它們各自的作用：,靜態(tài)文本：靜態(tài)文本是在制作動(dòng)畫(huà)時(shí)確定文本內(nèi)容和外觀，最終出現(xiàn)在動(dòng)畫(huà)中的文本與在制作動(dòng)畫(huà)時(shí)設(shè)置的樣式?jīng)]有任何變化。本書(shū)中如果沒(méi)有特殊聲明，輸入的都是靜態(tài)文本。 動(dòng)態(tài)文本：動(dòng)態(tài)文本是在動(dòng)畫(huà)播放時(shí)可以動(dòng)態(tài)更新的文本，如股票報(bào)價(jià)、比賽得分等，它可以根據(jù)情況動(dòng)態(tài)改變文本的顯示內(nèi)容以及樣式等。動(dòng)態(tài)文本常用在游戲或課件等作品中。 輸入文本：輸入文本是在動(dòng)畫(huà)播放時(shí)是可以接受用戶輸入的文本，是響應(yīng)鍵盤(pán)事件的一種人機(jī)交互的工具。,2.5.2 創(chuàng)建文本,在工具箱中選中“文本工具” ，在舞臺(tái)中要輸入文字的位置單擊，然后輸入需要的文字即可。以此形式創(chuàng)建的文本無(wú)法自動(dòng)換行，如果要換行必須按【

14、Enter】鍵。 選中“文本工具” 后，在舞臺(tái)中按住鼠標(biāo)左鍵并拖動(dòng)，可拖出一個(gè)文本框，然后便可在文本框中輸入文字，當(dāng)文字達(dá)到文本框邊緣時(shí)會(huì)自動(dòng)換行。,利用“文本工具” 可以方便地在Flash中創(chuàng)建文本，創(chuàng)建方法有以下兩種：,單擊輸入文字 拖出文本框后輸入文字,將光標(biāo)移動(dòng)到文本框的4個(gè)邊角上，當(dāng)光標(biāo)呈 形狀時(shí)，按住鼠標(biāo)左鍵并拖動(dòng)可改變文本框?qū)挾?。雙擊文本框右上角的小方塊，可使文本框自動(dòng)適應(yīng)輸入文字的寬度,2.5.3 設(shè)置文字樣式,在輸入文字時(shí)，我們可以通過(guò)設(shè)置文字的大小、顏色、字體等樣式以使文字更加美觀。下面介紹如何更改輸入后的文字樣式：,選中文本 設(shè)置文本字體,1.創(chuàng)建文本后，使用“選擇工具”

15、 單擊文本將其選中，被選中的文本周圍會(huì)有一個(gè)藍(lán)色的方框。,2.打開(kāi)“屬性”面板，然后在“字體”下拉列表中為文字選擇字體 。,設(shè)置文本大小 設(shè)置文本顏色,3.在“字體大小”編輯框中輸入數(shù)字，可改變字體大小 。,4.單擊“文本（填充）顏色”按鈕，可在彈出的“拾色器”中選擇文本的顏色 。,改變個(gè)別字體樣式,5.如果要對(duì)個(gè)別文字進(jìn)行設(shè)置，可在編輯模式下，按住鼠標(biāo)左鍵并拖動(dòng)，選中要設(shè)置的文字， 然后便可以對(duì)所選文字設(shè)置樣式了 。,設(shè)置文字對(duì)齊方式,設(shè)置文本格式,6.單擊 這幾個(gè)按鈕可設(shè)置文字對(duì)齊方式，分別為左對(duì)齊、居中對(duì)齊、右對(duì)齊和兩端對(duì)齊，例如單獨(dú)選中“史前文化”4個(gè)字，然后單擊 按鈕將這幾個(gè)字居中對(duì)

16、齊。,7.單擊“編輯格式選項(xiàng)”按鈕 ，可在打開(kāi)的“格式選項(xiàng)”對(duì)話框中設(shè)置文本格式，比如進(jìn)入文本編輯狀態(tài)后，將光標(biāo)放在第二段，設(shè)置首行縮進(jìn)20像素 。,改變文字間距,8.在“字母間距” 編輯框中輸入數(shù)字可改變文字間距，比如將“史前文化”幾個(gè)字的間距設(shè)為30。,選擇文本的排列方式,9.單擊“改變文本方向”按鈕 ，可在彈出的下拉列表框中選擇文本的排列方式，例如選中整個(gè)文本后，選擇“垂直，從左向右”。,設(shè)置文字上下標(biāo),10.單擊“字符位置”選項(xiàng) 右側(cè)的下拉按鈕 ，可在彈出的下拉列表中設(shè)置被選文字的位置，分別為“正?！?、“上標(biāo)”、“下標(biāo)”。,正常,下標(biāo),上標(biāo),選擇文字表現(xiàn)方式,11.單擊“字體呈現(xiàn)方法”右側(cè)的下拉按鈕 ，可在彈出的下拉列表中設(shè)置文字在動(dòng)畫(huà)中的表現(xiàn)方式，通常選擇“動(dòng)畫(huà)消除鋸齒”或“可讀性消除鋸齒”選項(xiàng)。,鏈接文字,12.選中文本后，在“URL 鏈接” 編輯框中輸入網(wǎng)址，可以將文字鏈接到相應(yīng)網(wǎng)站，例如為所選文本輸入“”，樣在播放動(dòng)畫(huà)時(shí)，單擊相應(yīng)文字，即可打開(kāi)“百度”網(wǎng)站。,2.5.4 為文本添加濾鏡,要在動(dòng)畫(huà)中制作出漂亮的文字，僅僅通過(guò)設(shè)置字體樣式還無(wú)法滿足要求，我們可以通過(guò) “濾鏡”面板為文本添加各種效果，具體操作如下：,選中文本和打開(kāi)“濾鏡”面板 選擇“斜角”濾鏡,1.使用“選擇工具” 單擊選中要添加特效的文本，然后打