FlashCS動畫設(shè)計項目教程學(xué)習(xí)情境二廣告制作課件

FlashCS動畫設(shè)計工程教程學(xué)習(xí)情境二廣告制作FlashCS動畫設(shè)計工程教程學(xué)習(xí)情境二廣告制作FlashCS動畫設(shè)計工程教程學(xué)習(xí)情境二廣告制作目錄導(dǎo)入案例一皮鞋廣告制作導(dǎo)入案例二手表廣告制作導(dǎo)入案例三鉆戒廣告制作工程一化裝品廣告制作工程拓展玩具廣告制作12345FlashCS動畫設(shè)計工程教程學(xué)習(xí)情境二廣告制作FlashC1目錄導(dǎo)入案例一皮鞋廣告制作導(dǎo)入案例二手表廣告制作導(dǎo)入案例三鉆戒廣告制作工程一化裝品廣告制作工程拓展玩具廣告制作12345目錄導(dǎo)入案例一皮鞋廣告制作導(dǎo)入案例二手表廣2目錄學(xué)習(xí)情境練習(xí)67學(xué)習(xí)情境小結(jié)目錄學(xué)習(xí)情境練習(xí)67學(xué)習(xí)情境小結(jié)3教學(xué)要求教學(xué)要求42.1導(dǎo)入案例一

皮鞋廣告制作2.1導(dǎo)入案例一皮鞋廣告制作5

本案例主要介紹通過“文本工具〞、“創(chuàng)立傳統(tǒng)補(bǔ)間動畫〞、“圖片元件〞等命令的的使用來創(chuàng)立文字移動動畫效果的皮鞋廣告，各種文字動畫效果的使用在Flash廣告制作中應(yīng)用非常普遍，本案例就應(yīng)用這些工具和命令進(jìn)展文字移動效果的制作。最終案例效果如圖2-1所示。2.1.1案例效果圖

2-1

廣告主界面2.1.1案例效果圖2-1廣告主界6在本案例中，主要解決以下問題：1．“文本工具〞的使用，設(shè)置文本的各項屬性。2．“創(chuàng)立傳統(tǒng)補(bǔ)間動畫〞命令的使用，屬性的更改。3．“元件〞的創(chuàng)立和使用，元件分為圖形、按鈕、影片剪輯三種類型。2.1.2案例目的在本案例中，主要解決以下問題：2.1.2案例目的71．導(dǎo)入背景圖片〔1〕選擇“文件｜新建〞命令，在彈出的新建文檔對話框中選擇“ActionScript2.0〞，單擊“確定〞按鈕，進(jìn)入新建文檔舞臺窗口。按“Ctrl+F3〞組合鍵，彈出文檔“屬性〞面板，設(shè)置大小為“743*225〞，將“背景〞選項設(shè)為白色〔#FFFFFF〕，如圖2-2所示。2.1.3案例操作步驟圖2-2

文檔屬性2.1.3案例操作步驟圖2-2文檔屬性8〔2〕選擇“文件｜導(dǎo)入｜導(dǎo)入到庫〞命令，在彈出的“導(dǎo)入到庫〞對話框中選擇“學(xué)習(xí)情境2｜素材｜皮鞋廣告〞文件夾下的“背景〞圖片，單擊“翻開〞按鈕，圖片被導(dǎo)入到“庫〞面板中，效果如圖2-3所示。圖2-3

庫面板〔2〕選擇“文件｜導(dǎo)入｜導(dǎo)入到庫〞命令，在彈出的“導(dǎo)入到庫〞92．創(chuàng)立文本圖形元件〔1〕按“Ctrl+F8〞組合鍵，創(chuàng)立一個名為“文字〞的圖形元件?！?〕在“文字〞圖形元件的編輯窗口中選擇“文本工具〞，在“屬性〞面板中進(jìn)展設(shè)置，在舞臺窗口中輸入大小為20，字體為“華文琥珀〞的褐色〔#993300〕文字“駱駝皮鞋使您足下生輝〞，文字設(shè)置如圖2-5所示，效果如圖2-6所示。圖

2-5

文本屬性

圖2-6

文字效果2．創(chuàng)立文本圖形元件圖2-5文本屬性103．設(shè)置動畫并測試〔1〕回到主場景，新建一個圖層，命名為“文字〞，在第1幀將庫面板中的“文字〞元件導(dǎo)入到舞臺中背景圖的左外側(cè)，如圖2-7所示，之后分別在70幀和140幀處插入關(guān)鍵幀，在70幀處將元件移動到背景左中部，如圖2-8所示，之后分別設(shè)置傳統(tǒng)補(bǔ)間動畫如圖2-9所示。圖2-7

第1幀文字位置

圖2-8

第70幀文字位置〔2〕利用按鍵“Ctrl+Enter〞組合鍵即可查看效果，如圖2-1所示。圖

2-9

設(shè)置傳統(tǒng)補(bǔ)間動畫3．設(shè)置動畫并測試圖2-7第1幀文字位置112.2導(dǎo)入案例二

手表廣告制作2.2導(dǎo)入案例二手表廣告制作12本案例主要介紹通過“對齊工具〞、“Alpha設(shè)置〞、“影片剪輯〞類型元件的綜合使用來制作圖片淡入淡出效果的手表廣告。在圖片淡入淡出制作中，注意“對齊工具〞的使用及“Alpha〞的面板設(shè)置，本案例以這些工具為根底進(jìn)展制作。最終案例效果如圖2-10所示。圖2-10“手表廣告〞最終效果2.2.1案例效果本案例主要介紹通過“對齊工具〞、“Alpha設(shè)置〞、“影片剪13在本案例中，主要解決以下問題：1．“對齊工具〞的使用。2．“任意變形工具〞的使用。3．“Alpha〞的設(shè)置。4．“影片剪輯〞元件的使用。2.2.2案例目的2.2.2案例目的141．導(dǎo)入背景圖片〔1〕選擇“文件｜新建〞命令，在彈出的新建文檔對話框中選擇“ActionScript2.0〞，單擊“確定〞按鈕，進(jìn)入新建文檔舞臺窗口。按“Ctrl+F3〞組合鍵，彈出文檔“屬性〞面板，默認(rèn)設(shè)置大小為“550*400〞，將“背景〞選項設(shè)為白色〔#FFFFFF〕，如圖2-11所示。在“時間軸〞面板中將“圖層1〞重新命名為“背景〞，選擇“文件｜導(dǎo)入｜導(dǎo)入到舞臺〞命令將“背景〞圖片導(dǎo)入到舞臺中，如圖2-12所示，通過對齊面板中的匹配大小下的匹配寬度、匹配高度按鈕將背景圖片與舞臺大小匹配，如圖2-13所示通過對齊面板中的水平居中、垂直居中使背景圖片與舞臺對齊，在120幀處插入幀，如圖2-14所示。圖2-12

對齊面板匹配大小按鈕

圖2-13

對齊面板對齊按鈕圖2-11

文檔屬性圖2-14

背景圖層2.2.3

案例操作步驟1．導(dǎo)入背景圖片圖2-12對齊面板匹配大小按鈕圖2-152．創(chuàng)立圖片影片剪輯元件〔1〕按“Ctrl+F8〞組合鍵，創(chuàng)立一個名為“手表1〞的影片剪輯類型元件，進(jìn)入其編輯窗口?！?〕將庫中的圖片“手表1〞拖入其中?！?〕按“Ctrl+F8〞組合鍵，創(chuàng)立一個名為“手表2〞的影片剪輯類型元件，進(jìn)入其編輯窗口?！?〕將庫中的圖片“手表2〞拖入其中?！?〕按“Ctrl+F8〞組合鍵，創(chuàng)立一個名為“手表3〞的影片剪輯類型元件，進(jìn)入其編輯窗口?！?〕將庫中的圖片“手表3〞拖入其中?！?〕按“Ctrl+F8〞組合鍵，創(chuàng)立一個名為“手表4〞的影片剪輯類型元件，進(jìn)入其編輯窗口?！?〕將庫中的圖片“手表4〞拖入其中。2．創(chuàng)立圖片影片剪輯元件163．制作圖片淡入淡出動畫〔1〕回到主場景中，新建圖層2，命名為“手表1〞，將元件“手表1〞拖入舞臺并放置在背景圖片的左上角，在第10幀與20幀分別插入關(guān)鍵幀，選擇第1幀，選擇元件“手表1〞，在右側(cè)的色彩效果屬性面板中將樣式下拉菜單項選擇擇為Alpha，將下方的Alpha滑塊設(shè)置為0%，選擇第20幀，選擇元件“手表1〞，將Alpha滑塊設(shè)置為0%，如圖2-15所示。圖2-15

