1、(中職）Flash CS3動(dòng)畫設(shè)計(jì)案例教程項(xiàng)目八ppt課件項(xiàng)目八文字效果的制作 任務(wù)一電影海報(bào)的制作 任務(wù)二認(rèn)識按鈕的顏色 任務(wù)三 登錄界面 任務(wù)四 毛筆字 任務(wù)一電影海報(bào)的制作 教學(xué)目標(biāo) 掌握文字工具的使用方法，能夠制作出靜態(tài)文本。 教學(xué)難點(diǎn) 認(rèn)識“文本屬性”面板中各項(xiàng)參數(shù)的功能和作用。 教學(xué)重點(diǎn) 1、掌握使用文字工具制作靜態(tài)文本的方法。 2、掌握編輯、修改文字及設(shè)置文字基本屬性的方法。 3、了解字體呈現(xiàn)的各種方式。 任務(wù)描述 制作一張圖文并茂的電影海報(bào)。作品要求以電影劇照作為背景，使用靜態(tài)文本在畫面正中顯示電影名、右下角顯示上映日期 。 任務(wù)分析 制作本任務(wù)，要求我們首先應(yīng)該掌握文檔的新建

2、和保存、文件屬性的設(shè)置、導(dǎo)入圖片到舞臺等基本操作；其次我們要學(xué)習(xí)使用文本工具制作靜態(tài)文本，以及在屬性面板中調(diào)整文本的各參數(shù)值。工作步驟運(yùn)行Flash CS3，新建一個(gè)空白文檔。在【屬性】面板中修改文檔屬性，設(shè)置畫面尺寸為800500，其它參數(shù)值默認(rèn)。單擊“文件/導(dǎo)入/導(dǎo)入到舞臺”，將“背景.jpg”圖片導(dǎo)入到舞臺上。 選中圖片，在【屬性】面板中設(shè)置圖片的大小為800500、位置為（0，0）。 選擇工具箱中的文本工具 ，鼠標(biāo)指針變?yōu)椤?A”，在【屬性】面板中設(shè)置文本類型為“靜態(tài)文本”，然后移動(dòng)鼠標(biāo)指針到舞臺的中心位置單擊，輸入文本“變形金剛3”， 如下圖。 選中文本，在【屬性】面板中設(shè)置文本的字

3、體為“Adobe黑體Std R”、字號為“120”、顏色為“金黃色” （#FFD820）， 其它參數(shù)值默認(rèn)。單擊“窗口/對齊”，打開【對齊】面板，按下“相對于舞臺”按鈕，然后選中文本設(shè)置其對齊方式為“垂直居中對齊”、 “水平居中對齊”，如下圖。 重復(fù)第5步驟的操作，在舞臺的右下角位置輸入文字“2011.7.21震撼上映”，并在【屬性】面板中設(shè)置文本的字體為“Adobe楷體Std R魏”、字號為“40”、顏色為“淺藍(lán)色” （#66FFFF）， 其它參數(shù)值默認(rèn)。單擊“控制/測試影片”（Ctrl+Enter），查看影片的最終效果，并保存文件為“電影海報(bào).fla”，如下圖。 相關(guān)知識與技能 1、靜態(tài)文

4、本的概念：在動(dòng)畫運(yùn)行中不可以編輯或改變的一種文本。 2、文本的輸入方式：一是通過鼠標(biāo)單擊創(chuàng)建可伸縮的文本框，二是通過鼠標(biāo)拖拽創(chuàng)建固定的文本框。 注： 區(qū)別可伸縮的文本框 和固定的文本框 3、文本的選取方式：一是使用選擇工具選中文本框，對所有文本編輯操作；二是使用文本工具選取文本框內(nèi)部文本，進(jìn)行部分文本的編輯操作。 4、設(shè)置文本的屬性：認(rèn)識“文本屬性”面板。 5、認(rèn)識“字體呈現(xiàn)方式”中各選項(xiàng)的作用： 使用設(shè)備字體 位圖文本（未消除鋸齒） 動(dòng)畫消除鋸齒 可讀性消除鋸齒 自定義消除鋸齒 6、增加字體：將要增加的字體文件添加到C:WINDOWSFonts目錄下。任務(wù)二認(rèn)識按鈕的顏色 教學(xué)目標(biāo) 掌握動(dòng)態(tài)

