Flash CS6核心應(yīng)用案例教程（全彩慕課版）（第2版）課件 第1-3章　初識(shí)Flash、Flash CS6基礎(chǔ)知識(shí)、常用工具

本章簡介：在學(xué)習(xí)Flash的具體操作之前，應(yīng)該先了解Flash，本章內(nèi)容包含F(xiàn)lash軟件簡介、Flash應(yīng)用領(lǐng)域。只有認(rèn)識(shí)了Flash的軟件特點(diǎn)和功能特色，才能更有效率地學(xué)習(xí)和運(yùn)用Flash，從而為后續(xù)的工作和學(xué)習(xí)帶來便利。初識(shí)Flash第1章學(xué)習(xí)目標(biāo)了解Flash軟件的基礎(chǔ)知識(shí)。了解Flash應(yīng)用領(lǐng)域。1.1

Flash軟件簡介Flash是由Adobe公司開發(fā)的一款集動(dòng)畫創(chuàng)作和應(yīng)用程序開發(fā)于一體的創(chuàng)作軟件。它包含簡單、直觀且功能強(qiáng)大的設(shè)計(jì)工具和命令，不僅可以創(chuàng)建數(shù)字動(dòng)畫、交互式Web站點(diǎn)，還可以開發(fā)包含視頻、聲音、圖形和動(dòng)畫的桌面應(yīng)用程序以及手機(jī)應(yīng)用程序等，它降低了網(wǎng)頁動(dòng)畫和應(yīng)用程序的設(shè)計(jì)難度，為專業(yè)設(shè)計(jì)人員和業(yè)余愛好者制作動(dòng)畫作品和應(yīng)用程序提供了很大的幫助，深受動(dòng)畫設(shè)計(jì)愛好者和網(wǎng)頁設(shè)計(jì)人員的喜愛。1.2

Flash應(yīng)用領(lǐng)域動(dòng)畫影片制作廣告設(shè)計(jì)網(wǎng)站設(shè)計(jì)教學(xué)設(shè)計(jì)游戲設(shè)計(jì)Flash作為動(dòng)畫影片的主要制作軟件，可以制作出精美的矢量動(dòng)畫作品。使用Flash制作的動(dòng)畫作品造型獨(dú)特、內(nèi)涵豐富、表現(xiàn)力強(qiáng)、有趣生動(dòng)，有很多家喻戶曉的動(dòng)畫影片就是使用Flash制作的。1.2.1動(dòng)畫影片制作