設(shè)置Alpha值3．制作圖片淡入淡出動畫圖2-15設(shè)置Alpha值17〔2〕回到主場景中，新建圖層3，命名為“手表2〞，在第20幀插入關(guān)鍵幀，將元件“手表2〞拖入舞臺并放置在背景圖片的右上角，在第30幀與40幀分別插入關(guān)鍵幀，選擇第20幀，選擇元件“手表2〞，在右側(cè)的色彩效果屬性面板中將樣式下拉菜單項選擇擇為Alpha，將下方的Alpha滑塊設(shè)置為0%，選擇第40幀，選擇元件“手表2〞，將Alpha滑塊設(shè)置為0%?！?〕回到主場景中，新建圖層4，命名為“手表3，在第40幀插入關(guān)鍵幀，將元件“手表3〞拖入舞臺并放置在背景圖片的左下角，在第50幀與60幀分別插入關(guān)鍵幀，選擇第40幀，選擇元件“手表3〞，在右側(cè)的色彩效果屬性面板中將樣式下拉菜單項選擇擇為Alpha，將下方的Alpha滑塊設(shè)置為0%，選擇第60幀，選擇元件“手表3〞，將Alpha滑塊設(shè)置為0%?！?〕回到主場景中，新建圖層5，命名為“手表4〞，在第60幀處插入關(guān)鍵幀，將元件“手表4〞拖入舞臺并放置在背景圖片的右下角，在第70幀與80幀分別插入關(guān)鍵幀，選擇第60幀，選擇元件“手表4〞，在右側(cè)的色彩效果屬性面板中將樣式下拉菜單項選擇擇為Alpha，將下方的Alpha滑塊設(shè)置為0%，選擇第80幀，選擇元件“手表4〞，將Alpha滑塊設(shè)置為0%?！?〕回到主場景中，新建圖層3，命名為“手表2〞，在第20幀184．創(chuàng)立文字影片剪輯元件〔1〕按“Ctrl+F8〞組合鍵，創(chuàng)立一個名為“文字〞的影片剪輯類型元件，進(jìn)入其編輯窗口?！?〕在其中選擇“文本工具〞創(chuàng)立大小為20，字體為華文楷體，顏色為“666666〞的“品諾手表尊貴選擇〞的文字，文字設(shè)置如圖2-16所示，效果如圖2-17所示。圖2-16

文本設(shè)置圖2-17

文本效果4．創(chuàng)立文字影片剪輯元件圖2-16文本設(shè)置圖2-17195．制作文字淡入淡出動畫〔1〕回到主場景，新建圖層6，命名為“文字〞，在第80幀插入關(guān)鍵幀，將“文字〞影片剪輯元件拖入到舞臺中央，分別在第100幀和第120幀插入關(guān)鍵幀，選擇第80幀，選擇元件“文字〞，在右側(cè)的色彩效果屬性面板中將樣式下拉菜單項選擇擇為Alpha，將下方的Alpha滑塊設(shè)置為0%，選擇第120幀，選擇元件“文字〞，將Alpha滑塊設(shè)置為0%。〔2〕設(shè)定完畢的時間軸如圖2-18所示。2-18

時間軸設(shè)定6．測試〔1〕利用按鍵“Ctrl+Enter〞組合鍵即可查看效果，效果如圖2-10所示。1.使用“對齊工具〞時，分為對齊、分布、匹配大小、間隔四種設(shè)置。對齊分為左對齊、水平對齊、右對齊、頂對齊、垂直對齊、底對齊；分布分為頂局部布、垂直居中分布、底局部布、左側(cè)分布、水平居中局部、右側(cè)分布；匹配大小分為匹配高度、匹配寬度，匹配高和寬；間隔分為垂直平均間隔和水平平均間隔；其中“與舞臺對齊〞的復(fù)選項中選中時，對象將與舞臺對齊、分布、匹配大小和間隔；當(dāng)不選擇時，對象本身對齊、分布、匹配大小和間隔。相關(guān)知識5．制作文字淡入淡出動畫2-18時間軸設(shè)定6．測試1.202.3導(dǎo)入案例三

鉆戒廣告的制作2.3導(dǎo)入案例三鉆戒廣告的制作21本案例主要介紹通過“橢圓工具〞、“創(chuàng)立傳統(tǒng)補(bǔ)間動畫〞、“遮罩層〞等工具與命令、結(jié)合“庫〞面板的綜合使用來制作圖片遮罩動畫。在圖片遮罩動畫制作當(dāng)中，注意靈活運用“遮罩層〞結(jié)合“創(chuàng)立傳統(tǒng)補(bǔ)間動畫〞來制作出依次顯示不同局部圖片的效果，本案例以這些命令和工具的綜合使用制作而成。最終案例效果如圖2-19所示。圖2-19

鉆戒廣告最終效果2.3.1案例效果圖2-19鉆戒廣告最終效果2.3.1案例效果22在本案例中，主要解決以下問題：1．“遮罩層〞的使用。2．創(chuàng)立傳統(tǒng)補(bǔ)間動畫。3．“影片剪輯〞的使用。4．“任意變形工具〞的使用。2.3.2案例目的2.3.2案例目的231．導(dǎo)入背景圖片〔1〕選擇“文件｜新建〞命令，在彈出的新建文檔對話框中選擇“ActionScript2.0〞，單擊“確定〞按鈕，進(jìn)入新建文檔舞臺窗口。按“Ctrl+F3〞組合鍵，彈出文檔“屬性〞面板，設(shè)置大小為“1000*700〞，將“背景〞選項設(shè)為白色〔#FFFFFF〕，如圖2-20所示。在“時間軸〞面板中將“圖層1〞重新命名為“背景〞，選擇“文件｜導(dǎo)入｜導(dǎo)入到舞臺〞命令將“背景〞圖片導(dǎo)入到舞臺中，選擇“選擇工具〞選中圖片，在“位置和大小〞面板中將圖片的X、Y位置設(shè)置為0、0，寬與高設(shè)置為1000、700，如圖2-21所示，在80幀處插入幀，如圖2-22所示。圖

2-20

文檔屬性圖

2-21

設(shè)置圖片位置和大小圖

2-22

插入幀2.3.3案例操作步驟圖2-20文檔屬性圖2-21設(shè)置圖片位置和大小圖242．創(chuàng)立影片剪輯元件〔1〕按“Ctrl+F8〞組合鍵，創(chuàng)立一個名為“圖形〞的影片剪輯類型元件，進(jìn)入其編輯窗口。〔2〕在其中選擇“橢圓工具〞，將填充和筆觸中的筆觸選擇為無，填充設(shè)置為“FF0000〞，拖動鼠標(biāo)繪制一個橢圓，選擇“選擇工具〞選中橢圓，參照圖2-21，在“位置和大小〞面板中將圖片的X、Y位置設(shè)置為-200、-175，寬與高設(shè)置為400、50。2．創(chuàng)立影片剪輯元件253．設(shè)置動畫并測試〔1〕回到主場景，新建圖層2，命名為“遮罩〞，在第1幀處從庫面板中將“圖形〞影片剪輯類型元件拖入主場景左下角，使影片剪輯“圖形〞遮住最左側(cè)的圖片，如圖2-23所示；在第20幀處插入關(guān)鍵幀，將影片剪輯“圖形〞移動位置遮住中間的圖片，如圖2-24所示；在第40幀插入關(guān)鍵幀，將影片剪輯“圖形〞移動位置遮住最右側(cè)的圖片，如圖2-25所示；在第41幀插入關(guān)鍵幀，將影片剪輯“圖形〞移動位置并縮小遮住上面的“我們終于結(jié)婚了〞的圖片左側(cè)，如圖2-26所示；在第60幀插入關(guān)鍵幀，將影片剪輯“圖形〞移動位置并放大遮住上面的“我們終于結(jié)婚了〞的整張圖片，如圖2-27所示。圖2-23“遮罩〞層第1幀設(shè)置元件位置圖2-24“遮罩〞層第20幀設(shè)置元件位置