5、文本的制作方法。 教學(xué)難點(diǎn) 理解變量的作用，掌握簡單腳本語言（ActionScript 2.0）中應(yīng)用變量的程序編寫。 教學(xué)重點(diǎn) 1、理解動(dòng)態(tài)文本、變量的概念。 2、掌握動(dòng)態(tài)文本的制作方法。 3、認(rèn)識動(dòng)態(tài)文本屬性面板中相應(yīng)參數(shù)的功能和作用。 任務(wù)描述 本任務(wù)要求制作一個(gè)簡單的交互動(dòng)畫。當(dāng)鼠標(biāo)單擊畫面中的某個(gè)按鈕時(shí)，在畫面正中的文本框中將動(dòng)態(tài)的顯示出相應(yīng)按鈕的顏色名稱。 任務(wù)分析 制作本任務(wù)，首先我們應(yīng)該掌握文檔的新建和保存、文件屬性的設(shè)置、公用庫面板和對齊面板的使用等基本操作；其次我們要學(xué)習(xí)使用文本工具制作動(dòng)態(tài)文本，尤其是要理解變量的作用和設(shè)置方法。制作的難點(diǎn)在于編寫按鈕的單擊響應(yīng)語句，將動(dòng)態(tài)

6、文本的變量值對應(yīng)到各按鈕的顏色名稱上，形成最終效果。 工作步驟運(yùn)行Flash CS3，新建一個(gè)空白文檔。在【屬性】面板中修改文檔屬性，設(shè)置畫面尺寸為400300，背景色為“淺黃色”（#FFFF66），其它參數(shù)值默認(rèn)。選擇文本工具，在【屬性】面板中設(shè)置文本類型為“動(dòng)態(tài)文本”、字體為“宋體”、字號為“40”、對齊方式為“居中對齊”、線條類型為“單行”， 移動(dòng)鼠標(biāo)指針到舞臺的中心位置拖拽，創(chuàng)建一個(gè)動(dòng)態(tài)文本區(qū)域,如下圖。 選中文本框，在【屬性】面板中修改其大小為12044，并按下“在文本周圍顯示邊框”按鈕，顯示出動(dòng)態(tài)文本區(qū)域的邊框。選中文本框，在【屬性】中為其設(shè)置變量名稱“text”，如下圖。單擊“窗

7、口/公用庫/按鈕”，打開【公用庫按鈕】面板。在面板的列表中打開“buttons circle flat”文件夾，選擇 “circle flat blue”按鈕添加到舞臺上 選中按鈕并右鍵單擊，在彈出快捷菜單中選擇“動(dòng)作”命令，打開【動(dòng)作】面板，輸入語句：on (press) text = “藍(lán)色”;，如下圖。重復(fù)第6、7步驟，依次添加“circle flat purple”、“ circle flat yellow”、“ circle flat salmon”按鈕到舞臺上，并輸入相應(yīng)的動(dòng)作語句： “circle flat purple”按鈕：on (press) text = “紫色”;； “

8、circle flat yellow”按鈕：on (press) text = “黃色”;； “circle flat salmon”按鈕：on (press) text = “紅色”;。單擊“窗口/對齊”，打開【對齊】面板，按下“相對于舞臺”按鈕。同時(shí)選中“circle flat blue”按鈕、動(dòng)態(tài)文本框和“circle flat yellow”按鈕，在【對齊】面板中單擊“垂直居中對齊”按鈕，使三個(gè)對象在舞臺上垂直居中對齊。以動(dòng)態(tài)文本框?yàn)橹行模m當(dāng)調(diào)整“circle flat blue”按鈕、“circle flat yellow”按鈕的上下位置，使三個(gè)對象垂直平均分布 。同樣選中“cir

