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

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

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

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

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

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