3．設(shè)置動畫并測試圖2-23“遮罩〞層第1幀設(shè)置元件位置26圖2-25“遮罩〞層第40幀設(shè)置元件位置圖2-26“遮罩〞層第41幀設(shè)置元件位置圖2-27“遮罩〞層第80幀設(shè)置元件位置圖2-25“遮罩〞層第40幀設(shè)置元件位置圖2-26“27〔2〕在第1幀與第20幀之間創(chuàng)立傳統(tǒng)補(bǔ)間動畫，在第20幀與第40幀之間創(chuàng)立傳統(tǒng)補(bǔ)間動畫，在第41幀與第80幀之間創(chuàng)立傳統(tǒng)補(bǔ)間動畫，如圖2-28所示。圖2-28創(chuàng)立傳統(tǒng)補(bǔ)間動畫圖2-29創(chuàng)立遮罩動畫〔4〕利用按鍵“Ctrl+Enter〞組合鍵即可查看效果，效果如圖2-19所示?！?〕選擇“遮罩〞圖層，單擊鼠標(biāo)右鍵選擇“遮罩層〞，如圖2-29所示?！?〕在第1幀與第20幀之間創(chuàng)立傳統(tǒng)補(bǔ)間動畫，在第20幀與第28相關(guān)知識相關(guān)知識292.4工程一化裝品廣告制作Flash廣告是現(xiàn)代生活中宣傳的最廣泛的方式，F(xiàn)lash制作周期短，費用低，效果佳，有越來越多人選擇將Flash廣告投放市場。Flash廣告涵蓋手機(jī)廣告、網(wǎng)站廣告、實體廣告、電視廣告等等，設(shè)計類別更是五花八門，飲食類、化裝品類、數(shù)碼類、飾品類、書籍類、招聘類等等，相信大家通過該工程的演練，能夠?qū)V告的創(chuàng)作得心應(yīng)手。2.4工程一化裝品廣告制作Flash廣告是現(xiàn)代生活中宣30本工程主要通過介紹“文字工具〞、“任意變形工具〞、“選擇工具〞、“顏色〞面板、“庫〞面板、“元件〞的創(chuàng)立與使用、傳統(tǒng)補(bǔ)間動畫的制作及ActionScript語言的綜合使用來制作Flash廣告。該廣告為美寶蓮眼影化裝品的廣告，需要有一定的視覺沖擊力，所以我們選定了兩張模特著重眼影妝容的照片，力求到達(dá)突出眼影主題的效果。在“元件〞創(chuàng)立時，注意靈活使用“影片剪輯〞元件及“圖形〞元件。同時靈活使用“任意變形工具〞進(jìn)展變形操作，本工程以這些內(nèi)容為根底進(jìn)展創(chuàng)作。最終工程效果如圖2-30所示。圖2-30“美寶蓮〞眼影廣告效果2.4.1工程效果圖2-30“美寶蓮〞眼影廣告效果2.4.1工程效果31在本工程中，主要解決以下問題：1．工具箱中根本繪圖工具的熟練使用。2．圖片的導(dǎo)入。3．動畫的創(chuàng)立。4．“ActionScript〞命令的簡單應(yīng)用。2.4.2工程目的2.4.2工程目的321．創(chuàng)立并設(shè)置文檔〔1〕選擇“文件｜新建〞命令，在彈出的新建文檔對話框中選擇“ActionScript2.0〞，單擊“確定〞按鈕，進(jìn)入新建文檔舞臺窗口。按“Ctrl+F3〞組合鍵，彈出“屬性〞面板，單擊“大小〞右側(cè)“編輯〞按鈕，彈出“文檔設(shè)置〞對話框，設(shè)置為500*338，背景顏色白色?！?〕選擇“文件｜導(dǎo)入｜導(dǎo)入到庫〞命令，在彈出的“導(dǎo)入到庫〞對話框中選擇“學(xué)習(xí)情境2｜素材｜化裝品廣告〞文件夾下的所有文件，單擊“翻開〞按鈕，這些圖片都被導(dǎo)入到“庫〞面板中。2.4.3工程技術(shù)實訓(xùn)2.4.3工程技術(shù)實訓(xùn)33圖2-31文本設(shè)置

圖2-32文本效果2．創(chuàng)立圖形元件〔1〕在“庫〞面板下方單擊“新建元件〞按鈕，彈出“創(chuàng)立新元件〞對話框，在“名稱〞選項的文本框中輸入“Text〞，在“類型〞下拉列表中勾選“圖形〞選項，單擊“確定〞按鈕，新建圖形元件“Text〞，舞臺窗口也隨之轉(zhuǎn)換為圖形元件的舞臺窗口?！?〕選擇工具欄中的文本工具，在字符屬性面板中設(shè)置系列為“黑體〞，大小為“50〞，顏色為“#8F336A〞，輸入文本“MAYBELLINE〞，同樣的選擇工具欄中的文本工具，在字符屬性面板中設(shè)置系列為“黑體〞，大小為“35〞，顏色為“#8F336A〞，輸入文本“炫彩珠光眼影〞，文字設(shè)置如圖2-31所示，效果如圖2-32所示。圖2-31文本設(shè)置343．制作元件“光圈〞〔1〕單擊“新建元件〞按鈕，新建影片剪輯元件“光圈〞?！?〕選擇顏色面板，將顏色類型選擇為線性漸變，設(shè)置白色—白色—白色—白色的漸變填充，然后設(shè)置第1、2、4的白色的Alpha值為0%，如圖2-33所示?！?〕選擇工具欄中的“橢圓工具〞，在筆觸顏色中選擇，然后按住Shift鍵，在工作區(qū)中繪制一個正圓，如圖2-34所示，為了看清圖形效果，這里在屬性面板中將背景顏色更改為黑色進(jìn)展顯示的。圖2-33文本效果

圖2-34光圈效果3．制作元件“光圈〞圖2-33文本效果354.制作元件“光圈_MC1〞〔1〕單擊“新建元件〞按鈕，新建影片剪輯元件“光圈_MC1〞?！?〕將庫面板中的元件“光圈〞拖入工作區(qū)中，在第35幀上單擊鼠標(biāo)右鍵，插入關(guān)鍵幀?！?〕單擊該幀中的元件，在“屬性〞面板中色彩效果的樣式中選擇Alpha值為0，如圖2-35所示。圖2-35設(shè)置Alpha值〔4〕單擊第1幀中的元件，將其屬性中的寬高設(shè)置為“16，16〞，如圖2-36所示。圖2-36設(shè)置元件寬高值〔5〕在第1-35幀之間創(chuàng)立傳統(tǒng)補(bǔ)間動畫。4.制作元件“光圈_MC1〞圖2-35設(shè)置Alpha值〔4365．制作元件“光圈_MC〞〔1〕單擊“新建元件〞按鈕，新建影片剪輯元件“光圈_MC〞?！?〕從庫中中選擇圖片“彩條〞，然后單擊翻開按鈕，在第35幀插入幀?！?〕新建圖層2，雙擊工具欄中的橢圓工具，在顏色欄中填充色設(shè)置為黑色，筆觸顏色選擇為?！?〕按住Shift鍵，在工作區(qū)中繪制一個正圓。雙擊工具欄中的選擇按鈕，單擊工作區(qū)中的圓，設(shè)置寬、高值為550，550?！?〕拖動圓，將圖層1中的元件遮罩住，如圖2-37所示。圖2-37圓遮罩5．制作元件“光圈_MC〞圖2-37圓遮罩37〔6〕在第35幀上單擊鼠標(biāo)右鍵，插入關(guān)鍵幀，單擊第1幀中的圖形，屬性面板中設(shè)置正圓的寬、高為1?！?〕將該圓拖動到中間位置，單擊第1幀，在屬性面板創(chuàng)立形狀補(bǔ)間動畫?！?〕插入新圖層，將庫中的元件“光圈_MC〞拖入工作區(qū)?！?〕在時間軸面板的圖層2上單擊鼠標(biāo)右鍵，選擇遮罩命令，如圖2-38所示。圖2-38“時間軸〞面板〔6〕在第35幀上單擊鼠標(biāo)右鍵，插入關(guān)鍵幀，單擊第1幀中的圖38〔10〕插入新圖層，在第35幀插入關(guān)鍵幀，然后將光圈_MC元件拖入工作區(qū)。在35幀的動作面板中鍵入stop〔〕；代碼，如圖2-39所示。圖2-39

