Animate實(shí)例教程（Animate2020）電子活頁微課版 課件 第3、4章 對象的編輯與修飾、文本的編輯

本章簡介：使用工具欄中的工具創(chuàng)建的向量圖形相對來說比較單調(diào)，如果能結(jié)合修改菜單命令修改圖形，就可以改變原圖形的形狀、線條等，并且可以將多個圖形組合起來，達(dá)到所需要的圖形效果。本章將詳細(xì)介紹AnimateCC編輯、修飾對象的功能。通過對本章的學(xué)習(xí)，讀者可以掌握編輯和修飾對象的各種方法和技巧，并能根據(jù)具體操作特點(diǎn)，靈活地應(yīng)用編輯和修飾功能。第3章對象的編輯與修飾課堂學(xué)習(xí)目標(biāo)掌握對象的變形方法和技巧掌握對象的修飾方法熟悉運(yùn)用對齊面板與變形面板編輯對象3.1對象的變形與操作課堂案例——繪制閃屏頁中插畫扭曲對象封套對象縮放對象旋轉(zhuǎn)與傾斜對象翻轉(zhuǎn)對象組合對象分離對象疊放對象對齊對象使用橢圓工具、任意變換工具和矩形工具，繪制表盤圖形，使用多角星形工具、垂直翻轉(zhuǎn)命令，制作指針圖形，使用對齊命令，將對象居中對齊。效果圖3.1.1課堂案例—繪制閃屏頁中插畫選擇“修改>變形>扭曲”命令，在當(dāng)前選擇的圖形上出現(xiàn)控制點(diǎn)，向右上方拖曳控制點(diǎn)，拖動4角的控制點(diǎn)可以改變圖形頂點(diǎn)的形狀。對象扭曲前后效果對比3.1.2扭曲對象

選擇“修改>變形>封套”命令，在當(dāng)前選擇的圖形上出現(xiàn)控制點(diǎn)，用鼠標(biāo)拖動控制點(diǎn)，使圖形產(chǎn)生相應(yīng)的彎曲變化。3.1.3封套對象對象應(yīng)用封套命令前后效果對比

選擇“修改>變形>縮放”命令，在當(dāng)前選擇的圖形上出現(xiàn)控制點(diǎn)，按住鼠標(biāo)不放，向右上方拖曳控制點(diǎn)，用鼠標(biāo)拖動控制點(diǎn)可成比例地改變圖形的大小。3.1.4縮放對象

對象縮放前后效果對比

選擇“修改>變形>旋轉(zhuǎn)與傾斜”命令，在當(dāng)前選擇的圖形上出現(xiàn)控制點(diǎn)，用鼠標(biāo)拖動中間的控制點(diǎn)傾斜圖形，光標(biāo)變?yōu)?，按住鼠?biāo)不放，向右水平拖曳控制點(diǎn)，松開鼠標(biāo)，圖形變?yōu)閮A斜。光標(biāo)放在右上角的控制點(diǎn)上時，光標(biāo)變?yōu)?，拖動控制點(diǎn)旋轉(zhuǎn)圖形。選擇“修改>變形”中的“順時針旋轉(zhuǎn)90度”、“逆時針旋轉(zhuǎn)90度”命令，可以將圖形按照規(guī)定的度數(shù)進(jìn)行旋轉(zhuǎn)。順時針、逆時針旋轉(zhuǎn)90度3.1.5旋轉(zhuǎn)與傾斜對象旋轉(zhuǎn)圖形傾斜圖形選擇“修改>變形”中的“垂直翻轉(zhuǎn)”、“水平翻轉(zhuǎn)”命令，可以將圖形進(jìn)行翻轉(zhuǎn)。

垂直翻轉(zhuǎn)水平翻轉(zhuǎn)3.1.6翻轉(zhuǎn)對象

