flash項目教學課件八

1、項目八 應用外部圖形、圖像與視頻 任務一 應用外部圖形與圖像任務二 應用外部視頻 任務一 應用圖形與圖像8.1.1 Flash CS5支持的圖形與圖像格式 在導入圖形、圖像前應先了解Flash所支持的圖形、圖像格式。 支持的矢量圖形：Windows元文件（擴展名為.wmf）、增強的Windows元文件（擴展名為.emf）、AutoCAD DXF（擴展名為.dxf）、Illustrator 10或早期版本（擴展名為.eps、.ai、.pdf）等。支持的位圖圖像：BMP（擴展名為.bmp）、JPEG（擴展名為.jpg）、GIF（擴展名為.gif）、PNG（擴展名為.png）、PSD（擴展名為.ps

2、d）等。如果安裝了QuickTime 4或更高版本，還可以支持MacPaint文件（擴展名為.pntg）、PICT文件（擴展名為.pct、.pic）、QuickTime 圖像（擴展名為.qtif）、Silicon Graphics 圖像（擴展名為.sgi）、TGA文件（擴展名為.tga）和TIFF文件（擴展名為.tiff）等格式的位圖。 8.1.2 導入圖形與圖像 在Flash文檔中導入位圖和矢量圖形的操作基本相同，但在導入PSD格式的位圖時操作略有不同。 1導入矢量圖形和一般位圖 選擇 “文件”“導入”“導入到舞臺”或“導入到庫”菜單，在打開的 “導入”對話框中選擇要導入的矢量圖形或位圖，單

3、擊“打開”按鈕，即可將所選矢量圖形或位圖導入到文檔中。2導入PSD格式的位圖 在Flash CS4中導入psd格式（PhotoShop默認格式）位圖后，可以保持PSD文件的圖像質(zhì)量和可編輯性，這在制作精美的造型和背景時非常實用。 導入“蓬萊島.psd”文件1. 新建一個Flash文檔，按快捷鍵【Ctrl+R】，在打開的“導入”對話框中選擇 “蓬萊島.psd”文件 。 “PSD導入”對話框 “將圖層轉(zhuǎn)換為”下拉列表 2.單擊“打開”按鈕后，會打開 “PSD導入”對話框 。 3.在“將圖層轉(zhuǎn)換為”下拉列表中，可以選擇“Flash圖層”和“關鍵幀”選項，本例保持默認的“Flash圖層”選項 。 “F

4、lash圖層”：選擇該選項，F(xiàn)lash會按照PSD圖像原有的圖層樣式，在Flash文檔中創(chuàng)建與PSD文件中原有圖層相同的圖層，圖層中的內(nèi)容也完全一樣。并且會在“庫”面板中創(chuàng)建一個與PSD文件同名的文件夾，在文件夾中包含各層中的位圖對象?！瓣P鍵幀”：選擇該選項，F(xiàn)lash將在當前層上新建一個與PSD文件同名的圖層，并根據(jù)PSD圖像原有的圖層順序，在這個圖層上插入關鍵幀，每一個關鍵幀上的內(nèi)容就是原PSD文件圖層上的內(nèi)容。還會在“庫”面板中創(chuàng)建一個與PSD文件同名的文件夾，在文件夾中包含有各關鍵幀中的位圖對象。 圖像圖層的導入選項 4.在對話框左側的“檢查要導入的PhotoShop圖層（C）：”列表

5、中列出了圖像中所包含的圖層，選中某個圖層，可在對話框右側設置其相關導入選項，例如選中“松鼠”圖層 。 “具有可編輯圖層樣式的位圖圖像”：選擇該單選鈕，會將圖層中的位圖轉(zhuǎn)換為影片剪輯，并保持支持的混合模式和不透明度，但是在Flash中不支持的其它視覺效果將被刪除?！捌春系奈粓D圖像”：選擇該單選鈕，會保持圖層中的位圖原貌?！盀榇藞D層創(chuàng)建影片剪輯”：勾選該復選框，在將該圖層導入到Flash時，會將圖層中的內(nèi)容轉(zhuǎn)換為影片剪輯，并可以設置“實例名稱”和“注冊點”位置。 文本圖層的導入選項 5.不同類型的圖層導入選項也不相同，例如選擇“蓬萊島”圖層（文本圖層）。 “可編輯文本”：選擇該單選鈕，導入的文本圖