添加代碼6．設(shè)置人物〔1〕單擊“新建元件〞按鈕，新建圖形元件“人物〞。選擇“文件｜導(dǎo)入〞命令，彈出“導(dǎo)入〞面板，將“人物〞圖片導(dǎo)入舞臺，新建影片剪輯元件“人物4〞，將圖形元件“人物1〞拖入其中，在15幀和30幀分別插入關(guān)鍵幀，如圖2-40所示，第15幀處設(shè)置“Alpha〞選項設(shè)置為0%。圖2-40創(chuàng)立傳統(tǒng)補(bǔ)間動畫〔10〕插入新圖層，在第35幀插入關(guān)鍵幀，然后將光圈_MC元39〔2〕單擊“新建元件〞按鈕，新建圖形元件“人物1〞。選擇“文件｜導(dǎo)入〞命令，彈出“導(dǎo)入〞面板，將“人物1〞圖片導(dǎo)入舞臺，新建影片剪輯元件“人物2〞，將圖形元件“人物〞拖入其中，在10幀和20幀分別插入關(guān)鍵幀，第10幀處設(shè)置“Alpha〞選項設(shè)置為0%。7．設(shè)置場景效果〔1〕單擊編輯場景按鈕，回到主場景，雙擊圖層1，將其更名為“背景〞?！?〕將庫面板中的元件遮罩1拖入場景中，在第10幀上單擊鼠標(biāo)右鍵，插入關(guān)鍵幀，然后單擊第1幀中的元件屬性面板中設(shè)置Alpha值為0%，如圖2-35所示?！?〕從第1幀到第10幀間單擊右鍵，在彈出的菜單中選擇“創(chuàng)立傳統(tǒng)補(bǔ)間〞命令，生成傳統(tǒng)補(bǔ)間動畫，效果如圖2-41所示?！?〕創(chuàng)立新圖層并將其命名為“眼影〞，然后將元件“眼影〞拖曳到舞臺窗口中，在第10幀、20幀上單擊鼠標(biāo)右鍵，插入關(guān)鍵幀，在10幀處“屬性〞面板中，將“Alpha〞值設(shè)為0%。圖2-41創(chuàng)立傳統(tǒng)補(bǔ)間動畫〔2〕單擊“新建元件〞按鈕，新建圖形元件“人物1〞。選擇“文40〔5〕創(chuàng)立新圖層并將其命名為“文本〞，然后將元件“Text〞拖曳到舞臺窗口中，在第100幀、103、104、120幀上分別單擊鼠標(biāo)右鍵，插入關(guān)鍵幀，在103幀處“屬性〞面板中，將“色調(diào)〞值設(shè)為100%，顏色為白色?！?〕在第121幀上單擊鼠標(biāo)右鍵，選擇插入關(guān)鍵幀，然后將該幀中的元件拖動到150幀。在101-103幀之間的任意一幀單擊右鍵，創(chuàng)立補(bǔ)間動畫，采用同樣的操作創(chuàng)立104-120之間的補(bǔ)間動畫?！?〕新建圖層“人物1〞，在第55幀插入關(guān)鍵幀，將元件“人物4〞拖入到舞臺左側(cè)，設(shè)置Alpha值為0%，在第60幀插入關(guān)鍵幀，設(shè)置Alpha值為80%.?！?〕新建圖層“人物2〞，在第60幀插入關(guān)鍵幀，將元件“人物2〞拖入到舞臺右側(cè)，設(shè)置Alpha值為0%，在第65幀插入關(guān)鍵幀，設(shè)置Alpha值為80%.。〔9〕新建圖層“光圈_MC〞，在第20幀插入關(guān)鍵幀，將元件“光圈_M〞拖入元件“眼影〞的中央?！?0〕選擇測試影片命令，或者按Ctrl+Enter快捷鍵翻開播放器測試廣告動畫，效果如圖2-30所示?！?〕創(chuàng)立新圖層并將其命名為“文本〞，然后將元件“Text〞412.5工程拓展玩具廣告制作2.5工程拓展玩具廣告制作42本工程是“廣告〞類創(chuàng)作的拓展與延伸，進(jìn)一步介紹使用“路徑動畫〞制作動畫效果，使用“變形〞面板制作圖像傾斜效果，使用“庫〞面板創(chuàng)立“影片剪輯〞元件及“圖形元件〞，使用“創(chuàng)立傳統(tǒng)補(bǔ)間〞動畫命令創(chuàng)立動畫效果。本工程以這些內(nèi)容為根底進(jìn)展創(chuàng)作，使學(xué)生掌握“廣告〞類Flash工程的創(chuàng)作方法與流程，最終能夠根據(jù)客戶需求及市場調(diào)研結(jié)果，設(shè)計出“廣告〞類Flash工程產(chǎn)品。最終工程效果如圖2-42所示。圖2-42玩具廣告效果2.5.1工程效果本工程是“廣告〞類創(chuàng)作的拓展與延伸，進(jìn)一步介紹使用“路徑動畫43在本工程中，主要解決以下問題：1．讓消費者明白廣告推銷的是什么。2．應(yīng)用前面學(xué)到的Flash知識。3．熟練掌握路徑動畫的技巧。2.5.2工程目的2.5.2工程目的441．創(chuàng)立“圖片〞影片剪輯〔1〕選擇“文件｜新建〞命令，在彈出的新建文檔對話框中選擇“ActionScript2.0〞，單擊“確定〞按鈕，進(jìn)入新建文檔舞臺窗口。按“Ctrl+F3〞組合鍵，彈出“屬性〞面板，單擊“大小〞右側(cè)“編輯〞按鈕，彈出“文檔設(shè)置〞對話框，將舞臺寬度設(shè)為600像素，高度設(shè)為150像素，將背景顏色設(shè)為白色，單擊“確定按鈕〞，效果如圖2-43所示。圖2-43

文檔屬性2.5.3工程技術(shù)實訓(xùn)圖2-43文檔屬性2.5.3工程技術(shù)實訓(xùn)45〔2〕選擇“文件｜導(dǎo)入｜導(dǎo)入到庫〞命令，在彈出的“導(dǎo)入到庫〞對話框中選擇“學(xué)習(xí)情境二｜素材｜費雪〞文件夾下的素材文件，單擊“翻開〞按鈕，這些圖片都被導(dǎo)入到“庫〞面板中?！?〕在“庫〞面板下方單擊“新建元件〞按鈕，彈出“創(chuàng)立新元件〞對話框，在“名稱〞選項的文本框中輸入“字_2〞，在“類型〞下拉列表中勾選“圖形〞選項，單擊“確定〞按鈕，新建圖形元件“字_1〞，舞臺窗口也隨之轉(zhuǎn)換為圖形元件的舞臺窗口?！?〕選擇“文本工具〞，在“屬性〞面板中進(jìn)展設(shè)置系列為華文琥珀，顏色為紅色〔#FF0000〕，大小為24，如圖2-44所示，在舞臺窗口中輸入文字“費雪品牌〞，翻開“字_2〞元件，在其中創(chuàng)立“品質(zhì)保證〞，效果如圖2-45所示。圖

2-44文本設(shè)置

圖

2-45

文本效果〔2〕選擇“文件｜導(dǎo)入｜導(dǎo)入到庫〞命令，在彈出的“導(dǎo)入到庫〞46〔5〕新建一個圖層，命名為“文字1〞，然后再舞臺上拖入〔5〕中的“字_2〞，分別在50幀、55幀、56幀、57幀……64幀處添加關(guān)鍵幀，并在55幀將元件“字_2〞拖到舞臺右側(cè)，在55幀、56幀、57幀……64幀處分別將文字放入如圖2-45所示位置，相鄰每幀都進(jìn)展左右的扭曲，使得文字有顫抖感。圖

2-46

第50幀與第55至63幀奇數(shù)文字形態(tài)

圖

2-47

第56幀至64幀偶數(shù)幀文字形態(tài)〔5〕新建一個圖層，命名為“文字1〞，然后再舞臺上拖入〔5〕47〔6〕新建一個圖層，命名為“文字2〞，然后再舞臺上拖入〔4〕中的“字_1〞，分別在35幀、40幀、41幀、42幀……44幀處添加關(guān)鍵幀，并在55幀將元件“字_2〞拖到舞臺右側(cè)，在55幀、56幀、57幀……66幀處分別將文字放入如下圖位置，與上一步相似，相鄰每幀都進(jìn)展左右的扭曲，使得文字有顫抖感?！?〕新建一個圖層，命名為“底圖〞，將“玩具總發(fā)動〞的圖片導(dǎo)入其中，在200幀插入幀?！?〕新建一個圖層，命名為“標(biāo)志〞，將費雪的“商標(biāo)〞導(dǎo)入其中?！?〕新建一個圖形類型元件，命名為“過渡〞，選擇“矩形工具〞，翻開“顏色〞面板，在筆觸顏色中選擇，在填充顏色中選擇“線性漸變〞，雙擊左側(cè)滑塊，設(shè)置顏色為“FFFFFF〞，Alpha值為“100%〞，雙擊右側(cè)滑塊，設(shè)置顏色為“FFFFFF〞，Alpha值為“0%〞，如圖2-48所示，繪制矩形，位置與大小如圖2-49所示，繪制矩形效果如圖2-50所示。圖

2-48

顏色面板設(shè)置

圖

2-49

位置與大小設(shè)置〔6〕新建一個圖層，命名為“文字2〞，然后再舞臺上拖入〔4〕48圖2-50矩形效果圖2-51“過渡〞元件第2幀位置與縮〔10〕回到“圖片〞影片剪輯編輯窗口，新建一個圖層，命名為“漸變〞，在第2幀插入關(guān)鍵幀，拖入“過渡〞元件并將其用“任意變形工具〞將其向左縮放至左側(cè)一小條的形狀，如圖2-51所示，然后在時間軸的第15幀插入關(guān)鍵幀，將“過渡〞元件設(shè)置為如圖2-52所示，并在第2至15幀之間創(chuàng)立傳統(tǒng)補(bǔ)間動畫，如圖2-53所示。圖2-50矩形效果圖2-51“過渡〞元件第2幀位置49圖2-52“過渡〞元件第15幀位置與縮放

圖2-53