選中多個圖形，選擇“修改>組合”命令，或按Ctrl+G組合鍵，將選中的圖形進(jìn)行組合。對象組合前后的對比效果3.1.7組合對象要修改多個圖形的組合、圖像、文字或組件的一部分時，可以使用“修改>分離”命令。另外，制作變形動畫時，需用“分離”命令將圖形的組合、圖像、文字或組件轉(zhuǎn)變成圖形。選中圖形組合，選擇“修改>分離”命令，或按Ctrl+B組合鍵，將組合的圖形打散。對象多次使用“分離”命令的效果3.1.8分離對象制作復(fù)雜圖形時，多個圖形的疊放次序不同，會產(chǎn)生不同的效果，可以通過“修改>排列”中的命令實(shí)現(xiàn)不同的疊放效果。如果要將圖形移動到所有圖形的頂層。選中要移動的熱氣球圖形，選擇“修改>排列>移至頂層”命令，將選中的熱氣球圖形移動到所有圖形的頂層。對象不同的疊放效果3.1.9疊放對象當(dāng)選擇多個圖形、圖像、圖形的組合、組件時，可以通過“修改>對齊”中的命令調(diào)整它們的相對位置。如果要將多個圖形的底部對齊。選中多個圖形，選擇“修改>對齊>底對齊”命令，將所有圖形的底部對齊。對象對齊前后的對比效果3.1.10對齊對象3.2對象的修飾課堂案例——繪制風(fēng)景插畫優(yōu)化曲線將線條轉(zhuǎn)換為填充擴(kuò)展填充柔化填充邊緣使用橢圓工具繪制太陽圖形，使用將線條轉(zhuǎn)換為填充命令將線條轉(zhuǎn)換為填充，使用柔化填充邊緣命令、復(fù)制命令和粘貼到當(dāng)前位置命令制作太陽發(fā)光效果。效果圖3.2.1課堂案例—繪制風(fēng)景插畫選中要優(yōu)化的線條。選擇“修改>形狀>優(yōu)化”命令，彈出“優(yōu)化曲線”對話框，進(jìn)行設(shè)置后；單擊“確定”按鈕，彈出提示對話框；單擊“確定”按鈕，線條被優(yōu)化。曲線優(yōu)化前后的對比效果3.2.2優(yōu)化曲線應(yīng)用將線條轉(zhuǎn)換為填充命令可以將矢量線條轉(zhuǎn)換為填充色塊。選擇“墨水瓶”工具，為圖形繪制外邊線。雙擊圖形的外邊線將其選中，選擇“修改>形狀>將線條轉(zhuǎn)換為填充”命令，將外邊線轉(zhuǎn)換為填充色塊。這時，可以選擇“顏料桶”工具，為填充色塊設(shè)置其他顏色。3.2.3將線條轉(zhuǎn)換為填充

為圖形繪制外邊線將外邊線轉(zhuǎn)換為填充色塊為填充色塊設(shè)置其他顏色1．?dāng)U展填充色選中圖形的填充顏色，選擇“修改>形狀>擴(kuò)展填充”命令，彈出“擴(kuò)展填充”對話框，設(shè)置后單擊“確定”按鈕，填充色向外擴(kuò)展。2．收縮填充色選中圖形的填充顏色，選擇“修改>形狀>擴(kuò)展填充”命令，彈出“擴(kuò)展填充”對話框，設(shè)置后單擊“確定”按鈕，填充色向內(nèi)收縮。3.2.4擴(kuò)展填充擴(kuò)展填充色后效果選中圖形的填充顏色收縮填充色后效果1．向外柔化填充邊緣選中圖形，選擇“修改>形狀>柔化填充邊緣”命令，彈出“柔化填充邊緣”對話框，設(shè)置后單擊“確定”按鈕。2．向內(nèi)柔化填充邊緣選中圖形，選擇“修改>形狀>柔化填充邊緣”命令，彈出“柔化填充邊緣”對話框，設(shè)置后單擊“確定”按鈕。3.2.5柔化填充邊緣向外柔化填充邊緣向內(nèi)柔化填充邊緣3.3對齊面板與變形面板的使用課堂案例——制作茶葉網(wǎng)站首頁對齊面板變形面板使用導(dǎo)入到庫命令導(dǎo)入素材；使用變形面板縮放圖像的大??；使用對齊面板設(shè)置圖像的對齊方式。效果圖3.3.1課堂案例—制作茶葉網(wǎng)站首頁3.3.2對齊面板選擇“窗口>對齊”命令，彈出“對齊”面板?！皩R”選項(xiàng)組“分布”選項(xiàng)組“匹配大小”選項(xiàng)組“間隔”選項(xiàng)組“與舞臺對齊”選項(xiàng)“對齊”面板3.3.3變形面板“變形”面板選擇“窗口>變形”命令，彈出“變形”面板。“變形”面板中的設(shè)置不同，所產(chǎn)生的效果也各不相同。3.3.3變形面板“縮放寬度”和“縮放高度”選項(xiàng)：用于設(shè)置圖形的寬度和高度?！凹s束”按鈕：用于約束“寬度”和“高度”選項(xiàng)，使圖形能夠成比例地變形?！爸刂每s放”按鈕：單擊此按鈕，可以將縮放恢復(fù)到初始狀態(tài)，“旋轉(zhuǎn)”選項(xiàng)：用于設(shè)置圖形的角度。“傾斜”選項(xiàng)：用于設(shè)置圖形的水平傾斜或垂直傾斜。“水平翻轉(zhuǎn)所選內(nèi)容”按鈕：用于設(shè)置所選圖形的水平翻轉(zhuǎn)?！按怪狈D(zhuǎn)所選內(nèi)容”按鈕：用于設(shè)置所選圖形的垂直翻轉(zhuǎn)?！爸刂七x區(qū)和變形”按鈕：用于復(fù)制圖形并將變形設(shè)置應(yīng)用于圖形。“取消變形”按鈕：用于將圖形屬性恢復(fù)到初始狀態(tài)。使用柔化填充邊緣命令，制作太陽效果，使用鋼筆工具繪制白云形狀。效果圖課堂練習(xí)—繪制飛機(jī)插畫使用基本橢圓工具、多邊形工具、鋼筆工具繪制卡通形象輪廓；使用分離命令將其打散；使用變形面板水平翻轉(zhuǎn)對象。課后習(xí)題—繪制卡通形象插畫效果圖

