創(chuàng)建動畫對象課件

1、第二章 創(chuàng)建動畫對象Flash網(wǎng)頁動畫1本章主要內(nèi)容繪制矢量圖形編輯圖形對象導(dǎo)入外部對象動畫的色彩文字工具對象的變形同層上多個對象的處理2FLASH圖形格式FLASH影片中可以使用兩種圖形：位圖：由像素點描述圖形。矢量圖：用圖形特征點和輪廓坐標描述圖形區(qū)別：矢量圖由FLASH直接繪制位圖則無法制作但可導(dǎo)入其它程序制作好的位圖FLASH中的圖形3FLASH圖形格式常見格式：JPEG、BMP、GIF、WMF等優(yōu)點：色彩豐富，圖形逼真缺點：圖像調(diào)整時容易變形文件較大無法制作真正的3D圖像位圖4繪圖輔助工具 編輯欄有顯示比例工具欄“視圖”菜單放大縮小縮放比率設(shè)置顯示百分比顯示比例與模式6標尺功能：移動

2、對象時標尺上有定位短線同步移動幫助對象定位。打開與關(guān)閉：“視圖”“標尺”網(wǎng)格功能：給對象精確定位“視圖”“網(wǎng)格”“顯示網(wǎng)格”顯示 / 隱藏網(wǎng)格“視圖”“網(wǎng)格”“編輯網(wǎng)格” 設(shè)置網(wǎng)格參數(shù)包括網(wǎng)格大小、顏色、對齊、對齊精確度及顯示網(wǎng)格繪圖輔助工具 標尺與網(wǎng)格72.1 繪制矢量圖形繪圖工具的使用選取工具的使用圖形的修改位圖的處理9繪制矢量圖形鉛筆工具繪制任意矢量線使用方法：在屏幕上拖動鼠標鉛筆模式選項直線式(Straightem)：自動轉(zhuǎn)換成規(guī)則直線平滑式(Smooth)：平滑曲線達到圓弧效果墨水式(Ink)：接近手寫效果設(shè)置線條屬性顏色：屬性面板或調(diào)色板中顏色按鈕線寬與線型：屬性面板專用按鈕自定義

3、線型：屬性面板“自定義”按鈕繪圖工具的使用10繪制矢量圖形直線工具在屬性面板中選擇線型、粗細、顏色按Shift鍵只繪制水平、垂直和45線筆觸功能(8.0新增)屬性面板端點：選擇線條端點形狀為圓或方形接合：選擇兩個線條接合處的形狀繪圖工具的使用11繪制矢量圖形橢圓工具、矩形工具線條色與填充色由屬性面板或調(diào)色板控制。按Shift鍵只繪制圓或正方形。按Alt鍵繪制時以鼠標點為圓心或矩形中心矩形可在選項中單擊設(shè)定按鈕繪制圓角矩形繪圖工具的使用12繪制矢量圖形多角星形工具（2004新增）多角星形工具用于畫正多邊形或星形。打開方法：單擊矩形工具右下角的箭頭。選項按鈕樣式：選擇繪制多邊形（默認）或星形邊數(shù)：

4、選擇繪制邊數(shù)或頂點數(shù)星形頂點大?。簝H用于星形注意：繪制時可拖動鼠標使圖形旋轉(zhuǎn)角度。按Shift鍵頂角只能水平或垂直。繪圖工具的使用13繪制矢量圖形畫筆（畫刷）工具上色或毛筆工具直接使用：用填充色畫圖。畫筆粗細、形狀畫筆模式標準繪畫模式：直接在當前圖形上面涂刷。顏料填充模式：保留圖形邊框線條不被涂刷。后面繪畫模式：只涂當前圖形背景。顏料選擇模式：只涂刷事先選定部分。內(nèi)部繪畫模式：只在起始畫筆所在圖形內(nèi)部涂刷。鎖定填充漸變色位置被固定。繪圖工具的使用14繪制矢量圖形繪制直線不同位置先后單擊鼠標系統(tǒng)自動將兩點連成直線結(jié)束繪制：開放路徑：雙擊最后點或單擊鋼筆按鈕或Ctrl+單擊封閉路徑：單擊第一個錨點

