Flash-CS6動畫設(shè)計(jì)教程教學(xué)課件匯總完整版電子講義_第1頁
Flash-CS6動畫設(shè)計(jì)教程教學(xué)課件匯總完整版電子講義_第2頁
Flash-CS6動畫設(shè)計(jì)教程教學(xué)課件匯總完整版電子講義_第3頁
Flash-CS6動畫設(shè)計(jì)教程教學(xué)課件匯總完整版電子講義_第4頁
Flash-CS6動畫設(shè)計(jì)教程教學(xué)課件匯總完整版電子講義_第5頁
已閱讀5頁,還剩417頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

第1章?FlashCS6基礎(chǔ)知識FlashCS6動畫設(shè)計(jì)教程(微課版)(第3版)高等教育立體化精品系列規(guī)劃教材1.1

Flash動畫概述1.3課堂案例:創(chuàng)建和設(shè)置“范例”動畫文檔內(nèi)容導(dǎo)航1.1.1Flash動畫的特點(diǎn)1.1.2Flash動畫的應(yīng)用領(lǐng)域

行業(yè)提示:Flash技能人才的就業(yè)方向1.1.3Flash動畫的制作流程1.4項(xiàng)目實(shí)訓(xùn)1.5課后練習(xí)1.6技巧提升1.2課堂案例:打開“風(fēng)車”動畫文檔認(rèn)識FlashCS61.1.1Flash動畫的特點(diǎn)高保真性交互性成本低軟件互通性強(qiáng)適合網(wǎng)絡(luò)傳播Flash動畫的特點(diǎn)在Flash中繪制的圖形為矢量圖形,在放大后不會產(chǎn)生鋸齒,不會失真。Flash動畫利用ActionScript語句或交互組件,可以制作具有交互性的動畫。傳統(tǒng)動畫從前期的腳本、場景和人物設(shè)計(jì)到后期的合成和配音等,每個環(huán)節(jié)都會花費(fèi)大量的人力物力,而Flash動畫的制作從前期到后期基本上可以由一個人來完成,從而可節(jié)省大量成本。Flash動畫使用基于“流”式的播放技術(shù),且Flash動畫文件較小,因此其非常適合網(wǎng)絡(luò)傳播。在Flash中可引用或?qū)攵喾N文件,和在Flash中可直接打開Photoshop軟件對Flash中的圖形進(jìn)行編輯,并且編輯后的效果可實(shí)時地在Flash中得以體現(xiàn)。1.1.2Flash動畫的應(yīng)用領(lǐng)域Flash軟件可以實(shí)現(xiàn)多種動畫特效,這些動畫特效是由一幀幀的靜態(tài)圖片在短時間內(nèi)連續(xù)播放而產(chǎn)生的視覺效果。Flash主要用于制作娛樂短片、MTV、游戲、導(dǎo)航條、片頭、廣告、網(wǎng)站、產(chǎn)品展示以及UI等。1.娛樂短片3.游戲5.片頭7.網(wǎng)站9.UI2.MTV4.導(dǎo)航條6.廣告8.產(chǎn)品展示行業(yè)提示:Flash技能人才的就業(yè)方向Flash技能人才可根據(jù)自身特點(diǎn),從事美術(shù)設(shè)計(jì)、多媒體教學(xué)、企業(yè)介紹、產(chǎn)品展示和電子相冊等領(lǐng)域的工作,可以從事的行業(yè)包括影視動畫、網(wǎng)站建設(shè)、游戲制作、Flash軟件開發(fā)及互動營銷等。1.1.3Flash動畫的制作流程1.前期策劃無論什么類型的工作,都需要前期策劃,這也是對工作的一個預(yù)期。2.搜集素材要有針對性的搜集素材,避免盲目性的搜集一些無用的素材,以節(jié)省時間。3.制作動畫動畫制作的好壞直接關(guān)系到Flash作品的成功與否。4.后期調(diào)試與優(yōu)化動畫制作完成后需要對其進(jìn)行調(diào)試,調(diào)試的目的是使整個動畫看起來更加流暢,

符合運(yùn)動規(guī)律。5.測試動畫調(diào)試并優(yōu)化動畫后,即可對動畫進(jìn)行測試。

6.發(fā)布動畫當(dāng)一切都操作完畢后,即可發(fā)布動畫。在發(fā)布動畫時,用戶可對動畫的格式、畫

面品質(zhì)和聲音等進(jìn)行設(shè)置。1.1

Flash動畫概述1.3課堂案例:創(chuàng)建和設(shè)置“范例”動畫文檔內(nèi)容導(dǎo)航1.2.1打開“風(fēng)車”動畫文檔1.2.2認(rèn)識FlashCS6啟動界面

1.2.3認(rèn)識FlashCS6工作界面

1.2.4自定義工作界面1.2.5退出FlashCS61.4項(xiàng)目實(shí)訓(xùn)1.5課后練習(xí)1.6技巧提升1.2課堂案例:打開“風(fēng)車”動畫文檔認(rèn)識FlashCS61.2.1打開“風(fēng)車”動畫文檔(1)選擇【開始】/【所有程序】/【Adobe】/【AdobeFlashProfessionalCS6】菜單命令,啟動FlashCS6程序。(2)選擇【文件】/【打開】菜單命令,或在歡迎屏幕“打開最近的項(xiàng)目”欄中選擇“打開”命令。(3)打開“打開”對話框,在“查找范圍”下拉列表框中選擇要打開的Flash文件,再單擊“打開”按鈕完成Flash文件的打開操作。1.2.2認(rèn)識FlashCS6啟動界面在Flash的啟動界面中可以進(jìn)行多種操作,如下圖所示。1.2.3認(rèn)識FlashCS6工作界面FlashCS6的工作界面主要由菜單欄、面板(包括時間軸面板、工具箱、屬性面板等)以及場景和舞臺組成,如下圖所示。1.2.4自定義工作界面(1)單擊工具欄頂部的標(biāo)題欄并按住鼠標(biāo)不放進(jìn)行拖動,將其拖曳至“屬性”面板的左側(cè),當(dāng)“屬性”面板和面板組之間出現(xiàn)一條藍(lán)色的豎線時松開鼠標(biāo),工具欄即可移動到“屬性”面板左側(cè)。(2)將鼠標(biāo)指針移至面板組和工具欄之間,當(dāng)鼠標(biāo)指針變?yōu)樽笥译p箭頭形狀時,按住鼠標(biāo)左鍵不放向右拖動,即可調(diào)整工具欄的大小。(3)選擇【窗口】/【工作區(qū)】/【新建工作區(qū)】菜單命令,打開“新建工作區(qū)”對話框,在“名稱”文本框中輸入自定義工作區(qū)的名稱,單擊“確定”按鈕。1.自定義工作區(qū)1.2.4自定義工作界面(1)單擊標(biāo)題欄的“基本功能”按鈕,在打開的下拉列表中選擇“管理工作區(qū)”選項(xiàng),打開“管理工作區(qū)”對話框。(2)在左側(cè)的列表中選擇“自定義工作區(qū)”選項(xiàng),在右側(cè)單擊“刪除”按鈕,在打開的提示對話框中單擊“是”按鈕,即可將“自定義工作區(qū)”刪除,此時,當(dāng)前的工作區(qū)布局即可恢復(fù)為默認(rèn)的“基本功能”布局。(3)返回“管理工作區(qū)”對話框,單擊“確定”按鈕即可。2.管理工作區(qū)1.2.5退出FlashCS6按【Ctrl+Q】組合鍵。選擇【文件】/【退出】菜單命令。單擊界面右上角的“關(guān)閉”按鈕。退出FlashCS6的方法有多種,具體如下。1.1

Flash動畫概述1.3課堂案例:創(chuàng)建和設(shè)置“范例”動畫文檔內(nèi)容導(dǎo)航1.3.1新建動畫文檔1.3.2設(shè)置動畫文檔的屬性1.3.3保存動畫文檔1.3.4關(guān)閉當(dāng)前文檔1.4項(xiàng)目實(shí)訓(xùn)1.5課后練習(xí)1.6技巧提升1.2課堂案例:打開“風(fēng)車”動畫文檔認(rèn)識FlashCS61.3.1新建動畫文檔新建空白Flash動畫文檔的方法有以下兩種。在啟動界面中選擇“新建”欄下的一種腳本語言,即可新建基于該腳本語言的動畫文檔,一般情況下選擇“ActionScript3.0”選項(xiàng)。在FlashCS6的工作界面中,選擇【文件】/【新建】菜單命令,或按【Ctrl+N】組合鍵,打開“新建文檔”對話框。在該對話框的“常規(guī)”選項(xiàng)卡中進(jìn)行選擇,然后單擊“確定”按鈕也可創(chuàng)建新文檔。1.創(chuàng)建基于不同腳本語言的動畫文檔1.3.1新建動畫文檔(1)選擇【文件】/【新建】菜單命令,打開“新建文檔”對話框,單擊“模板”選項(xiàng)卡。(2)在“類別”列表框中選擇“范例文件”選項(xiàng),在“模板”列表框中選擇“IK曲棍球手范例”選項(xiàng),單擊“確定”按鈕。2.創(chuàng)建基于模板的Flash動畫文檔1.3.2設(shè)置動畫文檔的屬性(1)在“屬性”面板的“屬性”欄中單擊“大小”右側(cè)的“編輯文檔屬性”按鈕,打開“文檔設(shè)置”對話框。(2)在打開的對話框的“尺寸”數(shù)值框中輸入“500像素”,單擊“確定”按鈕。1.設(shè)置舞臺大小1.3.2設(shè)置動畫文檔的屬性(1)將鼠標(biāo)指針移至“屬性”面板的“屬性”欄的“FPS”右側(cè)的數(shù)值上,當(dāng)鼠標(biāo)指針變?yōu)樾螤顣r,按住鼠標(biāo)左鍵不放向右拖動即可增大幀頻。(2)在“屬性”欄中單擊“舞臺”右側(cè)的色塊,在彈出的顏色面板中選擇顏色代碼為“#99CCFF”的顏色。2.設(shè)置背景顏色和幀頻1.3.2設(shè)置動畫文檔的屬性(1)選擇【視圖】/【網(wǎng)格】/【顯示網(wǎng)格】菜單命令,顯示出網(wǎng)格線。(2)選擇【視圖】/【網(wǎng)格】/【編輯網(wǎng)格】菜單命令,打開“網(wǎng)格”對話框。(3)在對話框中設(shè)置顏色為“#0033FF”,設(shè)置網(wǎng)格的寬度為“50像素”,單擊“確定”按鈕。3.設(shè)置網(wǎng)格1.3.2設(shè)置動畫文檔的屬性(1)選擇【視圖】/【輔助線】/【顯示輔助線】菜單命令,將輔助線顯示出來。(2)選擇【視圖】/【輔助線】/【鎖定輔助線】菜單命令,將“鎖定輔助線”前的√標(biāo)記取消。(3)將鼠標(biāo)指針移至中間水平的輔助線上,當(dāng)鼠標(biāo)指針變?yōu)樾螤顣r,按住鼠標(biāo)左鍵不放并拖曳,將該輔助線移動到上方的標(biāo)尺處,然后釋放鼠標(biāo),該輔助線即可清除。(4)在左側(cè)的標(biāo)尺上單擊鼠標(biāo)左鍵不放,并向右拖曳,可拖出一條垂直的輔助線,將該垂直的輔助線拖曳到合適位置后,釋放鼠標(biāo)左鍵即可。4.設(shè)置輔助線1.3.2設(shè)置動畫文檔的屬性5.調(diào)整工作區(qū)的顯示比例在使用Flash制作動畫時,經(jīng)常需要放大舞臺中的某一部分,對細(xì)部進(jìn)行調(diào)整,下面把調(diào)整工作區(qū)的顯示比例的方法分別進(jìn)行介紹。在場景中單擊工作區(qū)顯示比例下拉列表右側(cè)的“下拉”按鈕,在打開的下拉列表中選擇“400%”選項(xiàng),即可將舞臺中的對象放大。在工具欄中選擇縮放工具,將鼠標(biāo)指針移至舞臺中,鼠標(biāo)指針變?yōu)樾螤?,按住【Alt】鍵不放,此時鼠標(biāo)指針變?yōu)樾螤?,單擊兩次鼠?biāo)指針即可將工作區(qū)的顯示比例縮放為原來的100%。1.3.3保存動畫文檔(1)選擇【文件】/【保存】菜單命令,打開“另存為”對話框。(2)在“保存在”下拉列表框中選擇文件保存的地址,在“文件名”文本框中輸入“范例更改”文本,保持“保存類型”文本框中默認(rèn)的“FlashCS6文檔(*.fla)”不變,單擊“確定”按鈕即可保存文檔。1.3.4關(guān)閉當(dāng)前文檔在不需要當(dāng)前文檔而不退出FlashCS6的情況下,可將當(dāng)前文檔關(guān)閉,其方法主要有以下3種。選擇【文件】/【關(guān)閉】菜單命令即可關(guān)閉當(dāng)前文檔。在當(dāng)前文檔的標(biāo)題欄中單擊按鈕即可關(guān)閉文檔。在操作界面中按【Ctrl+W】組合鍵也可關(guān)閉當(dāng)前文檔。1.1