關(guān)鍵幀與補(bǔ)間動畫設(shè)置圖2-52“過渡〞元件第15幀位置與縮放圖2-53502．創(chuàng)立路徑動畫〔1〕在“庫〞面板下方單擊“新建元件〞按鈕，彈出“創(chuàng)立新元件〞對話框，在“名稱〞選項的文本框中輸入“玩具〞，在“類型〞下拉列表中勾選“影片剪輯〞選項，單擊“確定〞按鈕，導(dǎo)入“玩具〞圖片，并將其轉(zhuǎn)換為“圖形〞類型元件，命名為“玩具〞。〔2〕在圖層1的第1幀翻開右鍵菜單，插入關(guān)鍵幀，拖入“玩具〞元件到舞臺左側(cè)，在第90幀插入關(guān)鍵幀，拖入“玩具〞元件到舞臺右側(cè)。〔3〕右鍵選中圖層1，創(chuàng)立引導(dǎo)層，利用鉛筆工具繪制一條波浪曲線，在引導(dǎo)層的第1幀創(chuàng)立關(guān)鍵幀，在第90幀插入幀?！?〕在圖層1的第1幀和第90幀上，分別將玩具元件的定位點放在圖片的中心位置上后，在第1幀用“玩具〞元件捕捉引導(dǎo)層的起始點，在第90幀用“玩具〞元件捕捉引導(dǎo)層的完畢點，分別捕捉上之后，在圖層1的第1幀到90幀之間創(chuàng)立傳統(tǒng)補(bǔ)間動畫，“玩具〞元件將按照引導(dǎo)線的軌跡運動，如圖2-54所示。圖2-54路徑動畫引導(dǎo)層設(shè)置2．創(chuàng)立路徑動畫圖2-54路徑動畫引導(dǎo)層設(shè)置513.測試〔1〕將“圖片〞影片剪輯元件拖入到主場景中對齊位置，再創(chuàng)立一個圖層，命名為“玩具〞，將“玩具〞影片剪輯元件拖入到主場景中?！?〕執(zhí)行Ctrl+Enter組合測試影片，最終效果如圖2-55所示。圖2-55

最終效果測試3.測試圖2-55最終效果測試522.6學(xué)習(xí)情境小結(jié)2.6學(xué)習(xí)情境小結(jié)53本學(xué)習(xí)情境通過案例導(dǎo)入及工程實戰(zhàn)，使同學(xué)們能夠熟練運用FlashCS5的典型工具及相應(yīng)的屬性面板完成廣告類型Flash動畫的創(chuàng)作。大家可以根據(jù)自己的需要選擇背景圖片、音樂、主題等，通過本學(xué)習(xí)情境的學(xué)習(xí)，輕松到達(dá)想要的廣告效果，使自己快速掌握一門宣傳語言，當(dāng)你能夠熟練運用以后，你會發(fā)現(xiàn)Flash的樂趣無窮。本學(xué)習(xí)情境通過案例導(dǎo)入及工程實戰(zhàn)，使同學(xué)們能夠熟練運用Fla542.7學(xué)習(xí)情境練習(xí)二2.7學(xué)習(xí)情境練習(xí)二551.拓展能力訓(xùn)練工程——衣服廣告。工程任務(wù)設(shè)計制作衣服的廣告?？蛻粢笠浴耙路暈橹黝}，設(shè)計一份有創(chuàng)意的廣告，以到達(dá)對衣服的促銷宣傳。關(guān)鍵技術(shù)將主題凸顯動畫節(jié)奏及時間控制創(chuàng)立補(bǔ)間形狀的靈活使用參照效果圖廣告的最終制作效果，如圖2-56所示。圖2-56衣服廣告1.拓展能力訓(xùn)練工程——衣服廣告。圖2-56衣服廣告562.拓展能力訓(xùn)練工程——手機(jī)廣告。工程任務(wù)設(shè)計制作手機(jī)廣告?？蛻粢笠浴笆謾C(jī)〞為主題，設(shè)計一份廣告，以到達(dá)對于手機(jī)的宣傳。關(guān)鍵技術(shù)元件的創(chuàng)立循環(huán)的靈活使用參照效果圖廣告的最終效果如圖2-57所示。圖2-57手機(jī)廣告2.拓展能力訓(xùn)練工程——手機(jī)廣告。圖2-57手機(jī)廣告57Thanks!Thanks!58謝謝大家！

結(jié)語謝謝大家！結(jié)語59FlashCS動畫設(shè)計工程教程學(xué)習(xí)情境二廣告制作FlashCS動畫設(shè)計工程教程學(xué)習(xí)情境二廣告制作FlashCS動畫設(shè)計工程教程學(xué)習(xí)情境二廣告制作目錄導(dǎo)入案例一皮鞋廣告制作導(dǎo)入案例二手表廣告制作導(dǎo)入案例三鉆戒廣告制作工程一化裝品廣告制作工程拓展玩具廣告制作12345FlashCS動畫設(shè)計工程教程學(xué)習(xí)情境二廣告制作FlashC60目錄導(dǎo)入案例一皮鞋廣告制作導(dǎo)入案例二手表廣告制作導(dǎo)入案例三鉆戒廣告制作工程一化裝品廣告制作工程拓展玩具廣告制作12345目錄導(dǎo)入案例一皮鞋廣告制作導(dǎo)入案例二手表廣61目錄學(xué)習(xí)情境練習(xí)67學(xué)習(xí)情境小結(jié)目錄學(xué)習(xí)情境練習(xí)67學(xué)習(xí)情境小結(jié)62教學(xué)要求教學(xué)要求632.1導(dǎo)入案例一

皮鞋廣告制作2.1導(dǎo)入案例一皮鞋廣告制作64

本案例主要介紹通過“文本工具〞、“創(chuàng)立傳統(tǒng)補(bǔ)間動畫〞、“圖片元件〞等命令的的使用來創(chuàng)立文字移動動畫效果的皮鞋廣告，各種文字動畫效果的使用在Flash廣告制作中應(yīng)用非常普遍，本案例就應(yīng)用這些工具和命令進(jìn)展文字移動效果的制作。最終案例效果如圖2-1所示。2.1.1案例效果圖

2-1

廣告主界面2.1.1案例效果圖2-1廣告主界65在本案例中，主要解決以下問題：1．“文本工具〞的使用，設(shè)置文本的各項屬性。2．“創(chuàng)立傳統(tǒng)補(bǔ)間動畫〞命令的使用，屬性的更改。3．“元件〞的創(chuàng)立和使用，元件分為圖形、按鈕、影片剪輯三種類型。2.1.2案例目的在本案例中，主要解決以下問題：2.1.2案例目的661．導(dǎo)入背景圖片〔1〕選擇“文件｜新建〞命令，在彈出的新建文檔對話框中選擇“ActionScript2.0〞，單擊“確定〞按鈕，進(jìn)入新建文檔舞臺窗口。按“Ctrl+F3〞組合鍵，彈出文檔“屬性〞面板，設(shè)置大小為“743*225〞，將“背景〞選項設(shè)為白色〔#FFFFFF〕，如圖2-2所示。2.1.3案例操作步驟圖2-2

文檔屬性2.1.3案例操作步驟圖2-2文檔屬性67〔2〕選擇“文件｜導(dǎo)入｜導(dǎo)入到庫〞命令，在彈出的“導(dǎo)入到庫〞對話框中選擇“學(xué)習(xí)情境2｜素材｜皮鞋廣告〞文件夾下的“背景〞圖片，單擊“翻開〞按鈕，圖片被導(dǎo)入到“庫〞面板中，效果如圖2-3所示。圖2-3

庫面板〔2〕選擇“文件｜導(dǎo)入｜導(dǎo)入到庫〞命令，在彈出的“導(dǎo)入到庫〞682．創(chuàng)立文本圖形元件〔1〕按“Ctrl+F8〞組合鍵，創(chuàng)立一個名為“文字〞的圖形元件?！?〕在“文字〞圖形元件的編輯窗口中選擇“文本工具〞，在“屬性〞面板中進(jìn)展設(shè)置，在舞臺窗口中輸入大小為20，字體為“華文琥珀〞的褐色〔#993300〕文字“駱駝皮鞋使您足下生輝〞，文字設(shè)置如圖2-5所示，效果如圖2-6所示。圖

2-5

文本屬性

圖2-6

文字效果2．創(chuàng)立文本圖形元件圖2-5文本屬性693．設(shè)置動畫并測試〔1〕回到主場景，新建一個圖層，命名為“文字〞，在第1幀將庫面板中的“文字〞元件導(dǎo)入到舞臺中背景圖的左外側(cè)，如圖2-7所示，之后分別在70幀和140幀處插入關(guān)鍵幀，在70幀處將元件移動到背景左中部，如圖2-8所示，之后分別設(shè)置傳統(tǒng)補(bǔ)間動畫如圖2-9所示。圖2-7

第1幀文字位置

圖2-8

第70幀文字位置〔2〕利用按鍵“Ctrl+Enter〞組合鍵即可查看效果，如圖2-1所示。圖

2-9

設(shè)置傳統(tǒng)補(bǔ)間動畫3．設(shè)置動畫并測試圖2-7第1幀文字位置702.2導(dǎo)入案例二