動(dòng)畫影片制作1.2.2廣告設(shè)計(jì)網(wǎng)絡(luò)廣告因具有覆蓋面廣、傳播方式靈活、互動(dòng)性強(qiáng)等特點(diǎn)，在傳播方面有著非常大的優(yōu)勢，得到了廣泛的應(yīng)用。Flash中有多種廣告模板，包括彈出式廣告、告示牌廣告、全屏廣告、橫幅廣告等，應(yīng)用Flash可以制作出豐富多樣的廣告。廣告設(shè)計(jì)1.2.3網(wǎng)站設(shè)計(jì)為了增強(qiáng)網(wǎng)站的動(dòng)態(tài)效果，提高交互性，經(jīng)及增強(qiáng)視覺表現(xiàn)力，可以使用Flash進(jìn)行設(shè)計(jì)與制作，具體包括制作引導(dǎo)頁、為Logo和Banner添加動(dòng)畫效果等。網(wǎng)站設(shè)計(jì)1.2.4教學(xué)設(shè)計(jì)隨著教育信息化的不斷發(fā)展，F(xiàn)lash在教學(xué)設(shè)計(jì)中得到了廣泛的應(yīng)用。使用Flash可以制作標(biāo)準(zhǔn)動(dòng)畫，也可以制作與開發(fā)交互式課件。使用Flash制作的作品體積小，效果生動(dòng)，交互性強(qiáng)。教學(xué)設(shè)計(jì)1.2.5游戲設(shè)計(jì)使用Flash制作的游戲，種類豐富、風(fēng)格新穎、體積較小、互動(dòng)性強(qiáng)且操作便捷，游戲類型包括益智類、設(shè)計(jì)類、棋牌類、休閑類等。游戲設(shè)計(jì)本章簡介：本章詳細(xì)講解FlashCS6的基礎(chǔ)知識(shí)、基本操作和影片的測試與輸出等內(nèi)容。讀者通過對本章的學(xué)習(xí)，可對FlashCS6有初步的認(rèn)識(shí)和了解，并能掌握軟件的基本操作方法和技巧，為以后的學(xué)習(xí)打下堅(jiān)實(shí)的基礎(chǔ)。FlashCS6基礎(chǔ)知識(shí)第2章學(xué)習(xí)目標(biāo)熟悉FlashCS6的操作界面。了解影片的測試與優(yōu)化。了解影片的輸出與優(yōu)化。2.1FlashCS6的操作界面FlashCS6的操作界面由以下幾部分組成：菜單欄、主工具欄、工具箱、時(shí)間軸、場景和舞臺(tái)、“屬性”面板以及浮動(dòng)面板。菜單欄時(shí)間軸主工具欄工具箱場景和舞臺(tái)浮動(dòng)面板“屬性”面板操作界面2.1FlashCS6的操作界面菜單欄主工具欄工具箱“時(shí)間軸”面板場景和舞臺(tái)“屬性”面板浮動(dòng)面板2.1.1菜單欄FlashCS6的菜單欄中依次為“文件”菜單、“編輯”菜單、“視圖”菜單、“插入”菜單、“修改”菜單、“文本”菜單、“命令”菜單、“控制”菜單、“調(diào)試”菜單、“窗口”菜單及“幫助”菜單。菜單欄2.1.2主工具欄為方便使用，F(xiàn)lashCS6將一些常用命令以按鈕的形式組織在一起，置于操作界面的上方。菜單欄2.1.3工具箱工具箱提供了圖形繪制和編輯的各種工具，分為“工具”“查看”“顏色”“選項(xiàng)”4個(gè)功能區(qū)。選擇“窗口＞工具”命令，可以調(diào)出工具箱。工具查看顏色選項(xiàng)2.1.4“時(shí)間軸”面板按照功能的不同，“時(shí)間軸”面板分為左右兩部分，左側(cè)為層控制區(qū)，右側(cè)為時(shí)間線控制區(qū)。其中的主要組件是圖層、幀和播放頭。圖層名稱播放頭時(shí)間軸標(biāo)尺幀顯示區(qū)幀顯示按鈕垂直滾動(dòng)條水平滾動(dòng)條運(yùn)行時(shí)間幀率當(dāng)前幀運(yùn)行時(shí)間圖層類型圖標(biāo)2.1.5場景和舞臺(tái)場景是所有動(dòng)畫元素的最大活動(dòng)空間。像多幕劇一樣，場景可以不止一個(gè)。要查看特定場景，可以選擇“視圖＞轉(zhuǎn)到”命令，再從子菜單中選擇場景的名稱。顯示比例場景名稱舞臺(tái)工作區(qū)編輯場景編輯元件2.1.6“屬性”面板對于正在使用的工具或資源，使用“屬性”面板，可以很容易地查看和更改它們的屬性，從而簡化作品的創(chuàng)建過程。當(dāng)選定單個(gè)對象時(shí)，如文本、元件、形狀、位圖、視頻剪輯、組、幀等，“屬性”面板中會(huì)顯示相應(yīng)的信息和選項(xiàng)等?！皩傩浴泵姘?.1.7浮動(dòng)面板使用此面板可以查看、組合和更改資源。但屏幕的大小有限，為了使工作區(qū)盡量大，F(xiàn)lashCS6提供了許多自定義工作區(qū)的方式，如通過“窗口”菜單顯示、隱藏面板，還可以通過拖動(dòng)鼠標(biāo)的方式來調(diào)整面板的大小以及重新組合面板。浮動(dòng)面板2.2FlashCS6的文件操作新建文件保存文件打開文件導(dǎo)入文件2.2.1新建文件選擇“文件＞新建”命令，彈出“新建文檔”對話框。在對話框的“類型”列表中可以選擇創(chuàng)建文檔的類型，在對話框的右側(cè)可以設(shè)置文檔的大小、幀頻及舞臺(tái)顏色。設(shè)置完成后，單擊“確定”按鈕，即可完成新建文件的操作。“新建文檔”對話框2.2.2保存文件選擇“文件>保存”或“文件>另存為”等命令可以將文件保存在磁盤上。當(dāng)設(shè)計(jì)好作品進(jìn)行第一次存儲(chǔ)時(shí)，選擇“文件>保存”命令，會(huì)彈出“另存為”對話框。在對話框中，輸入文件名，選擇保存類型和保存路徑，單擊“保存”按鈕，即可將動(dòng)畫保存?！傲泶鏋椤睂υ捒?.2.3打開文件選擇“文件>打開”命令，彈出“打開”對話框，在對話框中找到需要的文件，然后單擊“打開”按鈕，或直接雙擊文件，即可打開指定的動(dòng)畫文件?！按蜷_”對話框2.2.4導(dǎo)入文件FlashC86可以導(dǎo)人各種格式的矢量圖形、位圖及視頻文件。矢量文件包括FreeHand文件、AdobeⅢlustrator文件、EPS文件和PDF文件，位圖文件包括JPG、GIF、PNG、BMP等。視頻格式包括F4V和FLV等格式的件1.“導(dǎo)入到舞臺(tái)”命令2.“導(dǎo)入到庫”命令3．以復(fù)制粘貼方式導(dǎo)入4.“導(dǎo)入視頻”命令2.3影片的測試與優(yōu)化影片測試窗口測試影片下載性能作品優(yōu)化2.3.1影片測試窗口選擇“控制＞測試影片＞測試”命令，進(jìn)入影片測試窗口。其中最常用的是“視圖”菜單和“控制”菜單。測試窗口上方的菜單欄2.3.2測試影片下載性能測試影片下載性能，對動(dòng)畫制作來說非常重要。用戶可以使用帶寬設(shè)置，以圖形化的方式查看影片的下載性能。要測試影片下載性能，選擇“控制＞測試影片＞測試”命令，進(jìn)入影片測試窗口。選擇“視圖＞帶寬設(shè)置”命令，打開帶寬特性窗口。帶寬特性窗口2.3.3作品優(yōu)化動(dòng)畫文件越大，動(dòng)畫在網(wǎng)絡(luò)上播放時(shí)等待時(shí)間就越長。雖然動(dòng)畫作品在發(fā)布時(shí)會(huì)自動(dòng)進(jìn)行一些優(yōu)化，但是在制作動(dòng)畫時(shí)還要從整體上對動(dòng)畫進(jìn)行優(yōu)化，以減少文件量。2.4影片的輸出與發(fā)布輸出影片設(shè)置影片輸出格式發(fā)布影片設(shè)置影片發(fā)布格式2.4.1輸出影片設(shè)置選擇“文件>導(dǎo)出”命令，彈出子菜單，可以選擇將文件導(dǎo)出為圖像或影片。子菜單2.4.2