5、說明：封閉時如定位準確會出現(xiàn)空心圓環(huán)“。”精確封閉后自動用當前填充色填充封閉圖形鋼筆工具與貝茲曲線16繪制矢量圖形繪制曲線單擊第一個點單擊并拖動第二點雙擊結(jié)束繪制鼠標移動到第一個錨點上單擊閉合路徑注意：拖動出現(xiàn)正切控制柄時按 Shift 鍵約束切線方向為45度及整數(shù)倍。鋼筆工具與貝茲曲線17 繪制矢量圖形 移動錨點選擇貝茲選?。ú糠诌x?。┕ぞ邔⑹髽艘浦凉拯c或錨點出現(xiàn)空心方框后拖動注意1：拐點或錨點拖動后以其為中心相鄰三個點之間圖形發(fā)生變形注意2：用本工具選取拐點或錨點后按Delete鍵可刪除本點鋼筆工具與貝茲曲線19 繪制矢量圖形 貝茲選取工具（部分選取工具）功能：調(diào)整圖形路徑錨點及更改圖形形

6、狀調(diào)整直線段單擊直線段后可拖動直線任一端點調(diào)整曲線段單擊錨點后拖動可改變連續(xù)三個錨點間圖形形狀說明：如果單擊的是曲線自動出現(xiàn)正切手柄拖動錨點：改變錨點位置和形狀拖動正切手柄：只改變曲線形狀注意：拖動時同時按shift可約束工具的移動角度為45拐點轉(zhuǎn)換為錨點選取對象工具20箭頭工具選取和調(diào)整場景中的圖形對象選取對象填充區(qū)單擊選取圖形的所有填充部分雙擊選取圖形的線條和填充全部線條區(qū)單擊選取單擊處同一弧線線條雙擊選取全部線條鼠標拖放選取一矩形區(qū)選取多個圖形按Shift再選 繪制矢量圖形 選取對象工具21 繪制矢量圖形 選取對象后可執(zhí)行操作刪除對象選定后按Delete鍵復(fù)制和移動對象與Windows操

7、作相同注意：橢圓和矩形實際由線框和填充區(qū)兩部分組成，可獨立分別操作改變選中對象的顏色、線型等選取對象工具22 繪制矢量圖形 改變圖形造型鼠標移至圖形邊界線條直接拖動注意：在直線上按住Alt鍵后拖動可將直線變成折線使用選項中的按鈕吸附：自動對齊或吻合圖形平滑：平滑所選線條拉直：銳化所選線條選取對象工具23 繪制矢量圖形 套索工具選取不規(guī)則圖形選取不規(guī)則多邊形單擊選項多邊形按鈕魔術(shù)棒：選取位圖中顏色相似的區(qū)域魔術(shù)棒屬性：設(shè)置相似顏色的識別程度（單位為像素）和平滑程度。選取對象工具24 編輯圖形 橡皮擦工具擦除線條或填色區(qū)域形狀與大小擦除模式標準擦除擦除填色：僅擦除填充部分不擦線條擦除線段：僅擦除線

8、條不擦填充部分擦除所填色：僅擦除選中部分內(nèi)部擦除：只擦除橡皮工具起始點所在填充部分水龍頭按鈕：單擊后擦除整個色塊修改圖形26 編輯圖形 FLASH提供一組菜單用于修飾曲線：優(yōu)化曲線優(yōu)化曲線可以減少曲線數(shù)目菜單：“修改”“形狀”“優(yōu)化”選擇平滑度及過渡效果平滑曲線（與箭頭工具平滑按鈕功能相同）菜單：“修改”“形狀”“平滑”拉直曲線（與箭頭工具拉直按鈕功能相同）菜單：“修改”“形狀”“伸直”優(yōu)化線條27 編輯圖形 圖形柔邊效果柔化操作僅對填充形狀有效，最好是單色且無邊。菜單：“修改”“形狀”“柔化填充邊緣”輸入軟化邊緣寬度、曲線數(shù)向外還是向內(nèi)擴張注意：曲線數(shù)越多柔化效果越好但會加大文件體積及降低繪

9、圖速度。填色特殊效果29 位圖的應(yīng)用導(dǎo)入圖像導(dǎo)入格式：bmp、 .jpg、 .gif 、.wmf 等導(dǎo)入文件若含多層，F(xiàn)lash會自動創(chuàng)建新層導(dǎo)入操作菜單：“文件”“導(dǎo)入”導(dǎo)入時可選擇直接導(dǎo)入舞臺或?qū)朐鞆募糍N板復(fù)制用其他可編輯位圖的程序打開要導(dǎo)入的圖像執(zhí)行復(fù)制與剪貼操作位圖處理30 位圖的應(yīng)用位圖管理導(dǎo)入的位圖出現(xiàn)在元件庫中，操作方法與元件相同更換位圖菜單：“修改”“位圖”“交換位圖”功能：將當前位圖替換成元件庫中另一位圖設(shè)置位圖屬性右擊元件庫面板上該圖名稱位圖去背景用“魔術(shù)棒”選中后刪除注意：用魔術(shù)棒前需先把圖形打散位圖處理31 位圖的應(yīng)用分離組件又稱打散定義：將位圖分解成獨立的可編輯