手表廣告制作2.2導(dǎo)入案例二手表廣告制作71本案例主要介紹通過“對齊工具〞、“Alpha設(shè)置〞、“影片剪輯〞類型元件的綜合使用來制作圖片淡入淡出效果的手表廣告。在圖片淡入淡出制作中，注意“對齊工具〞的使用及“Alpha〞的面板設(shè)置，本案例以這些工具為根底進(jìn)展制作。最終案例效果如圖2-10所示。圖2-10“手表廣告〞最終效果2.2.1案例效果本案例主要介紹通過“對齊工具〞、“Alpha設(shè)置〞、“影片剪72在本案例中，主要解決以下問題：1．“對齊工具〞的使用。2．“任意變形工具〞的使用。3．“Alpha〞的設(shè)置。4．“影片剪輯〞元件的使用。2.2.2案例目的2.2.2案例目的731．導(dǎo)入背景圖片〔1〕選擇“文件｜新建〞命令，在彈出的新建文檔對話框中選擇“ActionScript2.0〞，單擊“確定〞按鈕，進(jìn)入新建文檔舞臺窗口。按“Ctrl+F3〞組合鍵，彈出文檔“屬性〞面板，默認(rèn)設(shè)置大小為“550*400〞，將“背景〞選項設(shè)為白色〔#FFFFFF〕，如圖2-11所示。在“時間軸〞面板中將“圖層1〞重新命名為“背景〞，選擇“文件｜導(dǎo)入｜導(dǎo)入到舞臺〞命令將“背景〞圖片導(dǎo)入到舞臺中，如圖2-12所示，通過對齊面板中的匹配大小下的匹配寬度、匹配高度按鈕將背景圖片與舞臺大小匹配，如圖2-13所示通過對齊面板中的水平居中、垂直居中使背景圖片與舞臺對齊，在120幀處插入幀，如圖2-14所示。圖2-12

對齊面板匹配大小按鈕

圖2-13

對齊面板對齊按鈕圖2-11

文檔屬性圖2-14

背景圖層2.2.3

案例操作步驟1．導(dǎo)入背景圖片圖2-12對齊面板匹配大小按鈕圖2-742．創(chuàng)立圖片影片剪輯元件〔1〕按“Ctrl+F8〞組合鍵，創(chuàng)立一個名為“手表1〞的影片剪輯類型元件，進(jìn)入其編輯窗口?！?〕將庫中的圖片“手表1〞拖入其中。〔3〕按“Ctrl+F8〞組合鍵，創(chuàng)立一個名為“手表2〞的影片剪輯類型元件，進(jìn)入其編輯窗口?！?〕將庫中的圖片“手表2〞拖入其中?！?〕按“Ctrl+F8〞組合鍵，創(chuàng)立一個名為“手表3〞的影片剪輯類型元件，進(jìn)入其編輯窗口。〔6〕將庫中的圖片“手表3〞拖入其中?！?〕按“Ctrl+F8〞組合鍵，創(chuàng)立一個名為“手表4〞的影片剪輯類型元件，進(jìn)入其編輯窗口?！?〕將庫中的圖片“手表4〞拖入其中。2．創(chuàng)立圖片影片剪輯元件753．制作圖片淡入淡出動畫〔1〕回到主場景中，新建圖層2，命名為“手表1〞，將元件“手表1〞拖入舞臺并放置在背景圖片的左上角，在第10幀與20幀分別插入關(guān)鍵幀，選擇第1幀，選擇元件“手表1〞，在右側(cè)的色彩效果屬性面板中將樣式下拉菜單項選擇擇為Alpha，將下方的Alpha滑塊設(shè)置為0%，選擇第20幀，選擇元件“手表1〞，將Alpha滑塊設(shè)置為0%，如圖2-15所示。圖2-15

設(shè)置Alpha值3．制作圖片淡入淡出動畫圖2-15設(shè)置Alpha值76〔2〕回到主場景中，新建圖層3，命名為“手表2〞，在第20幀插入關(guān)鍵幀，將元件“手表2〞拖入舞臺并放置在背景圖片的右上角，在第30幀與40幀分別插入關(guān)鍵幀，選擇第20幀，選擇元件“手表2〞，在右側(cè)的色彩效果屬性面板中將樣式下拉菜單項選擇擇為Alpha，將下方的Alpha滑塊設(shè)置為0%，選擇第40幀，選擇元件“手表2〞，將Alpha滑塊設(shè)置為0%?！?〕回到主場景中，新建圖層4，命名為“手表3，在第40幀插入關(guān)鍵幀，將元件“手表3〞拖入舞臺并放置在背景圖片的左下角，在第50幀與60幀分別插入關(guān)鍵幀，選擇第40幀，選擇元件“手表3〞，在右側(cè)的色彩效果屬性面板中將樣式下拉菜單項選擇擇為Alpha，將下方的Alpha滑塊設(shè)置為0%，選擇第60幀，選擇元件“手表3〞，將Alpha滑塊設(shè)置為0%。〔4〕回到主場景中，新建圖層5，命名為“手表4〞，在第60幀處插入關(guān)鍵幀，將元件“手表4〞拖入舞臺并放置在背景圖片的右下角，在第70幀與80幀分別插入關(guān)鍵幀，選擇第60幀，選擇元件“手表4〞，在右側(cè)的色彩效果屬性面板中將樣式下拉菜單項選擇擇為Alpha，將下方的Alpha滑塊設(shè)置為0%，選擇第80幀，選擇元件“手表4〞，將Alpha滑塊設(shè)置為0%。〔2〕回到主場景中，新建圖層3，命名為“手表2〞，在第20幀774．創(chuàng)立文字影片剪輯元件〔1〕按“Ctrl+F8〞組合鍵，創(chuàng)立一個名為“文字〞的影片剪輯類型元件，進(jìn)入其編輯窗口?！?〕在其中選擇“文本工具〞創(chuàng)立大小為20，字體為華文楷體，顏色為“666666〞的“品諾手表尊貴選擇〞的文字，文字設(shè)置如圖2-16所示，效果如圖2-17所示。圖2-16

文本設(shè)置圖2-17

文本效果4．創(chuàng)立文字影片剪輯元件圖2-16文本設(shè)置圖2-17785．制作文字淡入淡出動畫〔1〕回到主場景，新建圖層6，命名為“文字〞，在第80幀插入關(guān)鍵幀，將“文字〞影片剪輯元件拖入到舞臺中央，分別在第100幀和第120幀插入關(guān)鍵幀，選擇第80幀，選擇元件“文字〞，在右側(cè)的色彩效果屬性面板中將樣式下拉菜單項選擇擇為Alpha，將下方的Alpha滑塊設(shè)置為0%，選擇第120幀，選擇元件“文字〞，將Alpha滑塊設(shè)置為0%。〔2〕設(shè)定完畢的時間軸如圖2-18所示。2-18

時間軸設(shè)定6．測試〔1〕利用按鍵“Ctrl+Enter〞組合鍵即可查看效果，效果如圖2-10所示。1.使用“對齊工具〞時，分為對齊、分布、匹配大小、間隔四種設(shè)置。對齊分為左對齊、水平對齊、右對齊、頂對齊、垂直對齊、底對齊；分布分為頂局部布、垂直居中分布、底局部布、左側(cè)分布、水平居中局部、右側(cè)分布；匹配大小分為匹配高度、匹配寬度，匹配高和寬；間隔分為垂直平均間隔和水平平均間隔；其中“與舞臺對齊〞的復(fù)選項中選中時，對象將與舞臺對齊、分布、匹配大小和間隔；當(dāng)不選擇時，對象本身對齊、分布、匹配大小和間隔。相關(guān)知識5．制作文字淡入淡出動畫2-18時間軸設(shè)定6．測試1.792.3導(dǎo)入案例三

鉆戒廣告的制作2.3導(dǎo)入案例三鉆戒廣告的制作80本案例主要介紹通過“橢圓工具〞、“創(chuàng)立傳統(tǒng)補(bǔ)間動畫〞、“遮罩層〞等工具與命令、結(jié)合“庫〞面板的綜合使用來制作圖片遮罩動畫。在圖片遮罩動畫制作當(dāng)中，注意靈活運用“遮罩層〞結(jié)合“創(chuàng)立傳統(tǒng)補(bǔ)間動畫〞來制作出依次顯示不同局部圖片的效果，本案例以這些命令和工具的綜合使用制作而成。最終案例效果如圖2-19所示。圖2-19