影片輸出格式FlashCS6可以輸出多種格式的動(dòng)畫或圖形文件，一般包含以下幾種常用類型。1．SWF影片(*.swf)2．WindowsAVI（*.avi）3．WAV音頻（*.wav）4．JPEG圖像（*.jpg）5．GIF序列（*.gif）6．PNG序列（*.png）2.4.3發(fā)布影片設(shè)置“發(fā)布設(shè)置”對話框選擇“文件>發(fā)布”命令，在Fash文件所在的文件夾中將生成與Flash文件同名的SWF文件和HTML文件。2.4.4

影片發(fā)布格式FlashCS6能夠發(fā)布多種格式的文件。1．FlashSWF文件格式2．HTML文件格式3．GIF文件格式4．JPEG文件格式5．PNG文件格式本章簡介：本章介紹FlashCS6中繪制圖形的功能和編輯圖形的技巧，講解多種選擇圖形的方法以及設(shè)置圖形色彩的技巧。讀者通過對本章的學(xué)習(xí)，可以掌握繪制圖形、編輯圖形的方法和技巧，能獨(dú)立繪制出所需的各種圖形并對其進(jìn)行編輯，為進(jìn)一步學(xué)習(xí)FlashCS6打下堅(jiān)實(shí)的基礎(chǔ)。常用工具第3章學(xué)習(xí)目標(biāo)熟練掌握選擇類工具的使用方法。熟練掌握繪制圖形的多種工具的使用方法。熟練掌握多種圖形編輯工具的使用方法和技巧。了解圖形的色彩，并掌握幾種常用的色彩面板。掌握文本工具的使用方法及屬性設(shè)置。3.1選擇類工具課堂案例——制作小獅子圖形“選擇”工具“部分選取”工具“套索”工具3.1.1課堂案例——制作小獅子圖形使用“移動(dòng)”工具、“直接選擇”工具等完成小獅子的制作。效果圖3.1.2“選擇”工具選擇“選擇”工具，利用這些按鈕可以完成以下工作。1．選擇對象2．移動(dòng)和復(fù)制對象3．調(diào)整矢量線條和色塊工具箱下方按鈕3.1.3“部分選取”工具選擇“部分選取”工具，在對象的外邊線上單擊，對象上將出現(xiàn)多個(gè)節(jié)點(diǎn)，可拖動(dòng)節(jié)點(diǎn)來改變對象的形狀。拖動(dòng)節(jié)點(diǎn)改變對象形狀3.1.4“套索”工具選擇“套索”工具，在場景中導(dǎo)人一幅位圖，按Ctr1+B組合鍵，將位圖從背景中分離。用鼠標(biāo)在位圖上勾畫出想要的區(qū)域，形成一個(gè)封閉的選區(qū)，松開標(biāo)，選區(qū)中的圖像被選中。使用“套索”工具效果3.2繪圖工具課堂案例——繪制小汽車圖形“線條”工具“鉛筆”工具“橢圓”工具“基本橢圓”工具“刷子”工具“矩形”工具“基本矩形”工具“多角星形”工具“鋼筆”工具3.2.1課堂案例——繪制小汽車圖形使用“矩形”工具、“基本矩形”工具、“橢圓”工具、“鋼筆”工具等完成小汽車的繪制。效果圖3.2.2“線條”工具選擇“線條”工具，在舞臺(tái)上按住鼠標(biāo)左鍵不放并向右拖動(dòng)到需要的位置，可繪制出1條直線段，松開鼠標(biāo)，。在線條工具“屬性”面板中可以設(shè)置不同的筆觸顏色、筆觸大小、筆觸樣式?！皩傩浴泵姘?.2.3“鉛筆”工具選擇“鉛筆”工具，在舞臺(tái)上拖動(dòng)鼠標(biāo)可以繪制出隨意線條。如果想要繪制出平滑或伸直的線條和形狀，可以在工具箱下方的選項(xiàng)區(qū)域中為“鉛筆”工具選擇一種繪畫模式?！般U筆”工具的繪畫模式3.2.4“橢圓”工具選擇“橢圓”工具，在舞臺(tái)上按住鼠標(biāo)左鍵不放，向需要的位置曳鼠標(biāo)，可繪制橢圓形，在按住Shift鍵的同時(shí)繪制圖形，可以繪制出圓形?！皩傩浴泵姘?.2.5“基本橢圓”工具“基木橢圓”工具的使用方法和功能與“橢圓"工具基本相同,唯一的區(qū)別在于使用“橢圓”工具時(shí)，必須先設(shè)置橢圓屬性，然后再繪制，且繪制好之后不可以再次更改圓屬性。而使用“基本橢圓”工具時(shí)，在繪制前設(shè)置屬性和繪制后設(shè)置屬性都是可以的。3.2.6“刷子”工具選擇“刷子”工具，在舞臺(tái)上按住鼠標(biāo)左鍵不放，隨意繪制出圖形，松開鼠標(biāo)。可以在刷子工具“屬性”面板中設(shè)置不同的填充顏色和筆觸平滑度。“屬性”面板3.2.7“矩形”工具選擇“矩形”工具，在舞臺(tái)上按住鼠標(biāo)不放，向需要的位置拖曳鼠標(biāo)，可繪制出矩形，松開鼠標(biāo)。在按住Shift鍵的同時(shí)繪制圖形，可以繪制出正方形?！皩傩浴泵姘?.2.8“基本矩形”工具“基本矩形”工具和“矩形”工具的區(qū)別與“基本橢圓”工具和“橢圓”工具的區(qū)別相同。3.2.9“多角星形”工具使用“多角星形”工具可以繪制出不同樣式的多邊形和星形。選擇“多角星形”工具，在舞臺(tái)上按住鼠標(biāo)左鍵不放，向需要的位置拖曳鼠標(biāo)，可繪制出多邊形，松開鼠標(biāo)?！皩傩浴泵姘?.2.10“鋼筆”工具選擇“鋼筆”工具，將鼠標(biāo)指針放置在舞臺(tái)上想要繪制曲線段的起始位置，然后按住鼠標(biāo)不放。此時(shí)將出現(xiàn)第一個(gè)錨點(diǎn)，并且鼠標(biāo)指針變?yōu)榧^形狀。松開鼠標(biāo)，將鼠標(biāo)指針放置在想要繪制的第二個(gè)錨點(diǎn)的位置，單擊并按住鼠標(biāo)左鍵不放，繪制出1條直線段。將鼠標(biāo)向其他方向拖曳，直線段將轉(zhuǎn)換為曲線段松開鼠標(biāo)，1條曲線段繪制完成。繪制曲線段3.3圖形編輯工具課堂案例——繪制車輪圖標(biāo)“墨水瓶”工具“顏料桶”工具“滴管”工具“橡皮擦”工具“任意變形”工具“漸變變形”工具“顏色”面板3.3.1課堂案例——繪制車輪圖標(biāo)使用“鋼筆”工具、“橢圓”工具、“顏料桶”工具、“漸變變形”工具、“任意變形”工具、“墨水瓶”工具完成車輪圖標(biāo)的繪制。效果圖3.3.2“墨水瓶”工具使用“墨水瓶”工具可以修改矢量圖形的邊線。選擇“墨水瓶”工具，在墨水瓶工具“屬性”面板中設(shè)置筆觸顏色、筆觸大小以及筆觸樣式?！皩傩浴泵姘?.3.3“顏料桶”工具選擇“顏料桶”工具，在其“屬性”面板中將“填充顏色”設(shè)為藍(lán)色（#33CCFF）。在線框內(nèi)單擊，線框內(nèi)部被填充上顏色。“屬性”面板3.3.4“滴管”工具使用“滴管”工具可以吸取矢量圖形的線型和色彩，然后利用“顏料桶”工具快速修改其他矢量圖形內(nèi)部的填充顏色。利用“墨水瓶”工具，可以快速修改矢量圖形的邊框顏色及線型。1．吸取填充顏色2．吸取邊框?qū)傩?．吸取位圖圖案4．吸取文字顏色3.3.5“橡皮擦”工具選擇“橡皮擦”工具，在圖形上想要擦除的地方按下鼠標(biāo)并拖動(dòng)鼠標(biāo)，圖形被擦除。在工具箱下方的“橡皮擦形狀”按鈕的下拉列表中，可以選擇橡皮擦的形狀與大小。圖形被擦除3.3.6“任意變形”工具在制作圖形的過程中，可以使用“任意變形”工具來改變圖形的大小及傾斜度。按Ctrl+B組合鍵，使其分離。選擇“任意變形”工具，在圖形的周圍將出現(xiàn)控制點(diǎn)。拖曳控制點(diǎn)可以改變圖形的大小。按住Shift鍵，再拖曳控制點(diǎn)，可成比例地改變圖形大小?！叭我庾冃巍惫ぞ呤褂眯Ч?.3.7“漸變變形”工具使用“漸變變形”工具可以改變選中圖形中的漸變填充效果。當(dāng)圖形填充色為線性漸變色時(shí)，選擇“漸變變形”工具，單擊圖形，出現(xiàn)3個(gè)控制點(diǎn)和2組平行線。向圖形中間拖動(dòng)方形控制點(diǎn)，漸變區(qū)域縮小?！皾u變變形”工具使用效果3.3.8“顏色”面板選擇“窗口>顏色”命令，彈出“顏色”面板。1.自