flash教學課件3

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

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

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

4、樣。不同的是，用“基本矩形工具” 繪制的圖形 是一個整體，不方便使用“選擇工具” 調(diào)整形狀，但 可以使用“選擇工具” 拖動邊角上的節(jié)點，改變圓角矩形 的弧度。 改變圓角矩形的弧度 3.2.3 使用“橢圓工具” 利用“橢圓工具” 可以繪制出正圓、 橢圓、扇形、弧線和帶有空心圓的扇形等。 “橢圓工具” 的“屬性”面板 在此輸入相關(guān)數(shù)值，可繪制 扇形、弧線和帶有空心圓的 扇形等。若不輸入任何數(shù)值， 繪制的是普通橢圓 繪制橢圓形、正圓形 在拖動鼠標的同 時按住【Shift】 鍵，可繪制正圓 繪制扇形、弧線和帶有空心圓的扇形 在“起始角度”和 “結(jié)束角度”文本 框中輸入起始和結(jié) 束角度可以繪制扇 形 在

5、“內(nèi)徑”文本框中輸 入正值，并勾選“閉合 路徑”復選框，可以繪 制帶有空心圓的橢圓或 扇形 取消選取“閉合 路徑”復選框， 繪制出來的是弧 線 3.2.4 使用“基本橢圓工具” “基本橢圓工具” 的使用方法與“橢圓工具” 基本 一樣。不同的是，用“基本橢圓工具” 繪制的圖形是一 個整體。使用“選擇工具” 拖動橢圓外圍的節(jié)點，可以 改變橢圓起始角度和結(jié)束角度；使用“選擇工具” 拖動 橢圓內(nèi)部的節(jié)點，可改變內(nèi)徑。 拖動橢圓外圍和內(nèi)部的節(jié)點 3.2.5 使用“多角星形工具” 利用“多角星形工具” 可 以繪制多邊形和星形。 設置“多角星形工具”屬 性 單擊“選項”按鈕 會打開“工具設置”對話框 在此處

6、可設置繪制 多邊形還是星形 在此處可設置多邊 形和星形的邊數(shù) 此選項只對 星形起作用， 可設置星形 頂點的大小 利用“多角星形工具”繪制的多邊形和星形 “星形頂點大小” 為1的五角星 “星形頂點大小” 為0.1的五角星 典型實例小鱷魚 小鱷魚 本例操作步驟可 參考視頻：3-2.avi。 3.3 繪制平滑曲線 3.3.1 使用“鋼筆工具” 使用“鋼筆工具” 可以繪制直線線段和曲線， 而通過調(diào)節(jié)曲線的曲率繪制平滑的曲線是它的強項。 “鋼筆工具”的“屬性”面板 1.在“屬性”面板中設置 “鋼筆工具” 的參數(shù) 確定起始描點 繪制直線路徑 調(diào)整調(diào)節(jié)桿 2.將光標移動到舞臺上 的適當位置并單擊， 確定起始

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

8、出該圖形線條上的錨點 2.將光標移動到錨點上， 然后按住鼠標左鍵并拖動， 可移動錨點位置 調(diào)整曲線路徑的弧度 3.單擊曲線描點，在描點兩 側(cè)會出現(xiàn)調(diào)節(jié)桿，拖動調(diào)節(jié) 桿可調(diào)整曲線路徑的弧度 4.在拖動的同時按住 【Alt】鍵，可單獨調(diào) 整一邊的調(diào)節(jié)桿 3.3.3 使用“添加錨點工具”和“刪除錨點 工具” 利用“添加錨點工具” 和“刪除錨點工 具” ，可以在路徑上添加錨點或刪除已有的錨點， 從而更加方便調(diào)整圖形形狀。 添加錨點 刪除錨點 選擇“添加錨點工具” 在 路經(jīng)上單擊，可添加錨點 選擇“刪除錨點工具” 在 錨點上單擊，可刪除錨點 3.3.4 使用“轉(zhuǎn)換錨點工具” 利用“轉(zhuǎn)換錨點工具” 可以實

9、現(xiàn) 曲線錨點與直線錨點間的切換。 將曲線錨點轉(zhuǎn)換為直線錨點 1.選擇“轉(zhuǎn)換錨點工具” ， 然后將光標移到線條上并單擊， 可顯示出該線條的錨點 2.將光標移到曲線錨點上 并單擊，即可將曲線錨點 轉(zhuǎn)換為直線錨點 將直線錨點轉(zhuǎn)換為曲線錨點 單獨調(diào)整一邊的調(diào)節(jié)桿 3.將光標移動到直線錨點上，然后 按住鼠標左鍵不放并拖動，可將直 線錨點轉(zhuǎn)換為曲線錨點 4.將光標移動到曲線錨點 的調(diào)節(jié)桿上，然后按住鼠 標左鍵并拖動，可以單獨 調(diào)整一邊的調(diào)節(jié)桿 3.4 用“刷子工具”繪制圖形 “刷子工具” 也是常用的繪圖工具之一，與前面 介紹的繪圖工具不同，用它繪制的是任意形狀的填充區(qū) 域而不是線條。 “刷子工具”的“屬性