9、cle flat purple”按鈕、動(dòng)態(tài)文本框和“circle flat salmon”按鈕，在【對齊】面板中單擊“水平居中對齊”按鈕，使三個(gè)對象在舞臺上水平居中對齊，并以動(dòng)態(tài)文本框?yàn)橹行乃狡骄植肌螕簟翱刂?測試影片”（Ctrl + Enter），查看影片的最終效果，保存文件為“認(rèn)識按鈕的顏色.fla”，如下圖。相關(guān)知識與技能 1、動(dòng)態(tài)文本的概念：在動(dòng)畫運(yùn)行中動(dòng)態(tài)的顯示變量值的一種文本，可以用動(dòng)作腳本控制。 注（區(qū)別于靜態(tài)文本）：動(dòng)態(tài)文本的控制手柄出現(xiàn)在文本框的右下角，靜態(tài)文本的控制手柄出現(xiàn)在文本框的右上角。 2、設(shè)置文本的屬性（動(dòng)態(tài)文本）：選擇文本工具后，可在【屬性】面板中設(shè)置文本的

10、各項(xiàng)屬性 。 3、響應(yīng)按鈕動(dòng)作事件的基本腳本語句： on Press=function ：當(dāng)按下按鈕時(shí)調(diào)用。 on Release=function ：當(dāng)釋放按鈕時(shí)調(diào)用。 on RollOut=function ：當(dāng)鼠標(biāo)指針移至按鈕區(qū)域之外時(shí)調(diào)用。 on RollOver=function ：當(dāng)鼠標(biāo)指針移過按鈕區(qū)域時(shí)調(diào)用。任務(wù)三登錄界面 教學(xué)目標(biāo) 掌握輸入文本的制作方法。 教學(xué)難點(diǎn) 理解在應(yīng)用實(shí)例中輸入文本的作用，并掌握設(shè)置密碼文本不可讀的方法。 教學(xué)重點(diǎn) 1、理解輸入文本的概念和呈現(xiàn)方式。 2、掌握輸入文本的制作方法。 3、認(rèn)識輸入文本屬性面板中相應(yīng)參數(shù)的功能和作用。 任務(wù)描述 制作應(yīng)用軟件

11、的模擬登錄界面。作品要求以一張位圖作為背景，有輸入用戶名和密碼的文本框，有應(yīng)用登錄的按鈕。 任務(wù)分析 制作本任務(wù)，首先我們應(yīng)該掌握文件屬性的設(shè)置、圖片導(dǎo)入等基本操作；其次我們要應(yīng)用前面所學(xué)的靜態(tài)文本添加和設(shè)置方法，還要學(xué)習(xí)使用文本工具制作輸入文本，以及在屬性面板中對文本的各參數(shù)進(jìn)行設(shè)置。同樣，本任務(wù)也要應(yīng)用Flash軟件中公用庫的按鈕，形成最終效果。工作步驟運(yùn)行Flash CS3，新建一個(gè)空白文檔。在【屬性】面板中修改文檔屬性，設(shè)置畫面尺寸為350250，其它參數(shù)值默認(rèn)。單擊“文件/導(dǎo)入/導(dǎo)入到舞臺”，將“背景.jpg”圖片導(dǎo)入到舞臺上，并在【屬性】面板中設(shè)置圖片的大小為350250、位置為（

12、0，0）。 選擇文本工具，在【屬性】面板中設(shè)置文本類型為“靜態(tài)文本”，在背景圖片上輸入文本“用戶名”。并設(shè)置文本的字體為“楷體”、字號為“25”、顏色為“黑色”（#000000）， 位置為（50，60），其它參數(shù)值默認(rèn) 。再選擇文本工具，在【屬性】面板中設(shè)置文本類型為“輸入文本”、 字體為“宋體”、字號為“20”、 線條類型為“單行”， 移動(dòng)鼠標(biāo)指針到靜態(tài)文本的后面拖拽，創(chuàng)建一個(gè)輸入文本區(qū)域，如下圖。 選中輸入文本框，在【屬性】面板中按下“在文本周圍顯示邊框”按鈕，并設(shè)置位置為（155，60），如下圖。重復(fù)第4步驟，在“用戶名”下方創(chuàng)建靜態(tài)文本“密碼”，其屬性參數(shù)值參考“用戶名” 屬性，位置為