Flash動畫概述1.3課堂案例:創(chuàng)建和設(shè)置“范例”動畫文檔內(nèi)容導(dǎo)航1.4.1制作“草叢”動畫1.4.2制作動物奔跑動畫1.4項(xiàng)目實(shí)訓(xùn)1.5課后練習(xí)1.6技巧提升1.2課堂案例:打開“風(fēng)車”動畫文檔認(rèn)識FlashCS61.4.1制作“草叢”動畫本實(shí)訓(xùn)的目標(biāo)是打開“草叢.fla”動畫文檔,然后根據(jù)個人的使用習(xí)慣,設(shè)置舞臺大小,最后再設(shè)置舞臺背景顏色。本實(shí)訓(xùn)的前后對比效果如下圖所示。1.實(shí)訓(xùn)目標(biāo)1.4.1制作“草叢”動畫在設(shè)置場景時,可以選擇由軟件自帶的幾種模式,如選擇“動畫”模式,會自動打開在制作動畫的過程中經(jīng)常使用到“屬性”“時間軸”“顏色”“對齊”等面板,而選擇“開發(fā)人員”模式,則會打開“項(xiàng)目”“輸出”等開發(fā)相關(guān)的面板。不同的人在使用軟件的過程中,即便是制作相同內(nèi)容的作品,其創(chuàng)作過程中也可能會使用到不同的面板。所以,場景的設(shè)置沒有一種固定的模式,可以根據(jù)需要或習(xí)慣隨時進(jìn)行調(diào)整,這樣才能在動畫的制作過程中更加得心應(yīng)手。2.專業(yè)背景1.4.1制作“草叢”動畫完成本實(shí)訓(xùn)主要包括查看圖片的屬性,然后設(shè)置舞臺大小,使其與圖片的大小保持一致,最后設(shè)置舞臺的背景顏色,以此了解Flash的基本操作,其操作思路如下圖所示。3.操作思路1.4.2制作動物奔跑動畫本例將新建一個Flash文檔,并導(dǎo)入一張.gif動畫圖片,再對Flash文檔進(jìn)行屬性設(shè)置,最后保存該Flash文檔并發(fā)布Flash動畫。通過本例的學(xué)習(xí),可以掌握.gif動畫轉(zhuǎn)換為Flash動畫的方法,并了解Flash動畫的基本制作流程,制作好的效果如下圖所示。1.實(shí)訓(xùn)目標(biāo)1.4.2制作動物奔跑動畫人眼在看到物像消失后,仍可暫時保留視覺的印象。視覺印象在人的眼睛中大約可保持0.1秒。如果兩個視覺印象之間的時間間隔不超過0.1秒,前一個視覺印象尚未消失,而后一個視覺印象已經(jīng)產(chǎn)生,并與前一個視覺印象融合在一起,就形成了視覺殘(暫)留現(xiàn)象。利用視覺殘留現(xiàn)象,事先將一幅幅有序的畫面通過一定的速度連續(xù)播放即可形成動畫效果。gif動畫就是將存于一個文件中的多幅圖像數(shù)據(jù)逐幅讀出并將其顯示在屏幕上,則構(gòu)成一種最簡單的動畫。2.專業(yè)背景1.4.2制作動物奔跑動畫根據(jù)上面的練習(xí)目標(biāo),首先導(dǎo)入奔跑.gif動畫,然后測試動畫效果,然后保存并發(fā)布文件,最后退出Flash。本練習(xí)的操作思路如下圖所示。3.操作思路1.1

Flash動畫概述1.3課堂案例:創(chuàng)建和設(shè)置“范例”動畫文檔內(nèi)容導(dǎo)航練習(xí)1:制作隨機(jī)運(yùn)動的小球

練習(xí)2:打開并預(yù)覽“網(wǎng)站首頁”動畫1.4項(xiàng)目實(shí)訓(xùn)1.5課后練習(xí)1.6技巧提升1.2課堂案例:打開“風(fēng)車”動畫文檔認(rèn)識FlashCS6練習(xí)1:制作隨機(jī)運(yùn)動的小球本練習(xí)要求根據(jù)模板制作隨機(jī)運(yùn)動的小球,主要練習(xí)新建工作區(qū)的操作方法,最終效果如右圖所示。練習(xí)2:打開并預(yù)覽“網(wǎng)站首頁”動畫由于客戶發(fā)送過來的是Flash源文件(擴(kuò)展名為.fla),因此必須先使用FlashCS6將其打開,然后發(fā)布為網(wǎng)頁中可用的Flash影片(擴(kuò)展名為.swf)。本實(shí)訓(xùn)的參考效果如右圖所示。1.1

Flash動畫概述1.3課堂案例:創(chuàng)建和設(shè)置“范例”動畫文檔內(nèi)容導(dǎo)航1.新建不同的文檔2.將動畫文檔設(shè)置為模板

3.自定義工具面板

