flash教學(xué)課件3.ppt

1、第3章圖形制作（上）妙筆生花,繪制和調(diào)整線條 繪制幾何圖形 繪制平滑曲線 用“刷子工具”繪制圖形 “文本工具”的使用 在Flash CS3中繪圖的一些必要補(bǔ)充,3.1 繪制和調(diào)整線條,3.1.1 使用“線條工具”,設(shè)置“線條工具”屬性 “筆觸樣式”對話框,選擇“線條工具” 后，可在“屬性”面板中設(shè)置線條的“筆觸顏色”、“筆觸高度”、“筆觸樣式”等屬性,單擊“屬性”面板中的“自定義” 按鈕 ，可以在打開的“筆觸樣式”對 話框中對筆觸樣式進(jìn)行詳細(xì)設(shè)置,繪制線條 火箭,在舞臺中按住鼠標(biāo)左鍵并拖動，即可繪制直線,利用“線條工具” 繪制的火箭,3.1.2 使用“鉛筆工具”,選擇鉛筆模式 “鉛筆工具”的“

2、屬性”面板,1. 選中“鉛筆工具” 后，可在工具箱的“選項(xiàng)”區(qū)選擇鉛筆模式,2.在“屬性”面板中設(shè)置“鉛筆工具” 的參數(shù),使用3種模式繪制的圖形,直線化 平滑 墨水,3.1.3 使用“選擇工具”調(diào)整線條,調(diào)整曲線形狀,選擇“選擇工具” 后，將鼠標(biāo)移到圖形或線條邊緣，當(dāng)光標(biāo)變?yōu)?形狀時，單擊并拖動可調(diào)整圖形形狀。,如果光標(biāo)所在位置存在拐點(diǎn)，光標(biāo)將呈 形狀，此時單擊并拖動可拉出一個拐角。,拖動拐點(diǎn)改變圖形形狀,如果圖形是開放圖形，則可以通過單擊圖形端點(diǎn)并拖動來拉長或縮短圖形的長度，或者改變圖形的形狀。,改變開放圖形形狀,典型實(shí)例打魚小船,打魚小船,本例操作步驟可參考視頻：3-1.avi。,3.2

3、繪制幾何圖形,3.2.1 使用“矩形工具”,利用“矩形工具” 可以繪制矩形、正方形和圓角矩形。,“矩形工具”的“屬性”面板,在此可設(shè)置邊框?qū)傩?在此可設(shè)置“矩形工具” 的填充顏色,在此輸入數(shù)值可繪制圓角矩形，0表示繪制普通矩形，值越大，圓角矩形的半徑越大。單擊小鎖標(biāo)志，可分別設(shè)置4個角的半徑,設(shè)置好參數(shù)后，將光標(biāo)移動到舞臺中，按住鼠標(biāo)左鍵并拖動，即可繪制矩形或圓角矩形。在拖動鼠標(biāo)的同時按住【Shift】鍵，可繪制正方形。,繪制矩形、正方形和圓角矩形,3.2.2 使用“基本矩形工具”,“基本矩形工具” 的使用方法與“矩形工具” 基本一樣。不同的是，用“基本矩形工具” 繪制的圖形是一個整體，不方便

4、使用“選擇工具” 調(diào)整形狀，但可以使用“選擇工具” 拖動邊角上的節(jié)點(diǎn)，改變圓角矩形的弧度。,改變圓角矩形的弧度,3.2.3 使用“橢圓工具”,利用“橢圓工具” 可以繪制出正圓、橢圓、扇形、弧線和帶有空心圓的扇形等。,“橢圓工具” 的“屬性”面板,在此輸入相關(guān)數(shù)值，可繪制扇形、弧線和帶有空心圓的扇形等。若不輸入任何數(shù)值，繪制的是普通橢圓,繪制橢圓形、正圓形,在拖動鼠標(biāo)的同時按住【Shift】鍵，可繪制正圓,繪制扇形、弧線和帶有空心圓的扇形,在“起始角度”和“結(jié)束角度”文本框中輸入起始和結(jié)束角度可以繪制扇形,在“內(nèi)徑”文本框中輸入正值，并勾選“閉合路徑”復(fù)選框，可以繪制帶有空心圓的橢圓或扇形,取消