10、”面板 設置刷子的大小和 形狀 設置的填充顏色 平滑值越高，繪制的圖 形越接近于伸直 在工具箱選項 區(qū)中的“刷子 大小”和“刷 子形狀”下拉 列表中，可選 擇刷子大小以 及形狀 選擇涂色模式 5種涂色模式下的繪制效果 單擊“刷子模式” 按 鈕，可選擇涂色模式 標準繪畫 顏料填充 后面繪畫 顏料選擇 內(nèi)部繪畫 3.5 用“文本工具”制作文字 3.5.1 創(chuàng)建文本 單擊輸入文字 拖出文本框后輸入文字 使用“文本工具” 在舞 臺上單擊并輸入文字，以 這種形式創(chuàng)建的文本，換 行需要按【Enter】鍵。 使用“文本工具” 在舞臺中按住 鼠標左鍵并拖動，可拖出一個文本框， 用來規(guī)定文本的寬度，當文字達到文

11、 本框邊緣時會自動換行 3.5.2 設置文字樣式 選中文本 設置文本字體 1.被選中的文本周圍會 有一個藍色的方框 2.在“屬性”面板的“字 體”下拉列表中選擇字 體 設置文本大小 設置文本顏色 3.在“字體大小”編輯框中輸 入數(shù)字，或者單擊其右側(cè)的三 角按鈕 ，并拖動彈出的調(diào)節(jié) 桿的滑塊，可改變字體大小 4.單擊“文本（填 充）顏色”按鈕， 可在彈出的“拾色 器”中選擇文本的 顏色 改變個別字體樣式 5.如果要對個別文字進行設置， 可先選中該文字，再進行設置 設置文字對齊方式 設置文本格式 6.單擊 這幾個 按鈕可設置文字對齊方式， 比如將“消逝”兩字的對 齊方式設為居中對齊 7.單擊“編輯

12、格式選項” 按鈕 ，可在 打開的“格式選項”對話框中設置文本格 式，比如進入文本編輯狀態(tài)后，將光標放 在第二段，設置首行縮進20像素 改變文字間距 選擇文本的排列方式 8.在“字母間距” 編 輯框中輸入數(shù)字，或者單 擊其右側(cè)的“下拉”按 鈕 ，并拖動彈出的調(diào)節(jié) 桿的滑塊，可改變文字間 距，比如將“消逝”幾個 字的間距設為30 9.單擊“改變文本方向” 按鈕 ，可在彈出的下 拉列表框中選擇文本的 排列方式，例如選中整 個文本后，選擇“垂直， 從左向右” 設置文字上下標 10.單擊“字符位置”選項 右 側(cè)的按鈕 ，可在彈出的下拉列 表中設置被選文字的位置 正常 下標 上標 鏈接文字 選擇文字表現(xiàn)方

13、式 11.單擊“字體呈現(xiàn)方法”右側(cè)的 按鈕，可在彈出的下拉列表框中設 置文字在動畫中的表現(xiàn)方式，通常 選擇“動畫消除鋸齒”或“可讀性 消除鋸齒”選項。 12.選中文本后，在 “URL 鏈接” 編輯框 中輸入網(wǎng)址，可以將 文字鏈接到相應網(wǎng)站 3.5.3 制作漂亮的文字 1安裝外部字體 將外部字體復制到系統(tǒng)Fonts文件夾中 1.打開光盤或下載回來的字體文件夾， 選中字體，按【Ctrl+C】組合鍵，將 其復制到剪貼板中 2. 打開系統(tǒng)字體文件夾（位于 “C:WINDOWSFonts”文件夾下）， 按【Ctrl+V】組合鍵，將外部字體復 制到該文件夾中即可 2為文字添加濾鏡特效 選中文本并打開“濾鏡

14、”面板 選擇“斜角” 濾鏡 1. 選中要添加特效的文本， 然后打開“濾鏡”面板 2. 單擊“濾鏡” 面板中的“添加 濾鏡”按鈕 ，從 彈出的下拉列表 框中選擇一種濾 鏡，比如選擇 “斜角”濾鏡 設置“斜角”濾鏡的參 數(shù) 添加了濾鏡特效后的文本效果 3.選中某個濾鏡后，可 以在“濾鏡”面板中對 該濾鏡的參數(shù)進行設置 3分離和變形文字 選中文本 將文本分離成文字 將文本塊分離成矢量圖形 選中文本后選擇兩次“修改”“分離”菜單或按兩 次快捷鍵【Ctrl+B】，將文字分離為矢量圖形，此時 便可以使用“選擇工具” 調(diào)整文字形狀 3.5.4 文本的類型 n靜態(tài)文本：靜態(tài)文本：靜態(tài)文本是在創(chuàng)作文檔時確定文本

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