鉆戒廣告最終效果2.3.1案例效果圖2-19鉆戒廣告最終效果2.3.1案例效果81在本案例中，主要解決以下問題：1．“遮罩層〞的使用。2．創(chuàng)立傳統(tǒng)補(bǔ)間動畫。3．“影片剪輯〞的使用。4．“任意變形工具〞的使用。2.3.2案例目的2.3.2案例目的821．導(dǎo)入背景圖片〔1〕選擇“文件｜新建〞命令，在彈出的新建文檔對話框中選擇“ActionScript2.0〞，單擊“確定〞按鈕，進(jìn)入新建文檔舞臺窗口。按“Ctrl+F3〞組合鍵，彈出文檔“屬性〞面板，設(shè)置大小為“1000*700〞，將“背景〞選項設(shè)為白色〔#FFFFFF〕，如圖2-20所示。在“時間軸〞面板中將“圖層1〞重新命名為“背景〞，選擇“文件｜導(dǎo)入｜導(dǎo)入到舞臺〞命令將“背景〞圖片導(dǎo)入到舞臺中，選擇“選擇工具〞選中圖片，在“位置和大小〞面板中將圖片的X、Y位置設(shè)置為0、0，寬與高設(shè)置為1000、700，如圖2-21所示，在80幀處插入幀，如圖2-22所示。圖

2-20

文檔屬性圖

2-21

設(shè)置圖片位置和大小圖

2-22

插入幀2.3.3案例操作步驟圖2-20文檔屬性圖2-21設(shè)置圖片位置和大小圖832．創(chuàng)立影片剪輯元件〔1〕按“Ctrl+F8〞組合鍵，創(chuàng)立一個名為“圖形〞的影片剪輯類型元件，進(jìn)入其編輯窗口?！?〕在其中選擇“橢圓工具〞，將填充和筆觸中的筆觸選擇為無，填充設(shè)置為“FF0000〞，拖動鼠標(biāo)繪制一個橢圓，選擇“選擇工具〞選中橢圓，參照圖2-21，在“位置和大小〞面板中將圖片的X、Y位置設(shè)置為-200、-175，寬與高設(shè)置為400、50。2．創(chuàng)立影片剪輯元件843．設(shè)置動畫并測試〔1〕回到主場景，新建圖層2，命名為“遮罩〞，在第1幀處從庫面板中將“圖形〞影片剪輯類型元件拖入主場景左下角，使影片剪輯“圖形〞遮住最左側(cè)的圖片，如圖2-23所示；在第20幀處插入關(guān)鍵幀，將影片剪輯“圖形〞移動位置遮住中間的圖片，如圖2-24所示；在第40幀插入關(guān)鍵幀，將影片剪輯“圖形〞移動位置遮住最右側(cè)的圖片，如圖2-25所示；在第41幀插入關(guān)鍵幀，將影片剪輯“圖形〞移動位置并縮小遮住上面的“我們終于結(jié)婚了〞的圖片左側(cè)，如圖2-26所示；在第60幀插入關(guān)鍵幀，將影片剪輯“圖形〞移動位置并放大遮住上面的“我們終于結(jié)婚了〞的整張圖片，如圖2-27所示。圖2-23“遮罩〞層第1幀設(shè)置元件位置圖2-24“遮罩〞層第20幀設(shè)置元件位置

3．設(shè)置動畫并測試圖2-23“遮罩〞層第1幀設(shè)置元件位置85圖2-25“遮罩〞層第40幀設(shè)置元件位置圖2-26“遮罩〞層第41幀設(shè)置元件位置圖2-27“遮罩〞層第80幀設(shè)置元件位置圖2-25“遮罩〞層第40幀設(shè)置元件位置圖2-26“86〔2〕在第1幀與第20幀之間創(chuàng)立傳統(tǒng)補(bǔ)間動畫，在第20幀與第40幀之間創(chuàng)立傳統(tǒng)補(bǔ)間動畫，在第41幀與第80幀之間創(chuàng)立傳統(tǒng)補(bǔ)間動畫，如圖2-28所示。圖2-28創(chuàng)立傳統(tǒng)補(bǔ)間動畫圖2-29創(chuàng)立遮罩動畫〔4〕利用按鍵“Ctrl+Enter〞組合鍵即可查看效果，效果如圖2-19所示。〔3〕選擇“遮罩〞圖層，單擊鼠標(biāo)右鍵選擇“遮罩層〞，如圖2-29所示?！?〕在第1幀與第20幀之間創(chuàng)立傳統(tǒng)補(bǔ)間動畫，在第20幀與第87相關(guān)知識相關(guān)知識882.4工程一化裝品廣告制作Flash廣告是現(xiàn)代生活中宣傳的最廣泛的方式，F(xiàn)lash制作周期短，費用低，效果佳，有越來越多人選擇將Flash廣告投放市場。Flash廣告涵蓋手機(jī)廣告、網(wǎng)站廣告、實體廣告、電視廣告等等，設(shè)計類別更是五花八門，飲食類、化裝品類、數(shù)碼類、飾品類、書籍類、招聘類等等，相信大家通過該工程的演練，能夠?qū)V告的創(chuàng)作得心應(yīng)手。2.4工程一化裝品廣告制作Flash廣告是現(xiàn)代生活中宣89本工程主要通過介紹“文字工具〞、“任意變形工具〞、“選擇工具〞、“顏色〞面板、“庫〞面板、“元件〞的創(chuàng)立與使用、傳統(tǒng)補(bǔ)間動畫的制作及ActionScript語言的綜合使用來制作Flash廣告。該廣告為美寶蓮眼影化裝品的廣告，需要有一定的視覺沖擊力，所以我們選定了兩張模特著重眼影妝容的照片，力求到達(dá)突出眼影主題的效果。在“元件〞創(chuàng)立時，注意靈活使用“影片剪輯〞元件及“圖形〞元件。同時靈活使用“任意變形工具〞進(jìn)展變形操作，本工程以這些內(nèi)容為根底進(jìn)展創(chuàng)作。最終工程效果如圖2-30所示。圖2-30“美寶蓮〞眼影廣告效果2.4.1工程效果圖2-30“美寶蓮〞眼影廣告效果2.4.1工程效果90在本工程中，主要解決以下問題：1．工具箱中根本繪圖工具的熟練使用。2．圖片的導(dǎo)入。3．動畫的創(chuàng)立。4．“ActionScript〞命令的簡單應(yīng)用。2.4.2工程目的2.4.2工程目的911．創(chuàng)立并設(shè)置文檔〔1〕選擇“文件｜新建〞命令，在彈出的新建文檔對話框中選擇“ActionScript2.0〞，單擊“確定〞按鈕，進(jìn)入新建文檔舞臺窗口。按“Ctrl+F3〞組合鍵，彈出“屬性〞面板，單擊“大小〞右側(cè)“編輯〞按鈕，彈出“文檔設(shè)置〞對話框，設(shè)置為500*338，背景顏色白色?！?〕選擇“文件｜導(dǎo)入｜導(dǎo)入到庫〞命令，在彈出的“導(dǎo)入到庫〞對話框中選擇“學(xué)習(xí)情境2｜素材｜化裝品廣告〞文件夾下的所有文件，單擊“翻開〞按鈕，這些圖片都被導(dǎo)入到“庫〞面板中。2.4.3工程技術(shù)實訓(xùn)2.4.3工程技術(shù)實訓(xùn)92圖2-31文本設(shè)置

圖2-32文本效果2．創(chuàng)立圖形元件〔1〕在“庫〞面板下方單擊“新建元件〞按鈕，彈出“創(chuàng)立新元件〞對話框，在“名稱〞選項的文本框中輸入“Text〞，在“類型〞下拉列表中勾選“圖形〞選項，單擊“確定〞按鈕，新建圖形元件“Text〞，舞臺窗口也隨之轉(zhuǎn)換為圖形元件的舞臺窗口?！?〕選擇工具欄中的文本工具，在字符屬性面板中設(shè)置系列為“黑體〞，大小為“50〞，顏色為“#8F336A〞，輸入文本“MAYBELLINE〞，同樣的選擇工具欄中的文本工具，在字符屬性面板中設(shè)置系列為“黑體〞，大小為“35〞，顏色為“#8F336A〞，輸入文本“炫彩珠光眼影〞，文字設(shè)置如圖2-31所示，效果如圖2-32所示。圖2-31文本設(shè)置933．制作元件“光圈〞〔1〕單擊“新建元件〞按鈕，新建影片剪輯元件“光圈〞?！?〕選擇顏色面板，將顏色類型選擇為線性漸變，設(shè)置白色—白色—白色—白色的漸變填充，然后設(shè)置第1、2、4的白色的Alpha值為0%，如圖2-33所示?！?〕選擇工具欄中的“橢圓工具〞，在筆觸顏色中選擇，然后按住Shift鍵，在工作區(qū)中繪制一個正圓，如圖2-34所示，為了看清圖形效果，這里在屬性面板中將背景顏色更改為黑色進(jìn)展顯示的。圖2-33文本效果