6、層上的文本會轉(zhuǎn)換為影片剪輯，并保持影片剪輯中文本的可編輯性，但是文本外觀將會受影響?！笆噶枯喞保哼x擇該單選鈕，導入的文本圖層上的文本會轉(zhuǎn)換為影片剪輯，并會將影片剪輯中的文本轉(zhuǎn)換為路徑。文本外觀可能會改變，但是視覺屬性會得到保留。“拼合的位圖圖像”：選擇該單選鈕，會將文本柵格化以保持文本的原有外觀。 發(fā)布設置選項 “庫”面板中的位圖 6.設置好圖層導入選項后，還可以在對話框的下方設置發(fā)布設置選項 。 7.設置好參數(shù)后單擊“確定”按鈕，即可導入PSD格式的圖像，導入圖像后打開“庫”面板，會發(fā)現(xiàn)其中有一個與PSD格式圖像同名的文件夾，其中包含了各圖層中的位圖 。 8.1.3 選取位圖區(qū)域 1使用套

7、索工具 要使用“套索工具” 編輯位圖，首先要將位圖分離?！疤姿鞴ぞ摺?有“套索”、“多邊形”和“魔術棒”3種模式，利用這3種模式可按照不同方式選取分離位圖的部分區(qū)域。 分離位圖并確定起點1.新建一個Flash文檔，導入 “恐龍.jpg”文件，然后按快捷【Ctrl+B】將其分離，選擇“套索工具” ，然后在分離的位圖上單擊確定起點 。 在選取位圖區(qū)域前，需要先使用“選擇工具”選中位圖，然后按【Ctrl+B】組合鍵將其分離。 拖動鼠標選取位圖區(qū)域 2.按住鼠標左鍵并沿要選取的區(qū)域拖動，此時會出現(xiàn)一個黑色的軌跡；松開鼠標后，拖動軌跡中的區(qū)域會被選取?？梢詫⑦x取的位圖區(qū)域移動或復制到其他位置 。 “多邊

8、形”模式一般用于選取比較規(guī)則的圖形區(qū)域，例如方形、菱形、和三角形等。 單擊“多邊形模式”按鈕在棱角處單擊選取多邊形軌跡中的區(qū)域1.新建一個Flash文檔，導入 “首飾盒.bmp”文件，然后按快捷【Ctrl+B】將其分離，選擇“套索工具” ，然后在工具箱“選項”區(qū)中單擊“多邊形模式”按鈕 。 2.將光標移動到包裝盒左上方的棱角處單擊確定起點，然后沿逆時針方向依次在包裝盒的各個棱角處單擊 。 3.最后在起點處雙擊，此時多邊形軌跡內(nèi)的圖像區(qū)域?qū)⒈贿x取 。 利用“魔術棒”模式可以選取圖像中顏色相近的區(qū)域，這在去除背景色比較單一的位圖的背景時非常實用。 單擊 “魔術棒設置”按鈕 “魔術棒設置”對話框 1

9、.新建一個Flash文檔，導入 “狐貍.bmp”文件，然后按快捷【Ctrl+B】將其分離，選擇“套索工具” ，然后在工具箱“選項”區(qū)中單擊“魔術棒”按鈕 ，再單擊“魔術棒設置”按鈕 。 2.在打開的“魔術棒設置”對話框的“閾值”對話框中輸入“10”，在“平滑”選項的下拉列表中選擇“像素”選項，然后單擊“確定”按鈕。 “閾值”：用來設置顏色容差，數(shù)值越低選擇的顏色范圍越小，選擇越精確，越大選擇的顏色范圍越廣，同時容易造成誤差。“平滑”：在下拉列表中可設置所選邊緣的光滑程度，選擇“象素”表示不平滑，選擇“平滑”表示光滑，其他兩個選項介于平滑和不平滑之間。 刪除位圖背景3.將鼠標移動到位圖的白色區(qū)域