13、（50，120）。重復(fù)第5、6步驟，在輸入文本框下方再創(chuàng)建一個(gè)輸入文本區(qū)域，設(shè)置“線條類型”為“密碼”，其它屬性參數(shù)值參考第一個(gè)輸入文本框?qū)傩裕恢脼椋?55，120）。 單擊“窗口/公用庫/按鈕”，打開【庫按鈕】面板。在面板的列表中打開“classic buttons/Arcade buttons”文件夾，選擇 “arcade button-yellow”按鈕添加到舞臺上，并設(shè)置其大小為4040，位置為（70，200）。 選擇文本工具，在【屬性】面板中設(shè)置文本類型為“靜態(tài)文本”，在按鈕上輸入文本“登錄”，并在在【屬性】面板中設(shè)置文本的字體為“黑體”、字號為“14”、顏色為“黑色”（#0000

14、00）， 位置為（53.9，193.5），其它參數(shù)值默認(rèn)。 單擊“控制/測試影片”（ctrl+Enter），查看影片的最終效果，保存文件為“登錄界面.fla” ，如下圖。 相關(guān)知識與技能 1、輸入文本的概念：用戶可以動(dòng)畫運(yùn)行中向文本框中輸入數(shù)據(jù)的一種文本。 2、設(shè)置文本的屬性（輸入文本）：選擇文本工具后，可在【屬性】面板中設(shè)置文本的各項(xiàng)屬性。 注：輸入文本的屬性面板中，“線條類型”下拉列表中增加了“密碼”選項(xiàng)，當(dāng)輸入文本框用于輸入密碼或口令時(shí)可選擇此項(xiàng)。 任務(wù)四毛筆字 教學(xué)目標(biāo) 掌握文本動(dòng)畫的制作方法。 教學(xué)難點(diǎn) 理解文字對象在組合、一次分離、兩次分離中的區(qū)別，以及編輯制作的特性和方法。 教學(xué)

15、重點(diǎn) 1、掌握文字工具、繪制工具的綜合使用。 2、掌握將文字轉(zhuǎn)換成圖形編輯制作的方法。 3、能夠綜合運(yùn)用逐幀動(dòng)畫和補(bǔ)間動(dòng)畫制作文字動(dòng)畫。 任務(wù)描述 制作毛筆字書寫文字的動(dòng)畫。作品要求繪制一支毛筆，仿照書寫毛筆字的運(yùn)動(dòng)順序，在“米字格”背景上書寫出楷體“中”字 。 任務(wù)分析 本任務(wù)是文字動(dòng)畫的綜合制作，作品中的對象有三個(gè)：背景“米字格”、文字“中”和毛筆。 制作本任務(wù)我們要建立三個(gè)圖層，圖層1中需要使用矩形工具、線條工具繪制出“米字格”背景；圖層2中我們要應(yīng)用前面所學(xué)的靜態(tài)文本添加和設(shè)置方法，添加楷體“中”字；圖層3中要建立一個(gè)圖形元件來繪制毛筆，通過關(guān)鍵幀的設(shè)置和動(dòng)畫補(bǔ)間的添加來實(shí)現(xiàn)毛筆的運(yùn)動(dòng)

16、動(dòng)畫。 本任務(wù)的制作難點(diǎn)是制作圖層2中文字的逐幀動(dòng)畫，要配合好圖層3中毛筆的運(yùn)動(dòng)，形成書寫毛筆字的最終效果。工作步驟 一、制作“米字格”背景運(yùn)行Flash CS3，新建一個(gè)空白文檔。在【屬性】面板中修改文檔屬性，設(shè)置畫面尺寸為300300，其它參數(shù)值默認(rèn)。雙擊【時(shí)間軸】面板中“圖層1”名稱，重命名為“米字格”。選擇工具箱中的矩形工具，設(shè)置筆觸顏色為紅色（#FF0000）、填充顏色為無，移動(dòng)鼠標(biāo)指針到舞臺上，拖拽畫出一個(gè)矩形。選中矩形，在【屬性】面板中設(shè)置其大小為250250，其它參數(shù)值默認(rèn)。在【對齊】面板中設(shè)置其相對于舞臺“垂直居中對齊”、 “水平居中對齊”。選擇工具箱中的線條工具，在【屬性】