4.快捷設(shè)置舞臺的大小1.4項(xiàng)目實(shí)訓(xùn)1.5課后練習(xí)1.6技巧提升1.2課堂案例:通過“風(fēng)車”動畫認(rèn)識FlashCS6技巧提升通常在使用Flash的過程中,所新建的文檔大多是“ActionScript3.0”的文檔,這是一種以ActionScript3.0為腳本語言對動畫進(jìn)行編輯的文檔,若選擇ActionScript2.0”,則是一種以ActionScript2.0為腳本語音的文檔。1.新建不同的文檔將動畫文檔設(shè)置為模板文件的方法是:打開要制作為模板的動畫文檔,選擇【文件】/【另存為模板】菜單命令,然后在打開的“另存為模板”對話框中,設(shè)置模板的名稱、類別、描述文本,再單擊“保存”按鈕即可。2.將動畫文檔設(shè)置為模板文件技巧提升選擇【編輯】/【自定義工具面板】菜單命令,打開“自定義工具面板”對話框,選擇一個工具,在“可用工具”列表框中選擇一個選項(xiàng),單擊“增加”按鈕,即可將選擇的選項(xiàng)添加到右側(cè)的“當(dāng)前選擇”列表框中,單擊“確定”按鈕。在“自定義工具面板”中單擊“恢復(fù)默認(rèn)值”按鈕,可將工具欄中的各工具恢復(fù)為默認(rèn)的樣式。3.自定義工具面板技巧提升選擇【視圖】/【縮放比例】菜單命令,在其子菜單中同樣可執(zhí)行舞臺的縮放,但顯然這不是一種快捷的方法。在“縮放比例”菜單項(xiàng)的上方有“放大”和“縮小”兩個選項(xiàng),在這兩個選項(xiàng)的右側(cè)列出了相應(yīng)的快捷鍵。在使用Flash制作動畫的過程中,可通過這兩個快捷鍵,即【Ctrl+=】組合鍵和【Ctrl+-】組合鍵,快速進(jìn)行放大和縮小。4.快捷設(shè)置舞臺的大小38Thankyou!第2章?繪制圖形FlashCS6動畫設(shè)計(jì)教程(微課版)(第3版)高等教育立體化精品系列規(guī)劃教材2.1課堂案例:繪制卡通貓動畫2.2課堂案例:繪制荷花內(nèi)容導(dǎo)航行業(yè)提示:如何繪制表情動畫 2.1.1FlashCS6的繪圖模式 2.1.2繪制貓頭輪廓和耳朵 2.1.3繪制其他部位 行業(yè)提示:繪制圖形的注意事項(xiàng)2.3項(xiàng)目實(shí)訓(xùn)2.4課后練習(xí)2.5技巧提升行業(yè)提示:如何繪制表情動畫如今表情動畫是深受廣大動漫愛好者喜愛的一種動畫表現(xiàn)形式,在繪制這類動畫時,主要以形象可愛有趣為主,并在其中添加一些流行元素,使動畫變得更加生動,在制作時可以使用線條、表情和gif等多種形式進(jìn)行表現(xiàn)。2.1.1FlashCS6的繪圖模式當(dāng)工具欄中的“對象繪制”按鈕呈未選中狀態(tài)時,表示當(dāng)前的繪圖模式為合并繪制模式。在合并繪制模式下繪制和編輯圖形時,在同一圖層中的各圖形會互相影響,當(dāng)其重疊時,位于上方的圖形會將位于下方的圖形覆蓋,并對其形狀造成影響。1.合并繪制模式在工具欄中選擇一種繪圖工具后,在“工具”欄中單擊“對象繪制”按鈕,使其呈選中狀態(tài),表示當(dāng)前的繪圖模式為對象繪制模式。在對象繪制模式下繪制和編輯圖形時,在同一圖層中繪制的多個圖形并不會相互影響,因?yàn)樗鼈兌际且粋€獨(dú)立的對象,在疊加和分離時不會產(chǎn)生變化。2.對象繪制模式2.1.2繪制貓頭輪廓和耳朵貓的輪廓是曲線,并不是規(guī)則的幾何圖形,此時可使用FlashCS6的鋼筆工具進(jìn)行繪制,下面繪制貓頭輪廓和耳朵部分,其效果如下圖所示。2.1.3繪制其他部位眼睛部分的繪制較簡單,可由圓組合而成,軀干部分可通過鋼筆工具進(jìn)行繪制,其效果如下圖所示。行業(yè)提示:繪制圖形的注意事項(xiàng)①對于規(guī)則圖形,如手機(jī)、電視、電腦等,最好使用矩形工具欄中的工具進(jìn)行繪制;②繪制圖形時,還應(yīng)注意圖形的比例大小,其比例應(yīng)符合實(shí)際,若比例失調(diào),則繪制的圖形不僅缺乏美感,還不規(guī)范;③自然狀態(tài)下的物體,都會有高光面和陰影部分,在繪制時適當(dāng)?shù)靥砑右恍┓垂夂完幱笆箞D形更生動。2.1課堂案例:繪制卡通貓動畫2.2課堂案例:繪制荷花內(nèi)容導(dǎo)航2.2.1繪制曲線路徑 2.2.2填充顏色 2.2.3繪制線條圖形 2.2.4繪制任意線條2.3項(xiàng)目實(shí)訓(xùn)2.4課后練習(xí)2.5技巧提升2.2.1繪制曲線路徑初始錨點(diǎn)指針:選中鋼筆工具后看到的第一個指針。連續(xù)錨點(diǎn)指針:下一次單擊鼠標(biāo)時將創(chuàng)建一個錨點(diǎn),并用一條直線與前一個錨點(diǎn)相連接。添加錨點(diǎn)指針:下一次單擊鼠標(biāo)時將向現(xiàn)有路徑添加一個錨點(diǎn)。刪除錨點(diǎn)指針:下一次在現(xiàn)有路徑上單擊鼠標(biāo)時刪除一個錨點(diǎn)。轉(zhuǎn)換錨點(diǎn)指針:將不帶方向控制線的轉(zhuǎn)角點(diǎn)轉(zhuǎn)換為帶有獨(dú)立方向控制線的轉(zhuǎn)角點(diǎn)。閉合路徑指針:在繪制路徑的起始點(diǎn)處閉合路徑。連續(xù)路徑指針:從現(xiàn)有錨點(diǎn)擴(kuò)展新路徑。連接路徑指針:該指針與閉合路徑指針的用法基本相同,可對兩個不連續(xù)的路徑進(jìn)行連接?;乜s貝塞爾手柄指針:當(dāng)鼠標(biāo)位于顯示其貝塞爾手柄的錨點(diǎn)上方時,該指針才會顯示。1.鋼筆工具的繪制狀態(tài)2.2.1繪制曲線路徑(1)新建一個動畫文,選擇鋼筆工具,在舞臺中單擊鼠標(biāo)左鍵,確定圖形的第一個起點(diǎn),然后在另一位置處單擊鼠標(biāo)左鍵不放并拖曳鼠標(biāo)改變繪制線條的形狀。(2)繼續(xù)繪制圖形,并封閉圖形。(3)在工具欄中按住鋼筆工具不放,在彈出的菜單中選擇轉(zhuǎn)換錨點(diǎn)工具。(4)使用轉(zhuǎn)換錨點(diǎn)工具選中需要調(diào)整的線條,單擊其上的錨點(diǎn)并拖曳,調(diào)整線條的平滑度和方向。①②③④⑤2.使用鋼筆工具繪制路徑2.2.2填充顏色(1)選擇顏料桶工具,單擊面板中的“顏色”按鈕,打開“顏色”面板,單擊“填充顏色”右側(cè)的色塊,在彈出的顏色面板中選擇“線性漸變”選項(xiàng)。(2)在“顏色”面板中雙擊右側(cè)的色標(biāo),在彈出的顏色面板中設(shè)置顏色為“#C76C59”。(3)將鼠標(biāo)指針移到花瓣上,當(dāng)其變?yōu)橥靶螤顣r,單擊鼠標(biāo)左鍵即可為花瓣填充顏色。(4)按【V】鍵切換為選擇工具,選擇所有花瓣圖形,然后選擇【修改】/【形狀】/【柔化填充邊緣】菜單命令,打開“柔化填充邊緣”對話框,保持其中的默認(rèn)值不變,單擊“確定”按鈕。2.2.3繪制線條圖形使用線條工具可繪制直線段,下面使用線條工具繪制莖桿,其效果如下圖所示。2.2.4繪制任意線條對于不規(guī)則的線條,除了可使用鋼筆工具進(jìn)行繪制外,還可使用鉛筆工具來繪制。下面使用鉛筆工具繪制荷葉,其效果如下圖所示。2.1課堂案例:繪制卡通貓動畫2.2課堂案例:繪制荷花內(nèi)容導(dǎo)航2.3.1繪制卡通女孩2.3.2繪制Q版卡通人物2.3項(xiàng)目實(shí)訓(xùn)2.4課后練習(xí)2.5技巧提升2.3.1繪制卡通女孩1.實(shí)訓(xùn)目標(biāo)2.3.1繪制卡通女孩本任務(wù)繪制的卡通人物屬于簡筆畫,在繪制這類人物時,主要是畫出主體輪廓。在繪制時,首先是頭部,然后是身體軀干,接著是四肢以及手腳,其人物的結(jié)構(gòu)比例不一定與真實(shí)的人物相同,主要是體現(xiàn)其可愛的外貌,繪制女孩時可將身體繪制的較嬌小,以體現(xiàn)女孩可愛的一面。卡通人物五官的特點(diǎn)是大眼睛、小鼻子、小嘴巴、尖下巴、細(xì)脖子,但要體現(xiàn)女孩萌的感覺,可繪制圓下巴。2.專業(yè)背景2.3.1繪制卡通女孩3.操作思路完成本實(shí)訓(xùn)首先需繪制女孩的輪廓,這是繪制的核心,主要通過鉛筆工具繪制曲線,體現(xiàn)人物萌的特點(diǎn),然后填充細(xì)節(jié),使人物更加的豐富,最后為頭發(fā)和鞋子填充顏色,使畫面更具視覺沖擊效果,其操作思路如下圖所示。2.3.2繪制Q版卡通人物1.實(shí)訓(xùn)目標(biāo)本實(shí)訓(xùn)將繪制一個Q版的卡通小人,并在繪制完成后,分別在其不同的部位上色,最后再使用徑向漸變,制作一個背景,制作好的Q版卡通人物如右圖所示。2.3.2繪制Q版卡通人物在繪制Q版人物時,需要使用犀利的線條進(jìn)行完美化、理想化的提煉與塑造。所繪制出的漫畫人物要具有生動豐富的表情與動作,而且擁有真實(shí)的情感。著裝要根據(jù)繪制的人物的年齡與人物的特色來決定,在衣物上要繪制幾條清晰的線條來表示衣物的自然褶皺。2.專業(yè)背景2.3.2繪制Q版卡通人物3.操作思路根據(jù)專業(yè)背景的要求,在繪制時,首先要使用鋼筆工具繪制人物的輪廓,體現(xiàn)人物的整體效果,然后為人物填充顏色,使人物更加美觀,再為人物繪制陰影部分,使人物更加的立體化,最后為人物添加背景。本練習(xí)的操作思路如下圖所示。2.1課堂案例:繪制卡通貓動畫2.2課堂案例:繪制荷花內(nèi)容導(dǎo)航練習(xí)1:繪制卡通人物 練習(xí)2:制作小房子 2.3項(xiàng)目實(shí)訓(xùn)2.4課后練習(xí)2.5技巧提升練習(xí)1:繪制卡通人物本練習(xí)要求繪制一個卡通人物,先繪制人物的面部,體現(xiàn)人物的面部表情,然后繪制頭發(fā)和身體,最后再添加細(xì)節(jié),使繪制的人物細(xì)節(jié)更豐富,通常在使用鋼筆工具繪制圖形的過中,需要多種模式的配合使用,才能得到一幅完整且滿意的圖像,制作后的效果如右圖所示。練習(xí)2:制作小房子本練習(xí)要求繪制一座小房子,繪制時首先應(yīng)使用線條工具繪制房子的整體形狀,然后再繪制窗戶、門、煙囪等細(xì)節(jié)部分,參考效果如右圖所示。2.1課堂案例:繪制卡通貓動畫2.2課堂案例:繪制荷花內(nèi)容導(dǎo)航1.橡皮擦工具的多種模式2.墨水瓶工具的功能2.3項(xiàng)目實(shí)訓(xùn)2.4課后練習(xí)2.5技巧提升技巧提升在繪圖過程中,可以使用橡皮檫工具將錯誤的圖像抹除。而在橡皮檫工具的選項(xiàng)欄中,有5種不同的模式可供選擇,不同的模式,分別代表作不同的使用效果?!皹?biāo)準(zhǔn)擦除”模式可擦除同一層上的筆觸和填充“擦除填色”模式可只擦除填充,不影響筆觸;“擦除線條”模式可只擦除筆觸,不影響填充;“擦除所選填充”模式可只擦除當(dāng)前選定的填充,不影響筆觸;“內(nèi)部擦除”模式可只擦除橡皮擦筆觸開始處的填充,如果從空白點(diǎn)開始擦除,則不會擦除任何內(nèi)容,不影響筆觸。1.橡皮擦工具的多種模式技巧提升墨水瓶工具可以更改一個或多個線條的筆觸顏色、寬度和樣式。如需要修改一個正方形四周的筆觸顏色,則選擇墨水瓶工具并設(shè)置筆觸顏色后,單擊筆觸或正方形內(nèi)部,都可以快速的修改筆觸的顏色。2.墨水瓶工具的功能66Thankyou!第3章?編輯圖形FlashCS6動畫設(shè)計(jì)教程(微課版)(第3版)高等教育立體化精品系列規(guī)劃教材3.1課堂案例:繪制花朵3.2課堂案例:制作新年場景內(nèi)容導(dǎo)航3.1.1填充漸變色3.1.2調(diào)整漸變色3.1.3選擇和復(fù)制圖形3.1.4旋轉(zhuǎn)和變形圖形行業(yè)提示:繪制和調(diào)整圖形的注意事項(xiàng)3.3項(xiàng)目實(shí)訓(xùn)3.4課后練習(xí)3.5技巧提升3.1.1填充漸變色在使用漸變變形工具對圖形的填充顏色進(jìn)行調(diào)整前,需要使用填充工具對圖形填充顏色,最常用的填充工具則是顏料桶工具。在選擇該工具后,其工具欄下方會出現(xiàn)兩個屬性選項(xiàng),具體介紹如下。鎖定填充:選擇顏料桶工具后,單擊“鎖定填充”按鈕,再進(jìn)行填充,可將被填充的圖形鎖定,防止其填充顏色在之后的操作中被修改??障洞笮。涸谠撨x項(xiàng)下,可選擇填充不同空隙大小的圖形。1.顏料桶工具填充邊線有小空隙的圖形填充邊線有大空隙的圖形填充邊線完全封閉的圖形填充邊線有較大空隙的圖形3.1.1填充漸變色2.填充漸變色下面繪制一片花瓣圖形,并填充顏色,其效果如下圖所示。3.1.2調(diào)整漸變色1.漸變變形工具對不不同類型的漸變,其漸變控件所呈現(xiàn)的狀態(tài)也不同,下圖所示為填充不同漸變類型后,漸變控件的狀態(tài)。線性漸變徑向漸變3.1.2調(diào)整漸變色2.調(diào)整徑向漸變填充下面使用漸變變形工具調(diào)整花瓣圖形中的徑向漸變,其效果如下圖所示。3.1.3選擇和復(fù)制圖形1.使用選擇工具選擇圖形選擇單個圖形框選圖形選擇多個圖形在復(fù)制之前需要選擇圖形,選擇圖形的方法有多種,具體介紹如下。選擇選擇工具,直接在要選擇的圖形上單擊鼠標(biāo)左鍵,即可選擇該圖形。此時,在對象繪制模式下繪制的圖形四周將出現(xiàn)框線,;在合并模式下繪制的圖形呈矢量圖的選擇狀態(tài),以點(diǎn)的形式顯示。選擇選擇工具后,按住【Shift】鍵,依次單擊要選擇的圖形,可以選擇多個圖形。選擇選擇工具后,在舞臺中按住鼠標(biāo)左鍵不放并拖動,此時在舞臺中會出現(xiàn)一個實(shí)線框,在框內(nèi)的圖形將被選中。3.1.3選擇和復(fù)制圖形2.套索工具使用“工具”面板中的套索工具,同樣可以對圖形進(jìn)行選擇,但其選擇的方法不同。選擇套索工具后,將鼠標(biāo)指針移至舞臺中,當(dāng)其變?yōu)樾螤顣r,在圖形上單擊并拖曳鼠標(biāo),可選擇任意范圍內(nèi)的圖形。3.1.3選擇和復(fù)制圖形(1)使用選擇工具,選中花瓣圖形,按住【Alt】鍵不放并拖動,即可復(fù)制一個花瓣。(2)框選舞臺中的兩個花瓣圖形,使用相同的方法復(fù)制兩次,得到6片花瓣。3.復(fù)制花瓣圖形3.1.4旋轉(zhuǎn)和變形圖形1.旋轉(zhuǎn)圖形許多片花瓣圍繞著花心組成了一個花朵,因此需要將之前復(fù)制的花朵通過旋轉(zhuǎn)或翻轉(zhuǎn)等操作,使其圍繞一個中心點(diǎn)環(huán)繞,排列在一起。3.1.4旋轉(zhuǎn)和變形圖形2.變形圖形組合好花朵后,需要對其進(jìn)行一些變形,使每一片花瓣都有一些變化,這里使用任意變形工具對圖形進(jìn)行變形和調(diào)整。行業(yè)提示:繪制和調(diào)整圖形的注意事項(xiàng)①由于視覺的關(guān)系,人眼在看同樣寬窄的道路或同樣大小的樹木等物體時,越遠(yuǎn)的越窄、越遠(yuǎn)的越小。這是一種透視現(xiàn)象。因此在繪制和調(diào)整圖形時,應(yīng)注意圖形的透視效果,遵循近大遠(yuǎn)小,近實(shí)遠(yuǎn)虛的規(guī)律,使圖形看起來更自然。②在繪制形狀類似的圖形時,需要對相似的部分進(jìn)行調(diào)整,使其富于變化。3.1課堂案例:繪制花朵3.2課堂案例:制作新年場景內(nèi)容導(dǎo)航3.2.1層疊與組合對象 3.2.2對齊圖形3.3項(xiàng)目實(shí)訓(xùn)3.4課后練習(xí)3.5技巧提升3.2.1層疊與組合對象場景中已經(jīng)導(dǎo)入好了各種新年主題的圖像,接下來需要通過層疊與組合的方式來制作一個鞭炮鏈,其操作如下。3.2.3對齊圖形組建場景有時需要對一些圖形進(jìn)行對齊,此時,可以選擇【修改】/【對齊】菜單命令進(jìn)行對齊,也可單擊“對齊”按鈕或按【Ctrl+K】組合鍵,打開“對齊”面板再進(jìn)行對齊操作,下面將對場景中的素材進(jìn)行對齊。3.1課堂案例:繪制花朵3.2課堂案例:制作新年場景內(nèi)容導(dǎo)航3.3.1制作山坡場景 3.3.2制作童趣森林動畫3.3項(xiàng)目實(shí)訓(xùn)3.4課后練習(xí)3.5技巧提升3.3.1制作山坡場景1.實(shí)訓(xùn)目標(biāo)本實(shí)訓(xùn)的目標(biāo)是制作一個山坡場景,制作時先繪制天空和云朵,使場景多元化。在繪制時應(yīng)注意景物的遠(yuǎn)近效果,天空的顏色漸變,以及各個對象的位置和大小,然后繪制山坡,以從遠(yuǎn)到進(jìn)的方式進(jìn)行繪制,最后添動物素材,使場景更具活力。本實(shí)訓(xùn)的效果如下圖所示。3.3.1制作山坡場景在制作場景類的Flash文件時,需要考慮多方面因素,包括場景中的主要物體和次要物體的表現(xiàn)形式,以及這些物體在整個場景中的的位置和大小比例。在制作山坡場景時,首先需要繪制大的背景,比如藍(lán)天、白云和山坡,然后再對場景中的動物素材進(jìn)行編輯。2.專業(yè)背景3.3.1制作山坡場景3.操作思路完成本實(shí)訓(xùn)主要包括天空和云朵的繪制、山坡的繪制和素材的添加3大步操作,其操作思路如下圖所示。3.3.2制作童趣森林動畫1.實(shí)訓(xùn)目標(biāo)本任務(wù)制作的“童趣森林”屬于為動畫布局的工作,在動畫制作中首先應(yīng)考慮如何進(jìn)行布局才能達(dá)到美觀的效果。然后根據(jù)構(gòu)思的布局進(jìn)行素材的調(diào)整,使其畫面更美觀。本實(shí)訓(xùn)完成后的參考效果如下圖所示。3.3.2制作童趣森林動畫對動畫進(jìn)行布局在很多動畫制作過程中都很適用,在制作動畫時,都將背景和主體分開,背景基本上不需要太多修改,只需要調(diào)整主體即可,對于大型動畫來說,為動畫布局一般分為兩步。首先構(gòu)思,在紙張上先將物體放置的大致位置繪制出來制作腳本,然后制作各物體再根據(jù)腳本布局動畫。2.專業(yè)背景3.3.2制作童趣森林動畫3.操作思路完成本實(shí)訓(xùn)首先應(yīng)導(dǎo)入所有的素材,然后添加背景至舞臺,最后添加并調(diào)整各個素材,這是本項(xiàng)目制作的主要部分,在制作過程中主要使用各種編輯圖形的工具,使布局更完美,其操作思路如下圖所示。3.1課堂案例:繪制花朵3.2課堂案例:制作新年場景內(nèi)容導(dǎo)航練習(xí)1:制作沙灘動畫 練習(xí)2:編輯天線屋頂動畫3.3項(xiàng)目實(shí)訓(xùn)3.4課后練習(xí)3.5技巧提升練習(xí)1:制作沙灘動畫本練習(xí)要求制作沙灘動畫,主要練習(xí)素材圖形的編輯與組合,在制作過程中繪制填充沙灘和大海,這是沙灘的主要特色,在繪制過程中需要為其填充漸變色,使畫面色彩更絢麗,最后導(dǎo)入素材并進(jìn)行組合和調(diào)整,制作后的效果如下圖所示。練習(xí)2:編輯天線屋頂動畫本次練習(xí)將編輯天線屋頂動畫,首先打開“天線屋頂”文檔,然后進(jìn)行背景的編輯,這是本練習(xí)的核心,在文檔中使用任意變形工具對背景的矩形進(jìn)行變形,再使用“變形”面板的重置選區(qū)和變形功能將變形的矩形復(fù)制并旋轉(zhuǎn)3次,并為它們設(shè)置不同的顏色。最后添加并設(shè)置文字,參考效果如下圖所示。3.1課堂案例:繪制花朵3.2課堂案例:制作新年場景內(nèi)容導(dǎo)航1.讓圖形圍繞其他位置旋轉(zhuǎn) 2.快速轉(zhuǎn)換筆觸顏色和填充顏色 3.3項(xiàng)目實(shí)訓(xùn)3.4課后練習(xí)3.5技巧提升技巧提升選擇圖形并選擇任意變形工具后,圖形的幾何中心會有一個小圓圈,對圖形進(jìn)行旋轉(zhuǎn)是以該小圓圈為中心的。因此,只需要改變該小圓圈的位置即可。用鼠標(biāo)直接拖動小圓圈就能移動小圓圈的位置,從而改變圖形中心點(diǎn)的位置。1.如何讓圖形圍繞其他位置旋轉(zhuǎn)按【Alt+Shift+F9】組合鍵或單擊“顏色”按鈕,打開“顏色”面板,在其中單擊“交換顏色”按鈕,即可將筆觸顏色和填充顏色進(jìn)行互換。在其中單擊“黑白”按鈕,還可快速將筆觸和填充顏色設(shè)置為默認(rèn)的黑白顏色。2.如何快速轉(zhuǎn)換筆觸顏色和填充顏色95Thankyou!第4章?創(chuàng)建文本FlashCS6動畫設(shè)計(jì)教程(微課版)(第3版)高等教育立體化精品系列規(guī)劃教材4.1課堂案例:制作音樂節(jié)海報4.2課堂案例:制作招聘網(wǎng)頁內(nèi)容導(dǎo)航4.1.1文本的類型4.1.2輸入文本4.1.3特殊的文本樣式行業(yè)提示:文本動畫的制作方法和應(yīng)用領(lǐng)域4.1.4編輯文本 行業(yè)提示:設(shè)計(jì)文字時的注意事項(xiàng)4.3項(xiàng)目實(shí)訓(xùn)4.4課后練習(xí)4.5技巧提升4.1.1文本的類型FlashCS6中有兩種不同的文本引擎,一種是新文本引擎——文本布局框架(TLF),另一種是老版本的文本引擎——傳統(tǒng)文本。TLF支持更多的文本布局功能,加強(qiáng)了對文本屬性的精細(xì)控制。與傳統(tǒng)文本相比,TLF文本增強(qiáng)了許多文本控制功能。4.1.2輸入文本在“屬性”面板的標(biāo)題欄上,單擊右上角的屬性按鈕,在打開的下拉菜單中選擇需要顯示的選項(xiàng),使選項(xiàng)前出現(xiàn)勾標(biāo)記即可。在工具欄中單擊“文本工具”按鈕,將鼠標(biāo)指針移至舞臺中,此時鼠標(biāo)指針變?yōu)槭中螤?,按住鼠?biāo)左鍵不放并拖曳,繪制一個文本框,并在文本框中輸入文本即可。4.1.3特殊的文本樣式在Flash中,文字不但能夠進(jìn)行橫排,還能進(jìn)行豎排,豎排文本樣式經(jīng)常在各種Flash動畫中出現(xiàn)。使用豎排文本的方法為:選擇文字工具,在“屬性”面板的“改變文本方向”下拉列表框中選擇“垂直”選項(xiàng)。最后在舞臺中輸入文本,輸入的文本將會豎排顯示。1.豎排文本樣式4.1.3特殊的文本樣式為了使動畫中的文字看起來更具有變化,有時用戶可在動畫中使用分欄文本。其方法為:輸入文本后,使用文本工具選擇所有的文本。在“屬性”面板中設(shè)置“文本引擎”為“TLF文本”。在“容器和流”欄的“列”中設(shè)置“列”為“2、20.0”,完成后即可看到舞臺中的文本已被分為了雙欄。2.分欄文本樣式4.1.3特殊的文本樣式在“屬性”面板中設(shè)置“文字引擎”為“TLF文本”,再設(shè)置“文本類型”為“輸入文本”或“可編輯”文本類型,選擇為“輸入文本”時可輸入文本。若是制作輸入密碼的文本框時,則在“行為”下拉列表框中選擇“密碼”選項(xiàng),然后再在舞臺中繪制文本框。當(dāng)Flash文檔完成并發(fā)布后,用戶可在所設(shè)置的區(qū)域中進(jìn)行文本和密碼的輸入。3.制作可編輯輸入的文字4.1.3特殊的文本樣式選擇文字,選擇【修改】/【分離】菜單命令,或按【Ctrl+B】組合鍵,可將文字分離為單個的對象,再按【Ctrl+B】組合鍵,將文本分離為矢量圖形。如果不再單獨(dú)對文本進(jìn)行分離操作,需選擇輸入的文本,選擇【修改】/【時間軸】/【分散到圖層】菜單命令,可將輸入的文本一次分散到各個圖層中。4.分離傳統(tǒng)文字行業(yè)提示:文本動畫的制作方法和應(yīng)用領(lǐng)域使用Flash制作動態(tài)文字,可利用發(fā)散動畫文字、關(guān)鍵幀等方法實(shí)現(xiàn),如制作的飛行文字或彈跳之類的文字效果,動態(tài)文字比傳統(tǒng)文字更具吸引力,常用于企業(yè)標(biāo)志、游戲界面等多個領(lǐng)域。4.1.4編輯文本1.設(shè)置元件屬性在進(jìn)行制作前需要先創(chuàng)建文檔,導(dǎo)入素材,然后創(chuàng)建元件并對元件屬性進(jìn)行設(shè)置。4.1.4編輯文本2.輸入并設(shè)置文本下面進(jìn)行文本的輸入,然后對字符樣式和段落樣式進(jìn)行設(shè)置,再使用文本工具添加文字。行業(yè)提示:設(shè)計(jì)文字時的注意事項(xiàng)①避免雜亂無章,讓人容易識別,了解文字的意圖;②在不同類型的文件中,應(yīng)使用符合主題風(fēng)格的字體,清晰的字體更能表達(dá)訴求。多行文字的行間距不能大于文字的高度,否則看起來會很松散;③文字的位置和大小應(yīng)當(dāng)符合整體的需求,分清畫面主次,不能有視覺上的沖突,若不是網(wǎng)頁地址等內(nèi)容,不要將文字放在畫面的邊角上。4.1課堂案例:制作音樂節(jié)海報4.2課堂案例:制作招聘網(wǎng)頁內(nèi)容導(dǎo)航4.2.1設(shè)置文本框4.2.2設(shè)置濾鏡4.3項(xiàng)目實(shí)訓(xùn)4.4課后練習(xí)4.5技巧提升4.2.1設(shè)置文本框在“屬性”面板的“容器和流”欄中調(diào)節(jié)相關(guān)參數(shù),可對文本框進(jìn)行設(shè)置,如填充背景等。下面對招聘網(wǎng)頁中的文本框添加背景。4.2.2設(shè)置濾鏡(1)選中作為logo的“BR”文本,在“屬性”面板的“濾鏡”欄中單擊“添加濾鏡”按鈕,在打開的下拉列表中選擇“投影”選項(xiàng)。(2)在“濾鏡”欄中設(shè)置“投影”濾鏡的參數(shù),設(shè)置“模糊X”和“模糊Y”均為“5像素”。(3)單擊“品質(zhì)”右側(cè)的下拉按鈕,在打開的下拉列表中選擇“高”選項(xiàng),將投影的“角度”設(shè)置為“30°”,投影的“距離”設(shè)置為“1像素”。1.投影濾鏡4.2.2設(shè)置濾鏡(1)保持“BR”文本的選中狀態(tài),在“濾鏡”欄中單擊“添加濾鏡”按鈕,在打開的下拉列表中選擇“發(fā)光”選項(xiàng)。(2)在“發(fā)光”參數(shù)欄中設(shè)置“強(qiáng)度”為“80%”,將“品質(zhì)”設(shè)置為“高”,設(shè)置發(fā)光“顏色”為綠色“#00FF00”。2.發(fā)光濾鏡4.2.2設(shè)置濾鏡(1)在“濾鏡”欄中單擊“添加濾鏡”按鈕,在打開的下拉列表中選擇“發(fā)光”選項(xiàng)。(2)在“斜角”參數(shù)欄中設(shè)置“模糊X”和“模糊Y”均為“3像素”,將“強(qiáng)度”設(shè)置為“67%”,將“品質(zhì)”設(shè)置為“高”。(3)單擊“加亮顯示”右側(cè)的色塊,在彈出的顏色面板中選擇黃色“#FFFF00”,再設(shè)置“類型”為“內(nèi)側(cè)”。3.斜角濾鏡4.2.2設(shè)置濾鏡(1)依次單擊“投影”“發(fā)光”和“斜角”參數(shù)欄前的按鈕,折疊這3個參數(shù)欄。單擊“添加濾鏡”按鈕,在打開的下拉列表中選擇“調(diào)整顏色”選項(xiàng)。(2)在“調(diào)整顏色”參數(shù)欄中設(shè)置“飽和度”為“12”,“色相”為“-48”。4.調(diào)整顏色4.2.2設(shè)置濾鏡5.模糊濾鏡在FlashCS6中還可對對象設(shè)置模糊效果,該效果在文字動畫中也經(jīng)常涉及,模糊濾鏡中的參數(shù)較少。在所有濾鏡的參數(shù)面板中都有一個“品質(zhì)”選項(xiàng),這是為了方便制作動畫而設(shè)立的,若不需要為文本添加動畫效果,可選擇“高”選項(xiàng);若添加了動畫效果,則建議選擇“低”選項(xiàng)。4.2.2設(shè)置濾鏡6.編輯濾鏡“啟用或禁用濾鏡”按鈕“刪除濾鏡”按鈕“重置濾鏡”按鈕使用“濾鏡”欄下的其他按鈕,還可對添加的濾鏡效果進(jìn)行操作復(fù)制和粘貼等操作。單擊選中添加的濾鏡效果標(biāo)題欄,此時,該按鈕變?yōu)榭蛇x狀態(tài),單擊該按鈕,被選中的濾鏡參數(shù)欄被折疊。選中濾鏡效果,再單擊該按鈕,可將選中濾鏡效果中的參數(shù)重置為默認(rèn)的參數(shù)。選中添加的濾鏡,單擊該按鈕,可將選中的濾鏡刪除?!凹糍N板”按鈕單擊該按鈕,在彈出的菜單中可復(fù)制濾鏡效果,并可將復(fù)制后的效果粘貼到其他需要設(shè)置相應(yīng)效果的對象中。4.1課堂案例:制作音樂節(jié)海報4.2課堂案例:制作招聘網(wǎng)頁內(nèi)容導(dǎo)航4.3.1制作名片4.3.2制作服裝品牌介紹頁面4.3項(xiàng)目實(shí)訓(xùn)4.4課后練習(xí)4.5技巧提升4.3.1制作名片1.實(shí)訓(xùn)目標(biāo)本實(shí)訓(xùn)將制作一張名片,因?yàn)橐呀?jīng)制作好名片的背景,所以制作時應(yīng)注意名片背景與文字顏色之間的對比,保持整體的風(fēng)格,名片中應(yīng)該有名稱、電話、地址、公司名稱等信息,因此,首先應(yīng)輸入文字,然后設(shè)置文字的樣式,文字在名片中占的比例、文字的大小,以及文字與名片邊線的距離等。本實(shí)訓(xùn)的效果如下圖所示。4.3.1制作名片設(shè)計(jì)名片首先必須了解名片的尺寸,一般長為85.60毫米、寬為53.98毫米、厚為1毫米,該尺寸大小是由ISO7810定義,且名片一般為圓角矩形。為了方便設(shè)計(jì)與制作,大部分名片設(shè)計(jì)時,都設(shè)為成品尺寸長85厘米、高55厘米,或長86厘米、高54厘米。由于在Flash中繪制的是矢量圖形,因此只需比例正確即可。了解關(guān)于卡片設(shè)計(jì)的相關(guān)專業(yè)知識后便可開始設(shè)計(jì)與制作。2.專業(yè)背景4.3.1制作名片3.操作思路完成本實(shí)訓(xùn)主要包括添加背景的大體文字,公司名稱、地址和電話,以及姓名和職位3大步操作,其操作思路如下圖所示。4.3.2制作服裝品牌介紹頁面要完成本任務(wù),首先應(yīng)添加背景圖片,若只使用文字進(jìn)行制作,畫面將顯得單調(diào),然后輸入文本,設(shè)置文字的樣式和段落格式,因?yàn)槠放平榻B主要還是以文字來表達(dá)主題,但服裝品牌介紹頁面的內(nèi)容太多,一頁不能全部現(xiàn)實(shí),因此需要將文本設(shè)置為動態(tài)文本,單擊動畫中的文字并滾動鼠標(biāo)中間的滾輪,將滾動顯示文字。本實(shí)訓(xùn)完成后的參考效果如下圖所示。4.3.2制作服裝品牌介紹頁面本例制作的“服裝品牌介紹頁面”屬于網(wǎng)頁設(shè)計(jì)中企業(yè)文化的一種,很多企業(yè)的網(wǎng)站上都會有關(guān)于企業(yè)自身的文化介紹。在企業(yè)網(wǎng)站上添加企業(yè)文化介紹不但能豐富、補(bǔ)充企業(yè)信息,同時還能對用戶樹立品牌形象、建立品牌忠誠度有很大的作用。2.專業(yè)背景4.3.2制作服裝品牌介紹頁面3.操作思路完成本實(shí)訓(xùn)首先應(yīng)導(dǎo)入圖片素材,然后添加背景至舞臺,然后調(diào)整素材的大小和位置。然后輸入文字,并設(shè)置文字的段落格式,這是本任務(wù)的主要部分,文字是品牌介紹的重點(diǎn),最后調(diào)整文本框大小,其操作思路如下圖所示。4.1課堂案例:制作音樂節(jié)海報4.2課堂案例:制作招聘網(wǎng)頁內(nèi)容導(dǎo)航練習(xí)1:文字片頭練習(xí)2:制作海之歌動畫4.3項(xiàng)目實(shí)訓(xùn)4.4課后練習(xí)4.5技巧提升練習(xí)1:文字片頭本練習(xí)要求制作一個文字片頭,首先應(yīng)繪制背景,并為其填充漸變色,使顏色更豐富,然后輸入文字。因?yàn)槭侵谱魑淖制^,所以文字是主要內(nèi)容,在制作時應(yīng)將文字的字號設(shè)置得稍大,使其具有沖擊力,再為文字添加濾鏡,制作后的效果如右圖所示。練習(xí)2:制作海之歌動畫本次練習(xí)將制作海之歌動畫,若單純以文字來展示,將很難展示海的效果,因此首先將導(dǎo)入素材,以圖文結(jié)合的形式來進(jìn)行展示,然后輸入文字,在對文字進(jìn)行設(shè)置,然后對輸入的整段文字進(jìn)行設(shè)置,使其更加美觀,參考效果如右圖所示。4.1課堂案例:制作音樂節(jié)海報4.2課堂案例:制作招聘網(wǎng)頁內(nèi)容導(dǎo)航1.什么是TLF文本2.制作字幕3.如何顯示字體的中文名稱和字體效果4.3項(xiàng)目實(shí)訓(xùn)4.4課后練習(xí)4.5技巧提升技巧提升傳統(tǒng)文本是早期使用的一種文本引擎,只能有簡單的文本效果。而新的TLF文本引擎則可以實(shí)現(xiàn)更加豐富的布局功能和對文字屬性進(jìn)行精確設(shè)置。與傳統(tǒng)文本相比TLF文本能設(shè)置更多的字符樣式、段落樣式。此外,TLF文本可以在多個文本容器中實(shí)現(xiàn)文本串聯(lián)。TLF文本能直接使用3D效果、色彩效果和混合模式等,而不用將文本先存放在影片剪輯中再進(jìn)行編輯。1.什么是TLF文本技巧提升用戶在制作一些視頻動畫時,可能會為了劇情需要而對動畫添加字幕,但使用Flash添加字幕耗時耗力,效率低下。此時用戶不妨使用一些專用為視頻添加字幕的軟件,如SubtitleWorkshop、Timemachine等。2.制作字幕1.選擇【編輯】/【首選參數(shù)】菜單命令打開“首選參數(shù)”對話框。2.在左側(cè)的“類別”列表框中選擇“文本”選項(xiàng)。3.在右側(cè)取消選中“以英文顯示字體名稱”復(fù)選框即可恢復(fù)顯示字體的中文名稱;選中“顯示字體”預(yù)覽復(fù)選框,即可恢復(fù)顯示字體效果。3.如何顯示字體的中文名稱和字體效果130Thankyou!第5章?使用素材和元件FlashCS6動畫設(shè)計(jì)教程(微課版)(第3版)高等教育立體化精品系列規(guī)劃教材5.1課堂案例:制作“郊外”場景5.2課堂案例:制作卡通跳躍動畫內(nèi)容導(dǎo)航5.1.1認(rèn)識元件 5.1.2圖形元件與影片剪輯元件的異同5.1.3創(chuàng)建元件5.1.4元件的編輯操作5.1.5認(rèn)識“庫”面板5.1.6導(dǎo)入位圖 5.1.7導(dǎo)入PSD文件5.1.8導(dǎo)入AI文件5.1.9將位圖轉(zhuǎn)換為矢量圖5.1.10Flash支持的文件格式行業(yè)提示:導(dǎo)入其他類型的文件的注意事項(xiàng)5.3項(xiàng)目實(shí)訓(xùn)5.4課后練習(xí)5.5技巧提升5.1.1認(rèn)識元件影片剪輯元件圖形元件按鈕元件元件的類型影片剪輯擁有獨(dú)立于主時間軸的多幀時間軸,在其中可包含交互組件、圖形、聲音或其他影片剪輯實(shí)例。圖形元件是制作動畫的基本元素之一,用于創(chuàng)建可反復(fù)使用的圖形或連接到主時間軸的動畫片段,可以是靜止的圖片或由多個幀組成的動畫。在按鈕元件中可創(chuàng)建用于響應(yīng)鼠標(biāo)單擊、滑過或其他動作的交互式按鈕,包含彈起、指針經(jīng)過、按下和點(diǎn)擊4種狀態(tài)。5.1.2圖形元件與影片剪輯元件的異同圖形元件與影片剪輯元件不僅在制作的過程中看起來非常相似,并且在實(shí)際使用時,也有諸多相似的地方,但這兩個元件是完全不同的元件類型,其異同點(diǎn)如下。相同點(diǎn):圖形元件和影片剪輯元件都可以保存圖形和動畫,并可以嵌套圖形或動畫片段。不同點(diǎn):圖形元件比影片剪輯元件小;圖形中的動畫必須依賴于主場景中的時間幀同步運(yùn)行,而影片剪輯則可以獨(dú)立運(yùn)行;交互式控件和聲音在圖形元件中不起作用,在影片剪輯中則起作用;可以將影片剪輯實(shí)例放在按鈕元件的時間軸內(nèi),以創(chuàng)建動畫按鈕,而圖形元件則不行;影片剪輯可以定義實(shí)例名稱,可以使用ActionScript對影片剪輯進(jìn)行調(diào)用或改編,而圖形元件則不能。5.1.3創(chuàng)建元件在Flash中可將舞臺中的圖形轉(zhuǎn)換為元件,也可先創(chuàng)建一個元件,并在元件中繪制對象,下面講解如何創(chuàng)建元件。5.1.4元件的編輯操作在創(chuàng)建了元件之后,除了可以修改元件的類型外,還能對元件的內(nèi)容進(jìn)行編輯,如替換其中的圖像或添加其他的圖像或動畫等。直接編輯:選擇“庫”面板中的元件,單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“編輯”命令,即可在打開的窗口中對元件進(jìn)行編輯。在當(dāng)前位置編輯:如果將創(chuàng)建的元件使用于場景中,則可在場景中使用鼠標(biāo)左鍵雙擊該元件,或在該元件上單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“在當(dāng)前位置編輯”命令,即可在場景的當(dāng)前位置進(jìn)行編輯。1.編輯元件5.1.4元件的編輯操作交換元件是指將元件應(yīng)用于場景后,將場景中的元件實(shí)例通過交換元件的方式,替換為其他的元件,其方法是:選擇元件,單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“交換原件”命令,打開“交換元件”對話框,然后在其中選擇其他的元件,最后單擊“確定”按鈕,完成元件的交換。2.交換元件5.1.4元件的編輯操作選擇一個元件,打開“屬性”面板,在“色彩效果”欄的“樣式”下拉列表框中選擇一個選項(xiàng),然后拖動其選項(xiàng)的滑塊,設(shè)置其對相應(yīng)的參數(shù)即可。3.設(shè)置元件的色彩效果5.1.4元件的編輯操作混合也是元件實(shí)例的一種屬性,混合模式是一種復(fù)合對象,通常用于兩個或兩個以上的對象在重疊時所呈現(xiàn)的效果。選擇實(shí)例后,在“屬性”面板的“顯示”欄中,通過選擇“混合”下拉列表框中不同的選項(xiàng)便可實(shí)現(xiàn),并且這個過程不需要設(shè)置數(shù)值。在“混合”下拉列表框中包含了多種不同的混合模式。4.設(shè)置混合模式5.1.5認(rèn)識“庫”面板在FlashCS6中,“庫”面板主要用于存放從外部導(dǎo)入的素材和管理儲存元件,當(dāng)需要某個素材或元件時,可直接從“庫”面板中調(diào)用。選擇【窗口】/【庫】菜單命令,按【Ctrl+L】鍵或按【F11】鍵均可打開“庫”面板。5.1.6導(dǎo)入位圖在FlashCS6中還可導(dǎo)入外部的圖片文件,從而節(jié)省文檔制作的時間,下面講解如何在Flash中導(dǎo)入和使用位圖。5.1.7導(dǎo)入PSD文件選擇【編輯】/【首選參數(shù)】菜單命令,打開“首選參數(shù)”對話框,在“類別”列表框中選擇“PSD文件導(dǎo)入器”選項(xiàng),在其右側(cè)的“常規(guī)”面板中可設(shè)置PSD文件導(dǎo)入到Flash的方式,包括指定導(dǎo)入的PSD文件中的對象,或?qū)⑽募D(zhuǎn)換為影片剪輯元件等。1.首選參數(shù)5.1.7導(dǎo)入PSD文件2.導(dǎo)入文件下面在Flash中導(dǎo)入已制作好的PSD文件。5.1.8導(dǎo)入AI文件在Flash中除了可導(dǎo)入PSD文件,還可導(dǎo)入AI文件。在FlashCS6的首選參數(shù)中不僅包含“PSD文件導(dǎo)入器”,還包含“AI文件導(dǎo)入器”,其作用同PSD的導(dǎo)入器相同,用于指定AI文件導(dǎo)入到Flash中的方式。下面在文檔中導(dǎo)入AI素材文件。5.1.9將位圖轉(zhuǎn)換為矢量圖有些位圖在導(dǎo)入Flash后,進(jìn)行大幅度的放大操作將出現(xiàn)鋸齒現(xiàn)象,影響文檔的整體效果。Flash提供了將位圖轉(zhuǎn)換為矢量圖的功能,方便對圖形進(jìn)行更改。下面在Flash中導(dǎo)入位圖,并將其轉(zhuǎn)換為矢量圖。5.1.10Flash支持的文件格式不同的應(yīng)用程序創(chuàng)建的文件格式也不同,不同的文件格式通過不同的擴(kuò)展名來區(qū)分,如BMP、TIFF、JPG和EPS等,這些擴(kuò)展名會在文件以相應(yīng)格式存儲時自動出現(xiàn)在文件名后。Flash中常用的文件格式有以下9種。FLA格式PSD格式BMP格式EPS格式PNG格式SWF格式AI格式GIF格式JPG格式行業(yè)提示:導(dǎo)入其他類型的文件的注意事項(xiàng)①為了將PSD或AI中的高斯模糊、內(nèi)發(fā)光等特效保留為可編輯的Flash濾鏡,應(yīng)將這些特效的對象導(dǎo)入為影片剪輯元件,否則Flash會出現(xiàn)不兼容警告,并建議將該對象導(dǎo)入為影片剪輯元件;②由于Flash只支持RGB顏色,若導(dǎo)入的文件使用的是CMYK顏色,則會出現(xiàn)不兼容性報告,在此狀態(tài)下導(dǎo)入的文件將以RGB顏色顯示,讀者也可在Illustrator中將文件的顏色更改為RGB后再導(dǎo)入。5.1課堂案例:制作“郊外”場景5.2課堂案例:制作卡通跳躍動畫內(nèi)容導(dǎo)航5.2.1編輯實(shí)例 5.2.2制作跳躍動畫5.3項(xiàng)目實(shí)訓(xùn)5.4課后練習(xí)5.5技巧提升5.2.1編輯實(shí)例要編輯實(shí)例必須先打開,打開實(shí)例的方法很簡單。用戶只需在“庫”面板中雙擊需要編輯的實(shí)例,即可打開與之對應(yīng)的元件編輯窗口。1.打開實(shí)例設(shè)置元件位置:可以在舞臺上拖動實(shí)例定義其位置,也可以在“屬性”面板中精確定義實(shí)例的位置。設(shè)置元件大小:可以在舞臺上拖動實(shí)例邊緣定義其大小,也可以在“屬性”面板中精確定義實(shí)例的寬、高。2.將動畫文檔設(shè)置為模板文件5.2.1編輯實(shí)例在舞臺上選擇圖形實(shí)例,在“屬性”面板的“循環(huán)”欄的“選項(xiàng)”下拉列表框中可選擇循環(huán)方式。3.循環(huán)循環(huán)播放一次單幀循環(huán)用于按照當(dāng)前實(shí)例占用的幀數(shù)來循環(huán)包含在該實(shí)例中的所有動畫序列,直到主時間軸播放到最后1幀。播放一次用于控制從指定幀開始播放動畫序列直到動畫結(jié)束,然后停止??梢栽谖谋究蛑休斎霐?shù)字指定動畫從第幾幀開始播放。單幀用于控制顯示動畫序列中指定的某一幀,在該模式下相當(dāng)于靜態(tài)圖形元件。5.2.1編輯實(shí)例通過“庫”面板:在“庫”面板中選擇需要復(fù)制的元件名稱,單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“直接復(fù)制”命令。通過菜單命令:在舞臺中選擇需要復(fù)制的元件,選擇【修改】/【元件】/【直接復(fù)制元件】菜單命令。4.復(fù)制元件實(shí)例5.2.1編輯實(shí)例通過“屬性”面板更改:在舞臺上選擇實(shí)例,“屬性”面板中的“實(shí)例行為”下拉列表框中選擇更改元件類型。通過“庫”面板更改:在“庫”面板中選擇元件,單擊左下角的按鈕,在打開的“元件屬性”對話框中更改元件類型。5.更改元件類型5.2.2制作跳躍動畫下面將導(dǎo)入素材,然后轉(zhuǎn)換為元件并制作跳躍效果。5.1課堂案例:制作“郊外”場景5.2課堂案例:制作卡通跳躍動畫內(nèi)容導(dǎo)航5.3.1合成“蘑菇森林”場景5.3.2制作度假村海報5.3項(xiàng)目實(shí)訓(xùn)5.4課后練習(xí)5.5技巧提升5.3.1合成“蘑菇森林”場景1.實(shí)訓(xùn)目標(biāo)本實(shí)訓(xùn)的目標(biāo)是合成“蘑菇森林”場景,合成就是將很多素材組合到一起構(gòu)成一幅新的作品,在合成過程中最先做的應(yīng)該是添加背景,確定了背景后,再根據(jù)背景來添加素材,主運(yùn)用的知識是添加各種素材的方法,即將不同的素材格式導(dǎo)入到庫中的方法,然后根據(jù)場景來對素材進(jìn)行組合,本實(shí)訓(xùn)完成后的效果如下圖所示。5.3.1合成“蘑菇森林”場景在動畫設(shè)計(jì)中經(jīng)常需要設(shè)計(jì)場景,每一幅場景的繪制都需要注意到多方面的問題,比如近景、遠(yuǎn)景、景物的層疊、光線的明暗,以及畫面的整體協(xié)調(diào)性。由于Flash不是專業(yè)的繪圖軟件,在繪制圖形方面要比Photoshop等其他繪圖軟件略遜一籌,因此在使用Flash制作視頻短片等文件時,經(jīng)常需要在其他軟件中將需要的效果繪制完成后,再導(dǎo)入Flash的“庫”面板中進(jìn)行使用。2.專業(yè)背景5.3.1合成“蘑菇森林”場景3.操作思路完成本實(shí)訓(xùn)主要包括導(dǎo)入外部的素材文件、在舞臺中編輯素材文件和組合調(diào)整添加的素材文件3大步操作,其操作思路如下圖所示。5.3.2制作度假村海報本任務(wù)將制作度假村海報,海報需要以文字和圖片來表達(dá)其主題,首先將導(dǎo)入素材,素材是海報的主要部分,在制作時,需要注意其擺放的位置和大小,然后輸入文字,為文字設(shè)置樣式和濾鏡等效果,使海報更具吸引力。本實(shí)訓(xùn)完成后的參考效果如右圖所示。1.實(shí)訓(xùn)目標(biāo)5.3.2制作度假村海報海報是廣告的一種,海報同廣告一樣是指向廣大群眾報道或介紹一些需要傳播的內(nèi)容,具有向群眾介紹某一物體和事件的特性。海報具有以下特點(diǎn)。宣傳性:海報是廣告的一種。有的海報加入美術(shù)設(shè)計(jì),以吸引更多的人加入活動。海報可以在媒體上刊登、播放,但大部分是張貼于人們易見到的地方,其廣告的色彩性極其濃厚。