10、元素以重新編輯操作方法：菜單：修改分離快捷鍵： Ctrl + B注意：此操作不限于操作位圖，文本、元件、組合圖形等均可位圖與矢量圖的轉(zhuǎn)換32直接轉(zhuǎn)化為矢量圖“修改”“位圖”“位圖轉(zhuǎn)化為矢量圖”選擇或輸入?yún)?shù)顏色界限：設(shè)置色彩容差程度值越高，越會將更多顏色轉(zhuǎn)為相同顏色，值太小速度慢最小區(qū)域：設(shè)置位圖最小度量區(qū)即多大范圍選取一個坐標為1時效果最好但轉(zhuǎn)換時間長曲線擬合：設(shè)置轉(zhuǎn)換中曲線的平滑度平滑 度越高曲線越失真角閾值：設(shè)置轉(zhuǎn)換中圖形角邊數(shù)目角邊較少時失真加大但圖形邊緣較光滑 位圖的應(yīng)用位圖與矢量圖的轉(zhuǎn)換332.2 色彩在動畫中的應(yīng)用色彩的基本概念調(diào)色工具的使用漸變色的控制34色彩在動畫中的應(yīng)用FL

11、ASH中的顏色線條色用于給對象描邊可以調(diào)整線型和寬度8.0以下版只能使用單色填充色用于給封閉圖形著色可使用單色、漸變色和位圖填色文字顏色自動取填充色，但只能用單色色彩的基本概念35色彩在動畫中的應(yīng)用FLASH常用顏色模式RGB模式真彩色由紅、綠、藍三分量疊加組成每個分量都有256個亮度級別顏色總數(shù)：2562562561680萬HSB模式：基于人對顏色的心理感受形成由色調(diào)、飽和度和亮度組成色彩的基本概念白黑色調(diào)飽和度36色彩在動畫中的應(yīng)用顏色位深指每像素各顏色分量使用二進制位總數(shù)常見位深真色彩：24位，1680萬種顏色32位：24位顏色8位透明度信息注意：顏色位深越大，色彩越逼真越豐富，但占用的

12、磁盤空間越大色彩的基本概念37色彩在動畫中的應(yīng)用Alpha通道Alpha通道控制圖像的透明度Alpha通道使用不同灰度值表示，純白為不透明，純黑為完全透明Alpha通道由8位二進制數(shù)表示由0255，共256級，為方便起見，通常設(shè)置Alpha值時以百分比為單位適當運用透明度可以合成疊加圖像色彩的基本概念38色彩在動畫中的應(yīng)用Flash中色彩工具工具箱中顏色區(qū)線條色與填充色黑白色無顏色線條色與填充色交換屬性面板屬性面板使用方法同工具箱，但可以調(diào)整線條的樣式和大小色彩的控制39Flash中色彩工具-顏色面板-混色器：混色器可以精確調(diào)整顏色及Alpha通道一般操作與工具箱相同改變顏色模式：單擊選項按鈕

13、后選擇HSB或RGB調(diào)整顏色方法選擇線條色或填充色的基本色拖動游標或輸入顏色值精確調(diào)整顏色分量色彩在動畫中的應(yīng)用色彩的控制40Flash中色彩工具-顏色面板顏色樣本：導(dǎo)入、導(dǎo)出及修改FLASH顏色復(fù)制顏色選項快捷菜單“復(fù)制樣本”刪除顏色選項快捷菜單刪除樣本：刪除所選樣本顏色清除顏色：刪除所有彩色只留黑白二色添加顏色調(diào)色板中“添加樣本”用滴管工具拾取顏色后單擊面板將選中顏色拖入面板顏色分類：將顏色按色系排列色彩在動畫中的應(yīng)用色彩的控制41Flash中色彩工具顏色樣本：顏色的導(dǎo)出指將本FLASH顏色保存為文件（.CLR）供以后使用操作：選項菜單保存顏色選項菜單保存為默認顏色：顏色的導(dǎo)入選項菜單導(dǎo)入

