Flash動(dòng)畫設(shè)計(jì)與制作（3）對(duì)象操作和位圖應(yīng)用.ppt

1 Flash動(dòng)畫設(shè)計(jì)與制作 對(duì)象操作和位圖應(yīng)用 合肥工業(yè)大學(xué)計(jì)算機(jī)與信息學(xué)院石雷 2 對(duì)象操作和位圖應(yīng)用 對(duì)象的屬性和類別更改對(duì)象屬性編輯位圖對(duì)象的排列與對(duì)齊對(duì)象的移動(dòng)復(fù)制刪除對(duì)象的變形 3 對(duì)象操作和位圖應(yīng)用 對(duì)象的屬性和類別更改對(duì)象屬性編輯位圖對(duì)象的排列與對(duì)齊對(duì)象的移動(dòng)復(fù)制刪除對(duì)象的變形 4 對(duì)象操作和位圖應(yīng)用 對(duì)象的屬性和類別 一部動(dòng)畫的制作是由很多元素組成的 在Flash中將這些元素統(tǒng)稱為對(duì)象 每種對(duì)象都有它的特性 Flash中的對(duì)象包括 形狀 組合 文字 位圖 符號(hào)與聲音 形狀形狀是指所有在Flash中繪制的圖形 也包括打散的位圖 是對(duì)象中最基層的元素 包括線條與填充色兩部分 屬性面板如下圖所示 線條與線條的關(guān)系 在Flash中 不管用什么工具繪制的線條一旦相交 線條就會(huì)被互相隔斷 線條與填充色的關(guān)系 線條與填充色相交也會(huì)被互相分割 但二者又相互獨(dú)立 不會(huì)被彼此覆蓋 填充色與填充色的關(guān)系 填充色與填充色相交既會(huì)被互相分割又會(huì)被彼此覆蓋 5 對(duì)象操作和位圖應(yīng)用 對(duì)象的屬性和類別 組合組合的圖形是獨(dú)立存在的個(gè)體 它的屬性就是獨(dú)立存在 可以將任意的形狀組合 也可以將已經(jīng)組合的圖形再次組合 組合后的圖形不會(huì)互相干擾 組合圖形的屬性面板如下圖所示 當(dāng)組合后的圖形之間相互重疊時(shí) 組合的圖形會(huì)被遮蓋 但組合的圖形不會(huì)相互分割 文字文字也是Flash中的編輯對(duì)象之一 從工具箱中選取文本工具 在場(chǎng)景中單擊 即可在空白的文本標(biāo)簽框中輸入文字 選中文字 在屬性面板中可以對(duì)文本的類型 字體 字號(hào)與顏色等屬性進(jìn)行設(shè)置 具體的應(yīng)用在后面的章節(jié)中會(huì)做詳細(xì)介紹 6 對(duì)象操作和位圖應(yīng)用 對(duì)象的屬性和類別 位圖位圖是指所有導(dǎo)入到Flash中的象素圖片 可以對(duì)其進(jìn)行移動(dòng) 復(fù)制或變形等操作 屬性面板如下圖所示 導(dǎo)入位圖 導(dǎo)入圖形的位置分為舞臺(tái)與庫(kù)面板兩種 導(dǎo)入到舞臺(tái) 位圖會(huì)同時(shí)出現(xiàn)在工作區(qū)與庫(kù)面板中 導(dǎo)入到庫(kù)面板 位圖只出現(xiàn)在庫(kù)面板中 導(dǎo)入一系列位圖 如果導(dǎo)入的位圖為一系列圖形中的一張 則可以一次性導(dǎo)入這個(gè)系列的位圖 7 對(duì)象操作和位圖應(yīng)用 對(duì)象的屬性和類別 符號(hào)符號(hào)也被稱作為圖符或元件 是Flash中的重要對(duì)象 圖符可以被反復(fù)調(diào)用而不會(huì)影響到影片的容量 以一個(gè)符號(hào)為基礎(chǔ) 可以制作出不同顏色 大小或是旋轉(zhuǎn)角度的符號(hào) 如下圖所示 符號(hào)包括三種類型 分別為圖形元件 影片剪輯元件和按鈕 具體的應(yīng)用會(huì)在后面章節(jié)中詳細(xì)講述 8 對(duì)象操作和位圖應(yīng)用 對(duì)象的屬性和類別 聲音聲音作為一種較為特殊的對(duì)象廣泛應(yīng)用在Flash中 屬性面板如下圖所示 通過(guò)屬性面板可以對(duì)聲音文件進(jìn)行各種效果的制作 設(shè)置聲音的播放方式等 具體的應(yīng)用會(huì)在后面章節(jié)中詳細(xì)講述 9 對(duì)象操作和位圖應(yīng)用 對(duì)象的屬性和類別更改對(duì)象屬性編輯位圖對(duì)象的排列與對(duì)齊對(duì)象的移動(dòng)復(fù)制刪除對(duì)象的變形 10 對(duì)象操作和位圖應(yīng)用 更改對(duì)象屬性 對(duì)象的組合Flash中形狀與符號(hào)都可以被組合 選中要組合的對(duì)象 執(zhí)行 修改 組合 命令 或按Ctrl G鍵可實(shí)現(xiàn)圖形組合 組合后的圖形可再次被組合 組合后的圖形擁有圖形一般的屬性 例如可以對(duì)其進(jìn)行移動(dòng) 復(fù)制和變形等命令的操作 對(duì)象的分離與組合相對(duì)的命令為打散命令 打散命令可以將對(duì)象轉(zhuǎn)變?yōu)樽罨A(chǔ)的元素 形狀 執(zhí)行 修改 分離 命令 或按Ctrl B鍵可實(shí)現(xiàn)圖形打散 符號(hào)類型的轉(zhuǎn)換符號(hào)的三種類型可以在場(chǎng)景中通過(guò)屬性面板進(jìn)行任意轉(zhuǎn)換 轉(zhuǎn)換后的符號(hào)具有相應(yīng)的符號(hào)屬性 11 對(duì)象操作和位圖應(yīng)用 對(duì)象的屬性和類別更改對(duì)象屬性編輯位圖對(duì)象的排列與對(duì)齊對(duì)象的移動(dòng)復(fù)制刪除對(duì)象的變形 12 對(duì)象操作和位圖應(yīng)用 編輯位圖 Flash提供了多種命令用于編輯位圖 除了前面介紹的對(duì)其進(jìn)行移動(dòng) 復(fù)制 變形或打散等操作以外 還可以將它導(dǎo)出到外部編輯器中進(jìn)行編輯 但無(wú)論如何編輯 位圖都是由像素構(gòu)成的圖形 通過(guò)Flash還可以將其轉(zhuǎn)換為矢量圖 位圖之間的同位置交換 利用選擇工具選中位圖 單擊屬性面板中的 交換 按鈕 彈出 交換位圖 對(duì)話框 在其中列出所有在庫(kù)面板中的圖片 單擊選中欲交換的圖片 在左上角的預(yù)覽窗口中預(yù)覽圖片 接著單擊 確定 按鈕 即可在同位置交換位圖 設(shè)置位圖的外部編輯 如果需要的位圖效果沒(méi)法在Flash中進(jìn)行編輯 可以指定外部編輯器 將位圖導(dǎo)出Flash進(jìn)行同步編輯 位圖轉(zhuǎn)換為矢量 位圖轉(zhuǎn)化為矢量圖與將位圖打散不同 打散后的位圖與矢量化的位圖雖然在屬性面板中同屬形狀 但打散后的位圖仍然是像素圖形 換句話說(shuō) 在放大后仍然模糊不清 而矢量化的位圖是由一個(gè)個(gè)獨(dú)立的色塊組成 完全變成了矢量圖 優(yōu)化矢量 為了減少文件的大小 轉(zhuǎn)換為矢量圖的圖形還可以進(jìn)行優(yōu)化 達(dá)到較少文件容量的目的 13 對(duì)象操作和位圖應(yīng)用 對(duì)象的屬性和類別更改對(duì)象屬性編輯位圖對(duì)象的排列與對(duì)齊對(duì)象的移動(dòng)復(fù)制刪除對(duì)象的變形 14 對(duì)象操作和位圖應(yīng)用 對(duì)象的排列與對(duì)齊 同一圖層中Flash中的對(duì)象按照創(chuàng)建的先后順序分位不同的層次出現(xiàn)在場(chǎng)景中 最晚創(chuàng)建的對(duì)象位于最高層 但形狀永遠(yuǎn)處于最底層 選中的形狀會(huì)覆蓋其他的形狀 若要改變形狀的疊放次序 就必須將它組合 對(duì)象的排列 見(jiàn)操作 對(duì)象的對(duì)齊 對(duì)齊對(duì)象命令用于對(duì)齊分布在同一場(chǎng)景中的兩個(gè)或兩個(gè)以上的選定對(duì)象 可以通過(guò)兩種方式將選定的對(duì)象對(duì)齊 1 菜單欄選定對(duì)象后 執(zhí)行 修改 排列 對(duì)齊 命令 在彈出的下一級(jí)子菜單中進(jìn)行選擇 2 對(duì)齊面板執(zhí)行 窗口 設(shè)計(jì)面板 對(duì)齊 命令或按Ctrl K鍵 在彈出的對(duì)齊面板中對(duì)選定的對(duì)象進(jìn)行選擇 15 對(duì)象操作和位圖應(yīng)用 對(duì)象的排列與對(duì)齊 對(duì)齊面板的應(yīng)用對(duì)齊 對(duì)齊組中包括6個(gè)命令 分為水平對(duì)齊和垂直對(duì)齊兩種 水平方向包括 左對(duì)齊 水平中齊 與 右對(duì)齊 三種 垂直方向包括 上對(duì)齊 垂直中齊 與 底對(duì)齊 三種分布 分布組中包括6個(gè)命令 分為垂直分布和水平分布兩種 垂直分布包括 頂部分布 垂直中間分布 與 底部分布 三種 水平分布包括 左側(cè)分布 水平中間分布 與 右側(cè)分布 三種 匹配大小 匹配大小組中包括3個(gè)命令 分別為 匹配寬度 匹配高度 與 匹配寬和高 間隔 間隔組中包括2個(gè)命令 分別為 垂直平均間隔 與 水平平均間隔 相對(duì)于舞臺(tái)組 單擊 對(duì)齊 相對(duì)舞臺(tái)分布 按鈕 所有的對(duì)齊操作將以場(chǎng)景的大小為基準(zhǔn) 而在未選定狀態(tài)下 也就是默認(rèn)狀態(tài)下 則是以對(duì)象本身為基準(zhǔn)進(jìn)行的操作 16 對(duì)象操作和位圖應(yīng)用 對(duì)象的屬性和類別更改對(duì)象屬性編輯位圖對(duì)象的排列與對(duì)齊對(duì)象的移動(dòng)復(fù)制刪除對(duì)象的變形 17 對(duì)象操作和位圖應(yīng)用 對(duì)象的移動(dòng)復(fù)制刪除 移動(dòng) 復(fù)制與刪除的操作是對(duì)Flash中的對(duì)象進(jìn)行編輯時(shí)較為常用的操作 Flash中的對(duì)象之一聲音也可以被反復(fù)利用 各種對(duì)象之間的操作命令有所不同 下面將分別講述操作對(duì)象的幾種方法 1 移動(dòng)對(duì)象移動(dòng)對(duì)象就是改變對(duì)象在場(chǎng)景中的位置 移動(dòng)對(duì)象的方法有四種 分別為 利用選擇工具 利用鍵盤中方向鍵 利用信息面板移動(dòng)對(duì)象 利用屬性面板移動(dòng)對(duì)象 2 復(fù)制對(duì)象在Flash中 既可以在不同圖層 場(chǎng)景和Flash文件之間復(fù)制對(duì)象 又可以在組合與元件的內(nèi)部之間復(fù)制對(duì)象 當(dāng)然也可以在同一圖層之間復(fù)制對(duì)象 粘貼圖像的方式有三種 每種的粘貼效果各不相同 三種方法如下所述 復(fù)制對(duì)象后 執(zhí)行 編輯 粘貼到中心位置 命令或按Ctrl V鍵 即可將剛剛復(fù)制的對(duì)象粘貼在場(chǎng)景中 且被復(fù)制的對(duì)象保留了原來(lái)對(duì)象中的一切屬性 包括對(duì)象的類型 尺寸與透明度等設(shè)置 復(fù)制對(duì)象后 執(zhí)行 編輯 粘貼到當(dāng)前位置 命令或按Ctrl Shift V鍵 即可將復(fù)制的對(duì)象按照原來(lái)的位置粘貼到場(chǎng)景中 看上去就好像是沒(méi)有被復(fù)制一樣 兩個(gè)圖形被重疊放在一起 復(fù)制對(duì)象后 執(zhí)行 編輯 選擇性粘貼 命令 彈出 選擇性粘貼 對(duì)話框 這個(gè)對(duì)話框詢問(wèn)將復(fù)制的對(duì)象以何種方式貼粘到場(chǎng)景中 18 對(duì)象操作和位圖應(yīng)用 對(duì)象的移動(dòng)復(fù)制刪除 2 復(fù)制對(duì)象除了上述方法以外 還可以用以下兩種更簡(jiǎn)便的方法復(fù)制對(duì)象 用選擇工具選中對(duì)象的同時(shí) 按住Ctrl或Alt鍵單擊并拖拽鼠標(biāo) 即可在新位置上復(fù)制移動(dòng)的對(duì)象 選中對(duì)象后 執(zhí)行 編輯 重制 命令或按Ctrl D鍵 復(fù)制的對(duì)象將以交錯(cuò)疊放的順序被粘貼 3 刪除對(duì)象要?jiǎng)h除場(chǎng)景中的對(duì)象 只需將它選中 執(zhí)行 編輯 清除 命令或直接按Delete或Backspace鍵 19 對(duì)象操作和位圖應(yīng)用 對(duì)象的屬性和類別更改對(duì)象屬性編輯位圖對(duì)象的排列與對(duì)齊對(duì)象的移動(dòng)復(fù)制刪除對(duì)象的變形 20 對(duì)象操作和位圖應(yīng)用 對(duì)象的變形 對(duì)象的變形在第2章中的任意變形工具章節(jié)中已經(jīng)詳細(xì)介紹 這里重點(diǎn)介紹任意變形工具與菜單命令中的變形選項(xiàng)之間的區(qū)別和聯(lián)系 用選擇工具選中一個(gè)形狀 執(zhí)行 修改 變形 命令 在彈出的下一級(jí)子菜單中進(jìn)行選擇 如下圖所示 在菜單欄第一組中提供的前5個(gè)命令 均可以在工具欄或任意變形工具選項(xiàng)欄中找到相應(yīng)的選項(xiàng) 菜單欄中提供的其他命令 均可以通過(guò)在變形對(duì)話框中的設(shè)置來(lái)實(shí)現(xiàn) 其中的 取消變形 選項(xiàng)必須在應(yīng)用變形以后才能顯示 與變形對(duì)話框中的 重置 按鈕功能一樣 但通過(guò)菜單欄可以很方便設(shè)置對(duì)象的垂直翻轉(zhuǎn)與水平翻轉(zhuǎn)命令 以下將詳細(xì)介紹這兩個(gè)命令的應(yīng)用 21 對(duì)象操作和位圖應(yīng)用 對(duì)象的變形 1 垂直翻轉(zhuǎn)選中如左圖所示對(duì)象后 執(zhí)行 修改 垂直翻轉(zhuǎn) 命令 得到如右圖所示的效果 2 水平翻轉(zhuǎn)選中如左圖所示對(duì)象后 執(zhí)行 修改 水平翻轉(zhuǎn) 命令 得到如右圖所示的效果 3 通過(guò)屬性面板控制對(duì)象縱橫比除了可以利用任意變形工具調(diào)整對(duì)象尺寸 還可以通過(guò)屬性面板的設(shè)置 對(duì)所選對(duì)象進(jìn)行更精確的縱橫比設(shè)置 22 對(duì)象操作和位圖應(yīng)用 修改對(duì)象形狀 1 將線條轉(zhuǎn)換為填充將線條轉(zhuǎn)換為填充后 線條的屬性變成填充色屬性 可以對(duì)其進(jìn)行各種填充色的設(shè)置 使用時(shí)選中線條執(zhí)行 修改 形狀 將線條轉(zhuǎn)換為填充 命令即可 2 擴(kuò)展填充擴(kuò)展填充可以使填充色的填充范圍擴(kuò)大或縮小 選中任意填充色 執(zhí)行 修改 形狀 擴(kuò)展填充 命令 彈出 擴(kuò)展填充 對(duì)話框 在其中進(jìn)行設(shè)置 3 柔滑填充邊緣柔化填充邊緣可以使填充色的邊緣產(chǎn)生模糊的效果 選中任意填充色 執(zhí)行 修改 形狀 柔化填充邊緣 命令 彈出 柔化填充邊緣 對(duì)話框 在其中進(jìn)行設(shè)置 23 對(duì)象操作和位圖應(yīng)用 自動(dòng)捕捉對(duì)象 查看自動(dòng)捕捉對(duì)象用于自動(dòng)捕捉移動(dòng)的對(duì)象幫助對(duì)象與其他對(duì)象 路徑 網(wǎng)格或輔助線對(duì)齊 還可以幫助所選對(duì)象的中心點(diǎn)自動(dòng)捕捉到對(duì)象 路徑 網(wǎng)格或輔助線 這樣不需要使用對(duì)齊面板 就可輕松將對(duì)象對(duì)齊 1 對(duì)齊對(duì)象用選擇工具選中對(duì)象 執(zhí)行 視圖 對(duì)齊 對(duì)齊對(duì)象 命令或單擊選擇工具選項(xiàng)組中的對(duì)齊對(duì)象按鈕 即可打開(kāi)或關(guān)閉對(duì)齊對(duì)象的自動(dòng)捕捉功能 2 緊貼對(duì)齊緊貼對(duì)齊就是在移動(dòng)對(duì)象時(shí) 當(dāng)對(duì)象靠近另一個(gè)對(duì)象的時(shí)候 移動(dòng)的對(duì)象周圍會(huì)出現(xiàn)虛線輔助線 幫助對(duì)象與另一個(gè)對(duì)象頂對(duì)齊 底對(duì)齊 左對(duì)齊或右對(duì)齊 執(zhí)行 視圖 對(duì)齊 緊貼對(duì)齊 命令 即可打開(kāi)或關(guān)閉緊貼對(duì)齊的自動(dòng)捕捉功能 24 對(duì)象操作和位圖應(yīng)用 自動(dòng)捕捉對(duì)象 3 對(duì)齊網(wǎng)格對(duì)齊網(wǎng)格命令針對(duì)移動(dòng)對(duì)象的中心點(diǎn) 使對(duì)象中心點(diǎn)與網(wǎng)格對(duì)齊 在執(zhí)行對(duì)齊網(wǎng)格命令之前 首先應(yīng)執(zhí)行 視圖 網(wǎng)格 顯示網(wǎng)格 命令 顯示網(wǎng)格 接著執(zhí)行 視圖 對(duì)齊 對(duì)