圖2-34光圈效果3．制作元件“光圈〞圖2-33文本效果944.制作元件“光圈_MC1〞〔1〕單擊“新建元件〞按鈕，新建影片剪輯元件“光圈_MC1〞?！?〕將庫面板中的元件“光圈〞拖入工作區(qū)中，在第35幀上單擊鼠標(biāo)右鍵，插入關(guān)鍵幀?！?〕單擊該幀中的元件，在“屬性〞面板中色彩效果的樣式中選擇Alpha值為0，如圖2-35所示。圖2-35設(shè)置Alpha值〔4〕單擊第1幀中的元件，將其屬性中的寬高設(shè)置為“16，16〞，如圖2-36所示。圖2-36設(shè)置元件寬高值〔5〕在第1-35幀之間創(chuàng)立傳統(tǒng)補(bǔ)間動畫。4.制作元件“光圈_MC1〞圖2-35設(shè)置Alpha值〔4955．制作元件“光圈_MC〞〔1〕單擊“新建元件〞按鈕，新建影片剪輯元件“光圈_MC〞?！?〕從庫中中選擇圖片“彩條〞，然后單擊翻開按鈕，在第35幀插入幀?！?〕新建圖層2，雙擊工具欄中的橢圓工具，在顏色欄中填充色設(shè)置為黑色，筆觸顏色選擇為?！?〕按住Shift鍵，在工作區(qū)中繪制一個正圓。雙擊工具欄中的選擇按鈕，單擊工作區(qū)中的圓，設(shè)置寬、高值為550，550?！?〕拖動圓，將圖層1中的元件遮罩住，如圖2-37所示。圖2-37圓遮罩5．制作元件“光圈_MC〞圖2-37圓遮罩96〔6〕在第35幀上單擊鼠標(biāo)右鍵，插入關(guān)鍵幀，單擊第1幀中的圖形，屬性面板中設(shè)置正圓的寬、高為1。〔7〕將該圓拖動到中間位置，單擊第1幀，在屬性面板創(chuàng)立形狀補(bǔ)間動畫?！?〕插入新圖層，將庫中的元件“光圈_MC〞拖入工作區(qū)?！?〕在時間軸面板的圖層2上單擊鼠標(biāo)右鍵，選擇遮罩命令，如圖2-38所示。圖2-38“時間軸〞面板〔6〕在第35幀上單擊鼠標(biāo)右鍵，插入關(guān)鍵幀，單擊第1幀中的圖97〔10〕插入新圖層，在第35幀插入關(guān)鍵幀，然后將光圈_MC元件拖入工作區(qū)。在35幀的動作面板中鍵入stop〔〕；代碼，如圖2-39所示。圖2-39

添加代碼6．設(shè)置人物〔1〕單擊“新建元件〞按鈕，新建圖形元件“人物〞。選擇“文件｜導(dǎo)入〞命令，彈出“導(dǎo)入〞面板，將“人物〞圖片導(dǎo)入舞臺，新建影片剪輯元件“人物4〞，將圖形元件“人物1〞拖入其中，在15幀和30幀分別插入關(guān)鍵幀，如圖2-40所示，第15幀處設(shè)置“Alpha〞選項設(shè)置為0%。圖2-40創(chuàng)立傳統(tǒng)補(bǔ)間動畫〔10〕插入新圖層，在第35幀插入關(guān)鍵幀，然后將光圈_MC元98〔2〕單擊“新建元件〞按鈕，新建圖形元件“人物1〞。選擇“文件｜導(dǎo)入〞命令，彈出“導(dǎo)入〞面板，將“人物1〞圖片導(dǎo)入舞臺，新建影片剪輯元件“人物2〞，將圖形元件“人物〞拖入其中，在10幀和20幀分別插入關(guān)鍵幀，第10幀處設(shè)置“Alpha〞選項設(shè)置為0%。7．設(shè)置場景效果〔1〕單擊編輯場景按鈕，回到主場景，雙擊圖層1，將其更名為“背景〞?！?〕將庫面板中的元件遮罩1拖入場景中，在第10幀上單擊鼠標(biāo)右鍵，插入關(guān)鍵幀，然后單擊第1幀中的元件屬性面板中設(shè)置Alpha值為0%，如圖2-35所示?！?〕從第1幀到第10幀間單擊右鍵，在彈出的菜單中選擇“創(chuàng)立傳統(tǒng)補(bǔ)間〞命令，生成傳統(tǒng)補(bǔ)間動畫，效果如圖2-41所示。〔4〕創(chuàng)立新圖層并將其命名為“眼影〞，然后將元件“眼影〞拖曳到舞臺窗口中，在第10幀、20幀上單擊鼠標(biāo)右鍵，插入關(guān)鍵幀，在10幀處“屬性〞面板中，將“Alpha〞值設(shè)為0%。圖2-41創(chuàng)立傳統(tǒng)補(bǔ)間動畫〔2〕單擊“新建元件〞按鈕，新建圖形元件“人物1〞。選擇“文99〔5〕創(chuàng)立新圖層并將其命名為“文本〞，然后將元件“Text〞拖曳到舞臺窗口中，在第100幀、103、104、120幀上分別單擊鼠標(biāo)右鍵，插入關(guān)鍵幀，在103幀處“屬性〞面板中，將“色調(diào)〞值設(shè)為100%，顏色為白色?！?〕在第121幀上單擊鼠標(biāo)右鍵，選擇插入關(guān)鍵幀，然后將該幀中的元件拖動到150幀。在101-103幀之間的任意一幀單擊右鍵，創(chuàng)立補(bǔ)間動畫，采用同樣的操作創(chuàng)立104-120之間的補(bǔ)間動畫。〔7〕新建圖層“人物1〞，在第55幀插入關(guān)鍵幀，將元件“人物4〞拖入到舞臺左側(cè)，設(shè)置Alpha值為0%，在第60幀插入關(guān)鍵幀，設(shè)置Alpha值為80%.?！?〕新建圖層“人物2〞，在第60幀插入關(guān)鍵幀，將元件“人物2〞拖入到舞臺右側(cè)，設(shè)置Alpha值為0%，在第65幀插入關(guān)鍵幀，設(shè)置Alpha值為80%.?！?〕新建圖層“光圈_MC〞，在第20幀插入關(guān)鍵幀，將元件“光圈_M〞拖入元件“眼影〞的中央?！?0〕選擇測試影片命令，或者按Ctrl+Enter快捷鍵翻開播放器測試廣告動畫，效果如圖2-30所示?！?〕創(chuàng)立新圖層并將其命名為“文本〞，然后將元件“Text〞1002.5工程拓展玩具廣告制作2.5工程拓展玩具廣告制作101本工程是“廣告〞類創(chuàng)作的拓展與延伸，進(jìn)一步介紹使用“路徑動畫〞制作動畫效果，使用“變形〞面板制作圖像傾斜效果，使用“庫〞面板創(chuàng)立“影片剪輯〞元件及“圖形元件〞，使用“創(chuàng)立傳統(tǒng)補(bǔ)間〞動畫命令創(chuàng)立動畫效果。本工程以這些內(nèi)容為根底進(jìn)展創(chuàng)作，使學(xué)生掌握“廣告〞類Flash工程的創(chuàng)作方法與流程，最終能夠根據(jù)客戶需求及市場調(diào)研結(jié)果，設(shè)計出“廣告〞類Flash工程產(chǎn)品。最終工程效果如圖2-42所示。圖2-42玩具廣告效果2.5.1工程效果本工程是“廣告〞類創(chuàng)作的拓展與延伸，進(jìn)一步介紹使用“路徑動畫102在本工程中，主要解決以下問題：1．讓消費者明白廣告推銷的是什么。2．應(yīng)用前面學(xué)到的Flash知識。3．熟練掌握路徑動畫的技巧。2.5.2工程目的2.5.2工程目的1031．創(chuàng)立“圖片〞影片剪輯〔1〕選擇“文件｜新建〞命令，在彈出的新建文檔對話框中選擇“ActionScript2.0〞，單擊“確定〞按鈕，進(jìn)入新建文檔舞臺窗口。按“Ctrl+F3〞組合鍵，彈出“屬性〞面板，單擊“大小〞右側(cè)“編輯〞按鈕，彈出“文檔設(shè)置〞對話框，將舞臺寬度設(shè)為600像素，高度設(shè)為150像素，將背景顏色設(shè)為白色，單擊“確定按鈕〞，效果如圖2-43所示。圖2-43

文檔屬性2.5.3工程技術(shù)實訓(xùn)圖2-43文檔屬性2.5.3工程技術(shù)實訓(xùn)104〔2〕選擇“文件｜導(dǎo)入｜導(dǎo)入到庫〞命令，在彈出的“導(dǎo)入到庫〞對話框中選擇“學(xué)習(xí)情境二｜素材｜費雪〞文件夾下的素材文件，單擊“翻開〞按鈕，這些圖片都被導(dǎo)入到“庫〞面板中?！?〕在“庫〞面板下方單擊“新建元件〞按鈕，彈出“創(chuàng)立新元件〞對話框，在“名稱〞選項的文本框中輸入“字_2〞，在“類型〞下拉列表中勾選“圖形〞選項，單擊“確定