本章簡介：AnimateCC具有強(qiáng)大的文本輸入、編輯和處理功能。本章將詳細(xì)講解文本的編輯方法和應(yīng)用技巧。讀者通過學(xué)習(xí)要了解并掌握文本的功能及特點(diǎn)，并能在設(shè)計制作任務(wù)中充分地利用好文本的效果。第4章文本的編輯課堂學(xué)習(xí)目標(biāo)熟練掌握文本的創(chuàng)建和編輯方法。了解文本的類型及屬性設(shè)置。熟悉運(yùn)用文本的轉(zhuǎn)換來編輯文本。4.1文本的類型及使用課堂案例——制作耳機(jī)網(wǎng)頁首頁創(chuàng)建文本文本屬性靜態(tài)文本動態(tài)文本輸入文本嵌入字體使用文本工具輸入需要的文字，使用屬性面板設(shè)置文字的字體、大小、顏色、行距和字符屬性。效果圖4.1.1課堂案例—制作耳機(jī)網(wǎng)頁首頁直接輸入文字在拖曳的文本框中輸入文字4.1.2創(chuàng)建文本文本工具“屬性”面板選擇“文本”工具，選擇“窗口>屬性”命令，彈出文本工具“屬性”面板。將光標(biāo)放置在舞臺窗口中，光標(biāo)變?yōu)闀r，單擊鼠標(biāo)，出現(xiàn)文本輸入光標(biāo)。直接輸入文字即可。在舞臺窗口中單擊并拖曳鼠標(biāo)繪制文本框，在文本框中輸入文字，文字被限定在文本框中，如果輸入的文字較多，會自動轉(zhuǎn)到下一行顯示。

文本“屬性”面板4.1.3文本屬性設(shè)置文本的字體、字體大小、樣式和顏色字體呈現(xiàn)方法設(shè)置字符與段落設(shè)置文本超鏈接選擇“靜態(tài)文本”選項(xiàng)?！翱蛇x”按鈕：選擇此項(xiàng)，當(dāng)文件輸出為SWF格式時，可以對影片中的文字進(jìn)行選取、復(fù)制操作。靜態(tài)文本“屬性”面板4.1.4靜態(tài)文本動態(tài)文本可以作為對象來應(yīng)用。在“屬性”面板中選擇“動態(tài)文本”選項(xiàng)。4.1.5動態(tài)文本動態(tài)文本“屬性”面板

在“屬性”面板中選擇“輸入文本”選項(xiàng)。4.1.6輸入文本輸入文本“屬性”面板4.1.7嵌入字體“字體嵌入”對話框從AnimateCC開始，對于包含文本的任何文本對象使用的所有字符，Animate均會自動嵌入。如果您自己創(chuàng)建嵌入字體元件，就可以使文本對象使用其他字符。對于“消除鋸齒”屬性設(shè)置為“使用設(shè)備字體”的文本對象，沒有必要嵌入字體。指定要在FLA文件中嵌入的字體后，Animate會在您發(fā)布SWF文件時嵌入指定的字體。在文本工具“屬性”面板中，單擊“字符”選項(xiàng)下的“嵌入”按鈕，彈出“字體嵌入”對話框。4.2文本的轉(zhuǎn)換課堂案例——制作服飾類App主頁Banner變形文本填充文本使用文本工具輸入需要的文字；使用分離命令將文字打散；使用封套命令對文字進(jìn)行變形。

效果圖4.2.1課堂案例—制作服飾類App主頁Banner在舞臺窗口輸入需要的文字，并選中文字。按兩次Ctrl+B組合鍵，將文字打散。選擇“修改>變形>封套”命令，在文字的周圍出現(xiàn)控制點(diǎn)。拖曳控制點(diǎn)，改變文字的形狀。

文字變形過程4.2.2變形文本在舞臺窗口輸入需要的文字，并選中文字。按兩次Ctrl+B組合鍵，將文字打散。選擇“窗口>顏色”命令，彈出“顏色”面板，在“顏色類型”選項(xiàng)中選擇“徑向漸變”，在顏色設(shè)置條上設(shè)置漸變顏色。選擇