10、上，當光標呈 形狀時單擊鼠標，即可選中白色區(qū)域，按【Delete】鍵將選中的白色區(qū)域刪除，利用相同操作，刪除殘留的白色區(qū)域 。 2使用線條工具和鋼筆工具 “套索工具” 的使用方法雖然簡單，但卻很難做到精確、細致的選取位圖區(qū)域。若想更精確的選取位圖區(qū)域，可以使用“線條工具” 和“選擇工具” 沿要選取區(qū)域的邊緣繪制線條；或使用“鋼筆工具” 繪制路徑。繪制好后，用“選擇工具”單擊封閉區(qū)域即可將其選中。 使用“線條工具”選取位圖區(qū)域 使用“鋼筆工具”選取位圖區(qū)域 8.1.4 將位圖轉(zhuǎn)換為矢量圖 將位圖轉(zhuǎn)換為矢量圖形后，便可以像編輯矢量圖形一樣對其進行編輯。 導入位圖 “轉(zhuǎn)換位圖為矢量圖”對話框 1.新

11、建一個Flash文檔，導入 “卡通人物.jpg”文件 。 2.選擇“修改”“位圖”“轉(zhuǎn)換位圖為矢量圖”菜單，在打開的“轉(zhuǎn)換位圖為矢量圖”對話框中將“顏色閾值”設為“50”、“最小區(qū)域”設為“10”，其他參數(shù)保持默認不變 。 顏色閾值：設置顏色之間的差值，范圍為1500之間的整數(shù)。閾值越小，轉(zhuǎn)換過來的矢量圖形顏色越豐富，與原圖像差別越小。最小區(qū)域：范圍為11000之間的整數(shù)。值越小，轉(zhuǎn)化后圖像越精確，與原圖像越接近。曲線擬合：設置轉(zhuǎn)換時如何平滑圖形輪廓線，范圍從“象素”到“非常平滑”，“象素”表示不平滑。角閾值：設置是保留銳利邊緣（顏色對比強烈的邊緣），還是進行平滑處理，范圍從“較多轉(zhuǎn)角”到“較

12、少轉(zhuǎn)角”?！拜^多轉(zhuǎn)角”會保留原圖像的銳利邊緣。 轉(zhuǎn)換為矢量圖形3.單擊“確定”按鈕后會彈出“正在轉(zhuǎn)換位圖為矢量圖”對話框，等待一段時間后，即可將位圖轉(zhuǎn)換為矢量圖了 。 8.1.5 從外部編輯位圖 Flash是專業(yè)的動畫制作軟件，雖然它也可以編輯位圖，但是具有一定的局限性，有時不能滿足我們的需要。此時，可通過“編輯方式”命令，使用專業(yè)的位圖編輯軟件對位圖進行編輯。 選擇“編輯方式”菜單 選擇位圖編輯軟件 1.在“庫”面板中右擊需要修改的位圖，在彈出的快捷菜單中選擇“編輯方式”菜單 。 2.在打開的“選擇外部編輯器”對話框中選擇一款位圖編輯軟件，然后單擊“打開”按鈕，啟動選中的位圖編輯軟件，在位圖

13、編輯軟件中對位圖進行修改并保存，切換回Flash中就會發(fā)現(xiàn)位圖已發(fā)生了變化。 8.1.6 設置位圖輸出屬性 在Flash中應用位圖后，有時動畫文檔會變得很大；還有時按下【Ctrl+Enter】鍵預覽動畫，會發(fā)現(xiàn)動畫中的位圖邊緣有鋸齒，影響觀看效果。這時可通過設置位圖的輸出屬性來解決。 “位圖屬性”對話框設置位圖輸出屬性 1.在“庫”面板中右擊需要修改的位圖，在彈出的快捷菜單中選擇“屬性”菜單，在打開的“位圖屬性”對話框，選中“允許平滑”復選框，在“壓縮”下拉列表中選擇“照片（JPEG）”選項 。 2.單擊選擇“自定義”單選鈕，可以在“品質(zhì)”文本框中輸入品質(zhì)參數(shù)，設置好相關選項后，單擊“測試”按

14、鈕，從對話框底部可查看壓縮前和壓縮后的圖像大小，單擊“確定”按鈕后，可將設置應用于該位圖在動畫中鏈接的所有圖像。 “允許平滑”復選框：選擇該復選框可為位圖消除鋸齒，使位圖邊緣變得光滑?！皦嚎s”下拉列表：選擇“照片（JPEG）”選項，將以JPEG格式壓縮圖像，適用于具有復雜顏色或色調(diào)變化的圖像，例如具有漸變填充的照片或圖像；選擇“無損（PNG/GIF）”選項，將使用無損壓縮格式壓縮圖像，這樣不會丟失圖像中的任何數(shù)據(jù)，適用于具有簡單形狀和較少顏色的圖像?！笆褂脤氲腏PEG數(shù)據(jù)”單選鈕：選擇“照片（JPEG）”壓縮方式后，若選擇此單選鈕，會使用導入圖像的默認壓縮品質(zhì)壓縮圖像?！白远x”單選鈕：選擇