商業(yè)性:海報是為某項(xiàng)活動作的前期廣告和宣傳,其目的是讓人們參與其中,演出類海報占海報中的大部分,而演出類廣告又往往著眼于商業(yè)性目的。當(dāng)然,學(xué)術(shù)報告類的海報一般是不具有商業(yè)性的。2.專業(yè)背景5.3.2制作度假村海報3.操作思路完成本實(shí)訓(xùn)首先應(yīng)導(dǎo)入素材,然后將素材拖動至舞臺中,再輸入文字,為文字設(shè)置樣式,然后為素材和文字添加濾鏡,其操作思路如下圖所示。5.1課堂案例:合成“郊外”場景5.2課堂案例:制作卡通跳躍動畫內(nèi)容導(dǎo)航練習(xí)1:制作荷塘動畫練習(xí)2:制作風(fēng)箏飛舞動畫5.3項(xiàng)目實(shí)訓(xùn)5.4課后練習(xí)5.5技巧提升練習(xí)1:制作荷塘動畫本練習(xí)要求制作荷塘動畫,首先添加素材,因?yàn)橥ㄟ^素材才能體現(xiàn)荷塘的主題,荷塘是具有詩意的畫面,因此,在制作時,可使用文本工具輸入描寫荷花的詩,以文本和素材的結(jié)合的方式,使畫面更加富有韻味,制作后的效果如下圖所示。練習(xí)2:制作風(fēng)箏飛舞動畫本練習(xí)要求制作風(fēng)箏在空中飛舞的動畫,即風(fēng)箏在空中進(jìn)行來回飛舞的效果,參考效果如右圖所示。5.1課堂案例:合成“郊外”場景5.2課堂案例:制作卡通跳躍動畫內(nèi)容導(dǎo)航1.如何使用位圖填充圖形2.如何對圖片素材進(jìn)行編輯5.3項(xiàng)目實(shí)訓(xùn)5.4課后練習(xí)5.5技巧提升技巧提升1.如何使用位圖填充圖形將位圖文件導(dǎo)入到Flash的“庫”面板中,并將其拖曳到舞臺中。使用選擇工具選中舞臺中的位圖文件,按【Ctrl+B】組合鍵將其分離。使用橢圓工具,在舞臺空白處繪制一個橢圓形。在工具箱中選擇滴管工具,將鼠標(biāo)指針移至打散的位圖上,當(dāng)其變?yōu)樾螤顣r,在打散的位圖上單擊鼠標(biāo)左鍵汲取位圖。在繪制的圓形上單擊鼠標(biāo)左鍵即可填充位圖。技巧提升如果需要對位圖素材進(jìn)行編輯,可以在“庫”面板中或場景中選擇位圖素材,然后單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“使用AdobePhotoshopCS6編輯”命令,即可啟動Photoshop,并打開所選擇的位圖圖像。當(dāng)在Photoshop中對位圖編輯完成后,直接保存該位圖,F(xiàn)lash中所對應(yīng)的位圖也會隨之改變。2.如何對圖片素材進(jìn)行編輯168Thankyou!第6章?制作基礎(chǔ)動畫FlashCS6動畫設(shè)計(jì)教程(微課版)(第3版)高等教育立體化精品系列規(guī)劃教材6.1課堂案例:制作“開花”逐幀動畫6.2課堂案例:制作“跳動的小球”片頭補(bǔ)間動畫內(nèi)容導(dǎo)航6.1.1認(rèn)識時間軸中的圖層6.1.2認(rèn)識時間軸中的幀 6.1.3制作逐幀動畫6.3項(xiàng)目實(shí)訓(xùn)6.4課后練習(xí)6.5技巧提升6.1.1認(rèn)識時間軸中的圖層1.圖層區(qū)把動畫元素分散到不同的圖層中,然后對各個圖層中的元素進(jìn)行編輯和管理,可有效地提高工作效率。圖層區(qū)6.1.1認(rèn)識時間軸中的圖層在FlashCS6中,根據(jù)圖層的功能和用途,可將圖層分為普通圖層、引導(dǎo)層、遮罩層和被遮罩層4種。2.圖層的類型普通圖層遮罩層普通圖層是FlashCS6中最常見的圖層,主要用于放置動畫中所需的動畫元素。在引導(dǎo)層中可繪制動畫對象的運(yùn)動路徑,然后在引導(dǎo)層與普通圖層建立鏈接關(guān)系,使普通圖層中的動畫對象可沿著路徑運(yùn)動。遮罩層是Flash中的一種特殊圖層,用戶可在遮罩層中繪制任意形狀的圖形或創(chuàng)建動畫,實(shí)現(xiàn)特定的遮罩效果。被遮罩層圖層的類型被遮罩層通常位于遮罩層下方,主要用于放置需要被遮罩層遮罩的圖形或動畫。6.1.2認(rèn)識時間軸中的幀1.幀區(qū)域在時間軸的幀區(qū)域中,同樣包含可對幀進(jìn)行編輯的按鈕。幀區(qū)域6.1.2認(rèn)識時間軸中的幀在FlashCS6中,根據(jù)幀的不同功能和含義可將幀分為空白關(guān)鍵幀、關(guān)鍵幀和普通幀3種。2.幀的類型關(guān)鍵幀空白關(guān)鍵幀關(guān)鍵幀在時間軸中是以一個黑色實(shí)心圓表示,用于放置動畫中發(fā)生了運(yùn)動或產(chǎn)生了變化的對象物體。空白關(guān)鍵幀在時間軸中是以一個空心圓表示,該關(guān)鍵幀中沒有任何內(nèi)容,主要用于結(jié)束前一個關(guān)鍵幀的內(nèi)容或用于分隔兩個相連的補(bǔ)間動畫,常用于制作物體消失的動畫。普通幀幀的類型普通幀在時間軸中是以一個灰色方塊表示,其通常處于關(guān)鍵幀的后方,作為關(guān)鍵幀之間的過渡,或用于延長關(guān)鍵幀中動畫的播放時間。6.1.3制作逐幀動畫在時間軸上具有逐幀變化圖像的動畫稱為逐幀動畫,它由一幀一幀的圖像組合而成,可以靈活地表現(xiàn)豐富多變的動畫效果,但逐幀動畫需要一幀一幀地去制作,因此會占用相當(dāng)長的制作時間。逐幀動畫中的每一幀都是關(guān)鍵幀,下面在Flash中導(dǎo)入圖像序列素材制作花開的逐幀動畫。6.1課堂案例:制作“開花”逐幀動畫6.2課堂案例:制作“跳動的小球”片頭補(bǔ)間動畫內(nèi)容導(dǎo)航6.2.1制作動作補(bǔ)間動畫 6.2.2制作形狀補(bǔ)間動畫 6.2.3制作傳統(tǒng)補(bǔ)間動畫 行業(yè)提示:制作動畫時的注意事項(xiàng)6.3項(xiàng)目實(shí)訓(xùn)6.4課后練習(xí)6.5技巧提升6.2.1制作動作補(bǔ)間動畫動作補(bǔ)間動畫可以使對象發(fā)生位置移動、縮放、旋轉(zhuǎn)和顏色漸變等變化。這種動畫只適用于文字、位圖和實(shí)例中,被打散的對象不能產(chǎn)生動作漸變,除非將它們轉(zhuǎn)換為元件或組合。6.2.2制作形狀補(bǔ)間動畫形狀補(bǔ)間動畫指的是變形動畫,指動畫對象的形狀逐漸發(fā)生變化。在Flash中圖形的變形制作較為簡單,只需確定變形前的形狀和變形后的形狀,再添加形狀補(bǔ)間動畫即可。①②③④⑤⑥6.2.3制作傳統(tǒng)補(bǔ)間動畫“傳統(tǒng)補(bǔ)間”與“補(bǔ)間動畫”的區(qū)別在于:“傳統(tǒng)補(bǔ)間”需要先在開始幀和結(jié)束幀中放入同一動畫對象,才能選擇插入傳統(tǒng)補(bǔ)間的命令;而“補(bǔ)間動畫”則只需要在開始幀中放入動畫對象,并定義結(jié)束幀,即可選擇插入補(bǔ)間動畫的命令,并且補(bǔ)間動畫中還可控制對象的動作路徑。行業(yè)提示:制作動畫時的注意事項(xiàng)①不同的動畫對象最好放置在不同的圖層中進(jìn)行設(shè)置,以免編輯混亂;②制作物體運(yùn)動的動畫時,應(yīng)注意物體的運(yùn)動規(guī)律包括時間、空間、速度,以及動畫對象彼此之間的關(guān)系來考慮動畫的制作,從而處理好動畫中對象的動作和節(jié)奏;③動畫的制作不是一蹴而就的,需要長期地觀察和積累,在制作的過程中往往需要重復(fù)地進(jìn)行測試。6.1課堂案例:制作“開花”逐幀動畫6.2課堂案例:制作“跳動的小球”片頭補(bǔ)間動畫內(nèi)容導(dǎo)航6.3.1制作飄散字效果6.3.2制作迷路的小孩6.3項(xiàng)目實(shí)訓(xùn)6.4課后練習(xí)6.5技巧提升6.3.1制作飄散字效果1.實(shí)訓(xùn)目標(biāo)本項(xiàng)目將制作文字飄散的效果,在制作時,首先將導(dǎo)入背景,再在其中輸入文字,然后將輸入的文字分離,只有將文分離后才能創(chuàng)建形狀補(bǔ)間動畫,然后插入關(guān)鍵幀,最后為了達(dá)到更好的效果,為文字添加效果,本實(shí)訓(xùn)完成后的效果如下圖所示。6.3.1制作飄散字效果隨著科學(xué)技術(shù)的發(fā)展和計(jì)算機(jī)的普及,越來越多的老師開始使用計(jì)算機(jī)軟件制作教學(xué)課件,比如Powerpoint,利用其自帶的模板,老師可快速方便地制作出色彩豐富的課件,在其中還可添加一些動作,吸引學(xué)生的注意力。但Powerpoint在播放上需要一定的技術(shù)設(shè)備的支持,而使用Flash制作的課件在輸出后即可直接在計(jì)算機(jī)中播放,且在Flash中可制作更多效果豐富的動畫,能滿足更高的要求。2.專業(yè)背景6.3.1制作飄散字效果3.操作思路完成本實(shí)訓(xùn)主要包括分離文字插入關(guān)鍵幀、添加濾鏡、設(shè)置幀速率3大步操作,其操作思路如下圖所示。6.3.2制作迷路的小孩1.實(shí)訓(xùn)目標(biāo)本任務(wù)將制作一個迷路的小孩動畫,在制作時將先導(dǎo)入圖像,然后創(chuàng)建補(bǔ)間動畫,主要設(shè)置創(chuàng)建關(guān)鍵幀、復(fù)制幀等操作,通過逐幀動畫的方式使動畫畫面更加精致。本實(shí)訓(xùn)完成后的參考效果如下圖所示。6.3.2制作迷路的小孩本例制作的“迷路的小孩”屬于逐幀動畫,逐幀動畫可以產(chǎn)生細(xì)膩的動畫效果,它是制作一些動作動畫的首選。但逐幀動畫對動畫制作成員的手繪功底以及時間都有較多要求,所以,一般在制作Flash動畫時純逐幀動畫使用的頻率很低。在一些大型的Flash動畫公司或是個人制作的Flash動畫在表現(xiàn)細(xì)膩動作場景時,才會使用一段逐幀動畫。2.專業(yè)背景6.3.2制作迷路的小孩3.操作思路完成本實(shí)訓(xùn)首先應(yīng)導(dǎo)入素材,然后將素材拖動至舞臺,插入關(guān)鍵幀,創(chuàng)建傳統(tǒng)補(bǔ)間,然復(fù)制粘貼幀,為小鹿添加補(bǔ)間動畫,其操作思路如下圖所示。6.1課堂案例:制作“開花”逐幀動畫6.2課堂案例:制作“跳動的小球”片頭補(bǔ)間動畫內(nèi)容導(dǎo)航練習(xí)1:制作籃球宣傳動畫練習(xí)2:制作宇宙動畫6.3項(xiàng)目實(shí)訓(xùn)6.4課后練習(xí)6.5技巧提升

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論