5、選取“閉合路徑”復(fù)選框，繪制出來的是弧線,3.2.4 使用“基本橢圓工具”,“基本橢圓工具” 的使用方法與“橢圓工具” 基本一樣。不同的是，用“基本橢圓工具” 繪制的圖形是一個整體。使用“選擇工具” 拖動橢圓外圍的節(jié)點(diǎn)，可以改變橢圓起始角度和結(jié)束角度；使用“選擇工具” 拖動橢圓內(nèi)部的節(jié)點(diǎn)，可改變內(nèi)徑。,拖動橢圓外圍和內(nèi)部的節(jié)點(diǎn),3.2.5 使用“多角星形工具”,利用“多角星形工具” 可以繪制多邊形和星形。,設(shè)置“多角星形工具”屬性,單擊“選項(xiàng)”按鈕 會打開“工具設(shè)置”對話框,在此處可設(shè)置繪制多邊形還是星形,在此處可設(shè)置多邊形和星形的邊數(shù),此選項(xiàng)只對星形起作用，可設(shè)置星形頂點(diǎn)的大小,利用“多角星

6、形工具”繪制的多邊形和星形,“星形頂點(diǎn)大小”為1的五角星,“星形頂點(diǎn)大小”為0.1的五角星,典型實(shí)例小鱷魚,小鱷魚,本例操作步驟可參考視頻：3-2.avi。,3.3 繪制平滑曲線,3.3.1 使用“鋼筆工具”,使用“鋼筆工具” 可以繪制直線線段和曲線，而通過調(diào)節(jié)曲線的曲率繪制平滑的曲線是它的強(qiáng)項(xiàng)。,“鋼筆工具”的“屬性”面板,1.在“屬性”面板中設(shè)置“鋼筆工具” 的參數(shù),確定起始描點(diǎn) 繪制直線路徑 調(diào)整調(diào)節(jié)桿,2.將光標(biāo)移動到舞臺上的適當(dāng)位置并單擊，確定起始描點(diǎn),3.將光標(biāo)移動到舞臺的另一處，單擊創(chuàng)建第二個描點(diǎn)，兩個描點(diǎn)位置之間會出現(xiàn)一條路徑,3.在另一點(diǎn)按住鼠標(biāo)左鍵向任意方向拖動，可拖出一個

7、調(diào)節(jié)桿，向任意方向拖動調(diào)節(jié)桿，可調(diào)整曲線弧度,創(chuàng)建封閉路徑 將路徑轉(zhuǎn)換為線條,4.將光標(biāo)移動到起始描點(diǎn)處，當(dāng)光標(biāo)呈 形狀時單擊，可創(chuàng)建封閉路徑,5.路徑繪制完成后，在工具箱中選擇除“鋼筆工具” 組以外的任意工具，即可將路徑轉(zhuǎn)換為線條,3.3.2 使用“部分選取工具”,利用“部分選取工具” 可以方便地移動線條上的錨點(diǎn)位置和調(diào)整曲線的弧度。,單擊顯示圖形線條的錨點(diǎn) 移動錨點(diǎn),1.選擇“部分選取工具” ，然后將光標(biāo)移到線條上并單擊，可顯示出該圖形線條上的錨點(diǎn),2.將光標(biāo)移動到錨點(diǎn)上，然后按住鼠標(biāo)左鍵并拖動，可移動錨點(diǎn)位置,調(diào)整曲線路徑的弧度,3.單擊曲線描點(diǎn)，在描點(diǎn)兩側(cè)會出現(xiàn)調(diào)節(jié)桿，拖動調(diào)節(jié)桿可調(diào)整