15、此單選鈕將出現(xiàn)“品質(zhì)”編輯框，在該編輯框中輸入的值越高（1到100），圖像質(zhì)量越好，文件也會越大?！皢⒂媒鈮K”復選框：勾選此復選框后，會啟用JPEG解塊以減少低品質(zhì)設置的失真。 綜合實例1手機廣告 手機廣告 打開素材文檔，新建并重命名圖層；導入背景和手機圖像并將手機圖像分離，然后利用“線條工具” 和“選擇工具” 繪制手機的輪廓線并刪除輪廓線外的部分；將背景圖像轉(zhuǎn)換為名為“背景”的圖形元件，將手機圖像轉(zhuǎn)換為名為“手機”的影片剪輯，然后利用傳統(tǒng)補間動畫、引導路徑動畫和遮罩動畫創(chuàng)建廣告中的動畫效果。本例具體制作過程請參考本書配套素材“9-1 手機廣告.avi”任務二 應用外部視頻 8.2.1 導入視

16、頻 默認情況下，F(xiàn)lash CS4只支持FLV和F4V格式的視頻，但我們可以在導入視頻前或?qū)胍曨l過程中，使用Flash CS4自帶的視頻轉(zhuǎn)換組件Adobe Media Encoder將其他視頻格式轉(zhuǎn)換為FLV和F4V格式，利用該組件還可以對視頻編碼進行詳細設置，以及裁剪視頻和選擇視頻中需要導入的片段。 具體操作如下。1. 選擇“文件”“導入”“導入視頻”菜單，打開“導入視頻”對話框 ，單擊“瀏覽”按鈕。 2. 選擇要導入的視頻文件，單擊“打開”按鈕。 3.在彈出的提示框中單擊“確定”按鈕 。 4.回到“導入視頻”對話框后，單擊“啟動Adobe Media Encoder ” 按鈕，啟動Ado

17、be Media Encoder組件轉(zhuǎn)換視頻格式并編碼。 設置視頻編碼配置文件 5.單擊“預設”欄下方的下拉按鈕，在展開的下拉列表中可選擇Flash視頻編碼配置文件，本例選擇“FLV 與源相同F(xiàn)lash 8和更高版本”選項 。 編碼對話框6.單擊“輸出文件”欄下方的路徑，可以選擇編碼后的視頻存放位置，這里保持默認；單擊“添加”按鈕，可以打開資源管理器，選擇其他需要編碼的視頻文件；單擊“預設”欄下方的配置文件，可在打開的“導出設置”對話框中設置音視頻編碼 。 設置視頻編碼 7.單擊“視頻”標簽，可在對話框中設置視頻編碼。 編解碼器：若使用Flash Plaer6或7播放創(chuàng)建的動畫，選擇“Sore

18、nson Spark”編解碼器；若使用Flash Plaer8或以上版本播放創(chuàng)建的動畫，選擇“On2 VP6”編解碼器。編碼Alpha通道：若勾選該復選框，則可將視頻的背景設為透明。調(diào)整視頻大?。喝艄催x該復選框，則開在其下方的“幀寬度”和“幀高度”編輯框中設置視頻的寬度和高度。幀速率：該選項用于設置視頻導入后的幀頻。 設置音頻編碼裁切視頻8.單擊“音頻”標簽，可在對話框中設置音頻編碼。 9.單擊“導出設置”對話框左上方的“裁剪”按鈕后，視頻預覽窗口四周會出現(xiàn)裁切框，拖動裁切框可對視頻進行裁切 。 設置視頻剪輯的結束點 開始編碼 10.利用視頻預覽窗口下方的“設置入點”按鈕 和“設置出點”按鈕 ，可以設置要導入視頻剪輯的起始點和結束點，例如將播放頭拖到20秒附近的位置，然后單擊“設置出點”按鈕 ，設置視頻剪輯的結束點 。 11.設置完