14、用于將其他FLASH文件所存顏色樣本作為本文件使用添加顏色：僅導(dǎo)入文件中不同顏色替換顏色：完全替代當前樣本加載默認顏色：加載系統(tǒng)默認顏色樣本網(wǎng)頁216色：載入網(wǎng)絡(luò)常用216色色彩在動畫中的應(yīng)用色彩的控制42Flash中色彩工具墨水瓶工具描邊工具功能：改變圖形對象的線條屬性操作：選擇線型、粗細與顏色單擊邊線顏料桶工具填充封閉圖形顏色功能：改變單擊處填充圖形顏色選項按鈕：決定圖形不完全封閉時如何自動封閉。不封閉缺口封閉小缺口封閉中缺口封閉大缺口鎖定：固定漸變色色塊范圍色彩在動畫中的應(yīng)用色彩的控制43Flash中色彩工具用位圖填色導(dǎo)入位圖選中所填位圖調(diào)色板填充模式中選位圖亦可用顏料桶為未選中圖形填色

15、（小圖）滴管工具功能：選取已存在顏色或填充樣式操作：單擊要做樣本的圖形或線條系統(tǒng)改變填充色或線條色為所取顏色并自動打開顏料桶或墨水瓶工具色彩在動畫中的應(yīng)用色彩的控制44漸變色的兩種方式線性漸變-從左至右逐漸改變顏色放射狀漸變-從中心向圓周逐漸改變顏色漸變色的選取方法標準漸變色-直接在屬性面板或工具箱的顏色按鈕中選擇漸變色的調(diào)整工具“混色器”面板顏料桶填充變形工具色彩在動畫中的應(yīng)用漸變色的控制45色彩在動畫中的應(yīng)用利用混色器調(diào)整功能：調(diào)整漸變的顏色、種類及漸變范圍操作方法填充類型下拉選“線性”或“放射狀”自定義顏色：單擊選擇圖標后改變本點顏色調(diào)整顏色范圍：拖動漸變色坐標軸上顏色圖標添加漸變色：單

16、擊漸變色坐標軸上相應(yīng)位置刪除漸變色：將要刪除顏色圖標拖出坐標軸利用顏料桶調(diào)整漸變以中心顏料桶鼠標箭頭是漸變色填充中心點漸變色的控制46色彩在動畫中的應(yīng)用利用填充轉(zhuǎn)換工具 調(diào)整漸變圓：漸變圓是一個圖形工具，用于控制漸變的方向、大小和中心點調(diào)整方法：中心點按鈕：拖動調(diào)整漸變中心點方形按鈕：寬度-調(diào)整漸變圓形狀中間圓形按鈕：大小-改變漸變圓大小第一圓形按鈕：旋轉(zhuǎn)-改變漸變圓方向漸變色的控制47色彩在動畫中的應(yīng)用溢出方式(8.0新增)功能：控制漸變填充的重復(fù)方式，即漸變圓變化后位于漸變圓范圍外的部分的填充方式方法：在混色器面板中的“溢出”選項中選定溢出選項：擴展模式(默認)：將邊緣顏色擴展填充鏡像模式

17、：以鏡像(反向)方式重復(fù)填充重復(fù)模式：重復(fù)當前漸變圓漸變色的控制48色彩在動畫中的應(yīng)用位圖的填充變形(8.0新增)將填充變形工具用于位圖填充的圖形時，不能選擇溢出方式，但可以對位圖進行拉伸操作方法：在填充變形工具的按鈕中單擊水平拉伸按鈕 和垂直拉伸按鈕漸變色的控制旋轉(zhuǎn)水平大小垂直大小大小垂直拉伸水平拉伸492.3 文字工具文本框文字的格式文字的修改50 文字工具 FLASH中的文字必須寫在文本框中文本框創(chuàng)建方法：選取工具箱中按鈕在屬性面板中選定文字的字體、大小及顏色注意：系統(tǒng)自動將填充色作為默認字體顏色，但只能使用單色單擊舞臺區(qū)輸入文字創(chuàng)建文本框51 文字工具 文本框的格式自動文本框（默認）：