8、曲線路徑的弧度,4.在拖動的同時按住【Alt】鍵，可單獨(dú)調(diào)整一邊的調(diào)節(jié)桿,3.3.3 使用“添加錨點(diǎn)工具”和“刪除錨點(diǎn)工具”,利用“添加錨點(diǎn)工具” 和“刪除錨點(diǎn)工具” ，可以在路徑上添加錨點(diǎn)或刪除已有的錨點(diǎn)，從而更加方便調(diào)整圖形形狀。,添加錨點(diǎn) 刪除錨點(diǎn),選擇“添加錨點(diǎn)工具” 在路經(jīng)上單擊，可添加錨點(diǎn),選擇“刪除錨點(diǎn)工具” 在錨點(diǎn)上單擊，可刪除錨點(diǎn),3.3.4 使用“轉(zhuǎn)換錨點(diǎn)工具”,利用“轉(zhuǎn)換錨點(diǎn)工具” 可以實(shí)現(xiàn)曲線錨點(diǎn)與直線錨點(diǎn)間的切換。,將曲線錨點(diǎn)轉(zhuǎn)換為直線錨點(diǎn),1.選擇“轉(zhuǎn)換錨點(diǎn)工具” ，然后將光標(biāo)移到線條上并單擊，可顯示出該線條的錨點(diǎn),2.將光標(biāo)移到曲線錨點(diǎn)上并單擊，即可將曲線錨點(diǎn)轉(zhuǎn)換

9、為直線錨點(diǎn),將直線錨點(diǎn)轉(zhuǎn)換為曲線錨點(diǎn) 單獨(dú)調(diào)整一邊的調(diào)節(jié)桿,3.將光標(biāo)移動到直線錨點(diǎn)上，然后按住鼠標(biāo)左鍵不放并拖動，可將直線錨點(diǎn)轉(zhuǎn)換為曲線錨點(diǎn),4.將光標(biāo)移動到曲線錨點(diǎn)的調(diào)節(jié)桿上，然后按住鼠標(biāo)左鍵并拖動，可以單獨(dú)調(diào)整一邊的調(diào)節(jié)桿,3.4 用“刷子工具”繪制圖形,“刷子工具” 也是常用的繪圖工具之一，與前面介紹的繪圖工具不同，用它繪制的是任意形狀的填充區(qū)域而不是線條。,“刷子工具”的“屬性”面板 設(shè)置刷子的大小和形狀,設(shè)置的填充顏色,平滑值越高，繪制的圖形越接近于伸直,在工具箱選項(xiàng)區(qū)中的“刷子大小”和“刷子形狀”下拉列表中，可選擇刷子大小以及形狀,選擇涂色模式 5種涂色模式下的繪制效果,單擊“刷

10、子模式” 按鈕，可選擇涂色模式,標(biāo)準(zhǔn)繪畫 顏料填充 后面繪畫 顏料選擇 內(nèi)部繪畫,3.5 用“文本工具”制作文字,3.5.1 創(chuàng)建文本,單擊輸入文字 拖出文本框后輸入文字,使用“文本工具” 在舞臺上單擊并輸入文字，以這種形式創(chuàng)建的文本，換行需要按【Enter】鍵。,使用“文本工具” 在舞臺中按住鼠標(biāo)左鍵并拖動，可拖出一個文本框，用來規(guī)定文本的寬度，當(dāng)文字達(dá)到文本框邊緣時會自動換行,3.5.2 設(shè)置文字樣式,選中文本 設(shè)置文本字體,1.被選中的文本周圍會有一個藍(lán)色的方框,2.在“屬性”面板的“字體”下拉列表中選擇字體,設(shè)置文本大小 設(shè)置文本顏色,3.在“字體大小”編輯框中輸入數(shù)字，或者單擊其右側(cè)

11、的三角按鈕 ，并拖動彈出的調(diào)節(jié)桿的滑塊，可改變字體大小,4.單擊“文本（填充）顏色”按鈕，可在彈出的“拾色器”中選擇文本的顏色,改變個別字體樣式,5.如果要對個別文字進(jìn)行設(shè)置，可先選中該文字，再進(jìn)行設(shè)置,設(shè)置文字對齊方式 設(shè)置文本格式,6.單擊 這幾個按鈕可設(shè)置文字對齊方式，比如將“消逝”兩字的對齊方式設(shè)為居中對齊,7.單擊“編輯格式選項(xiàng)” 按鈕 ，可在打開的“格式選項(xiàng)”對話框中設(shè)置文本格式，比如進(jìn)入文本編輯狀態(tài)后，將光標(biāo)放在第二段，設(shè)置首行縮進(jìn)20像素,改變文字間距,選擇文本的排列方式,8.在“字母間距” 編輯框中輸入數(shù)字，或者單擊其右側(cè)的“下拉”按鈕 ，并拖動彈出的調(diào)節(jié)桿的滑塊，可改變文字