17、面板中設(shè)置筆觸顏色為紅色（#FF0000）、樣式為虛線，其它參數(shù)值默認(rèn)，然后分別作矩形的對角線和對邊中點(diǎn)的連線，如下圖。 二、添加文字單擊【時(shí)間軸】面板中“插入圖層”按鈕，插入“圖層2”，并重命名為“字”。選擇文本工具，在【屬性】面板中設(shè)置文本類型為“靜態(tài)文本”，然后在舞臺上輸入文字“中”，并設(shè)置字體為“楷體”、字號為“170”，其它參數(shù)值默認(rèn)。在【對齊】面板中設(shè)置其相對于舞臺“垂直居中對齊”、 “水平居中對齊”。選中文字，單擊“修改/分離”（Ctrl + B），將文字分離成為可編輯的圖形。 三、繪制毛筆單擊【時(shí)間軸】面板中“插入圖層”按鈕，插入“圖層3”，也可以重命名為“毛筆”。單擊“插入/

18、新建元件”，新建名為“毛筆”的圖形元件。在“毛筆”圖形元件編輯區(qū)中，建立三個(gè)圖層，“圖層1”繪制筆管，“圖層2”繪制筆頭，“圖層3”繪制吊線。單擊“筆管”圖層的第1關(guān)鍵幀，選擇矩形工具，并設(shè)置筆觸顏色為無、填充顏色為“褐色”（#C4911A）“白色”(#FFFFFF)“褐色”（#C4911A）的漸變色，移動(dòng)鼠標(biāo)指針到舞臺上，拖拽畫出一個(gè)矩形作為筆管 。單擊“筆頭”圖層的第1關(guān)鍵幀，選擇鉛筆工具，并設(shè)置為平滑模式，然后在筆管下方繪制毛筆筆頭的輪廓形狀。選擇選擇工具，對筆頭的輪廓形狀進(jìn)行微調(diào)；選擇顏料桶工具，為筆頭的輪廓形狀填充黑色（#000000）。單擊“吊線”圖層的第1關(guān)鍵幀，選擇鉛筆工具，并

19、設(shè)置為平滑模式，在【屬性】面板中設(shè)置筆觸顏色為“褐紅色”（#CC3300）、高度為“2.5”，然后在筆管上方繪制出吊線的形狀。同時(shí)選中筆管和吊線，選擇任意變形工具，將對象向右旋轉(zhuǎn)一定角度，使毛筆呈傾斜狀。回到場景中，單擊“圖層3”圖層的第一關(guān)鍵幀， 在【庫】面板中將“毛筆”圖形元件添加到舞臺上。 四、制作毛筆書寫動(dòng)畫在【時(shí)間軸】面板中，將三個(gè)圖層的關(guān)鍵幀延長至42幀，并鎖定“米字格”圖層和“字”圖層。選擇“圖層3”圖層的第5幀，并右鍵單擊鼠標(biāo)，在彈出的快捷菜單中選擇“轉(zhuǎn)換為關(guān)鍵幀”命令。用同樣的方法將第6、15、20、21、30、31、42幀轉(zhuǎn)換為關(guān)鍵幀。單擊“圖層3”圖層的第1幀，將舞臺上的毛筆移動(dòng)到“中”字第一筆畫的開始處。同樣依次選擇第5、6、15、20、21、30、31、42幀，移動(dòng)毛筆的位置。具體如下： 第5幀，移動(dòng)到“中”字第一筆畫的結(jié)束處。 第6幀，移動(dòng)到“中”字第二筆畫的開始處。 第15幀，移動(dòng)到“中”字第二筆畫的折點(diǎn)處。 第20幀，移動(dòng)到“中”字第二筆畫的結(jié)束處。 第21幀，移動(dòng)到“中”字第三筆畫的開始處。 第30幀，移動(dòng)到“中”字第三筆畫的結(jié)束處。 第31幀，移動(dòng)到“中”字第四筆畫的開始處。 第42幀，移動(dòng)到“中”字第四筆畫的