18、特點：大小隨文字調(diào)整，文本不自動換行標記：文本框右上角出現(xiàn)空心圓形控制點固定大小文本框：特點：文本框大小固定，文本到邊界會自動換行標記：文本框右上角出現(xiàn)空心方形控制點產(chǎn)生方法：拖動自動文本框的標記注意：只有靜態(tài)文本才能是自動文本框創(chuàng)建文本框52 文字工具 文本框的分類靜態(tài)文本動態(tài)文本輸入文本靜態(tài)文本功能：放映時顯示文字，但僅在編輯狀態(tài)可以輸入及修改文字特點：可改變 字距和文字方向及建立超級鏈接文本框的分類53 文字工具 動態(tài)文本功能：顯示文字特點：按鈕：放映時允許用戶用鼠標選擇文本按鈕：可在下面框中輸入HTML代碼按鈕：顯示文本框邊線和背景下拉列表框：設(shè)置文本框格式包含單行、多行、多行不換行設(shè)

19、定變量：編程時為本變量賦值即可改變動態(tài)文本框中內(nèi)容文本框的分類54 文字工具 輸入文本功能：放映中能接受用戶輸入文字特點：設(shè)定變量：編程時為本變量賦值即可改變文本框中內(nèi)容按鈕：顯示文本框邊線和背景下拉列表框：設(shè)置文本框格式包含單行、多行、多行不換行密碼：輸入時輸入信息以號顯示最大字符數(shù)：限定文本區(qū)最多顯示字符數(shù)文本框的分類55 菜單：“文本”子菜單字體、大?。涸O(shè)置字體和字號（磅）樣式：設(shè)置加粗等效果對齊：設(shè)置對齊方式間距：設(shè)置字間距屬性面板：除以上功能按鈕外添加功能文本框位置與大小字體顏色文字方向及消除文字上的鋸齒上標與下標“格式”按鈕：除字距外，還可設(shè)置行距和文本框邊距設(shè)置文字格式文字工具5

20、6 文字工具改變文本框大小拖動文本框周圍控制點標記修改內(nèi)容單擊文本框相應(yīng)位置后輸入新內(nèi)容修改文本框格式進入文本框編輯模式選擇箭頭工具再單擊選中文本框修改直接雙擊文本框區(qū)別：后者只修改選中部分格式用“屬性”面板或“文本”菜單修改相應(yīng)格式文字的修改57 文字工具文本框的移動與復(fù)制與一般圖形相同文字轉(zhuǎn)換成矢量圖文字轉(zhuǎn)換成矢量圖后可填充顏色甚至位圖操作：選中要轉(zhuǎn)換的文字“修改”“分離”注意：如果有多個文字則先將文字拆分成多個只含單個文字的文本框，再選一次本菜單后才能將將文字轉(zhuǎn)換成矢量圖文字的修改582.4 圖形對象的調(diào)整對象的變形同層上多個對象的處理59對象的變形對象的幾何變換對象的變形是指舞臺中各種

21、對象的大小、形狀或角度的改變分類應(yīng)用范圍：矢量圖、位圖或元件實例操作：縮放、旋轉(zhuǎn)、翻轉(zhuǎn)、拉伸變換工具任意變形工具按鈕“變形”面板“變形”菜單60對象的變形自由變形工具任意變形工具是繪圖工具箱中的按鈕功能：用鼠標拖動縮放、旋轉(zhuǎn)和拉伸對象操作縮放：直接拖放對象周圍8個點旋轉(zhuǎn)：鼠標移至對象點附近出現(xiàn)旋轉(zhuǎn)標志后拖動鼠標旋轉(zhuǎn)對象拉伸：鼠標移至中邊點出現(xiàn)拉伸標志后拖動鼠標61對象的變形打開菜單：窗口設(shè)計面板變形面板參數(shù)水平與垂直縮放尺寸比例約束：縮放時保持縱橫比旋轉(zhuǎn)：控制旋轉(zhuǎn)角度傾斜：控制水平與垂直拉伸角度復(fù)制按鈕 ：復(fù)制對象并應(yīng)用變形結(jié)果重置按鈕 ：取消剛才變形操作變形面板62變形和定位時以以中心點為參考點。拖動對象時中心點顯示為一個圓圈幫助定位。調(diào)整中心點位置選擇對象選擇自由變形工具拖動中心點十字符到新位置注意：對象旋轉(zhuǎn)時以中心點為原點線和形狀無中心點以左上角為參考點利用對象變換制作動畫中心點的操作63對象的變形變形菜單“修改”菜單下的“變形”子菜單可進行所有對象變換“變形”的子菜單圖形變形類任意變形：啟動任意變形工具扭曲：僅對矢量圖有效拖動8個點對矢量圖做直線變形和拉伸封套：和變形相似，