12、間距，比如將“消逝”幾個字的間距設(shè)為30,9.單擊“改變文本方向”按鈕 ，可在彈出的下拉列表框中選擇文本的排列方式，例如選中整個文本后，選擇“垂直，從左向右”,設(shè)置文字上下標(biāo),10.單擊“字符位置”選項(xiàng) 右側(cè)的按鈕 ，可在彈出的下拉列表中設(shè)置被選文字的位置,正常,下標(biāo),上標(biāo),鏈接文字,選擇文字表現(xiàn)方式,11.單擊“字體呈現(xiàn)方法”右側(cè)的 按鈕，可在彈出的下拉列表框中設(shè)置文字在動畫中的表現(xiàn)方式，通常選擇“動畫消除鋸齒”或“可讀性消除鋸齒”選項(xiàng)。,12.選中文本后，在“URL 鏈接” 編輯框中輸入網(wǎng)址，可以將文字鏈接到相應(yīng)網(wǎng)站,3.5.3 制作漂亮的文字,1安裝外部字體,將外部字體復(fù)制到系統(tǒng)Font

13、s文件夾中,1.打開光盤或下載回來的字體文件夾，選中字體，按【Ctrl+C】組合鍵，將其復(fù)制到剪貼板中,2. 打開系統(tǒng)字體文件夾（位于“C:WINDOWSFonts”文件夾下），按【Ctrl+V】組合鍵，將外部字體復(fù)制到該文件夾中即可,2為文字添加濾鏡特效,選中文本并打開“濾鏡”面板 選擇“斜角”濾鏡,1. 選中要添加特效的文本，然后打開“濾鏡”面板,2. 單擊“濾鏡”面板中的“添加濾鏡”按鈕 ，從彈出的下拉列表框中選擇一種濾鏡，比如選擇“斜角”濾鏡,設(shè)置“斜角”濾鏡的參數(shù),添加了濾鏡特效后的文本效果,3.選中某個濾鏡后，可以在“濾鏡”面板中對該濾鏡的參數(shù)進(jìn)行設(shè)置,3分離和變形文字,選中文本

14、將文本分離成文字 將文本塊分離成矢量圖形,選中文本后選擇兩次“修改”“分離”菜單或按兩次快捷鍵【Ctrl+B】，將文字分離為矢量圖形，此時便可以使用“選擇工具” 調(diào)整文字形狀,3.5.4 文本的類型,靜態(tài)文本：靜態(tài)文本是在創(chuàng)作文檔時確定文本內(nèi)容和外觀，最終出現(xiàn)在動畫中的文本與在制作動畫時設(shè)置的樣式?jīng)]有任何變化。靜態(tài)文本比較常用，前面我們介紹的都屬于靜態(tài)文本。 動態(tài)文本：動態(tài)文本是在動畫播放時可以動態(tài)更新的文本，如股票報價等，它可以根據(jù)情況動態(tài)改變文本的顯示內(nèi)容以及樣式等。動態(tài)文本常用在游戲或課件作品中。 輸入文本：輸入文本是在動畫播放時可以接受用戶輸入的文本，是響應(yīng)鍵盤事件的一種人機(jī)交互的工具。,典型實(shí)例一箭傾心,一箭傾心,本例操作步驟可參考視頻：3-3.avi。,3.6 在Flash CS3中繪圖的一些必要補(bǔ)充,1合并模式,合并模式,合并模式是Flash默認(rèn)的繪圖模式，在這種模式下，繪制出的圖形是打散的矢量圖形，兩個圖形之間如果有交接，便會自動合并在一起，并且移動一個圖形會改變另一個圖形的形狀。,3.6.1 兩種繪圖模式,2對象繪制模式,“對象繪制”按鈕 對象繪制模式下繪制的圖形,選擇繪圖工具后，單擊激活工具箱選項(xiàng)區(qū)的“對象繪制”按鈕，即可在對象繪制模式下繪圖,在對象繪制模式下繪制圖形的優(yōu)點(diǎn)是