崗前培訓學習單元1-初識動畫元素課件

1、學習單元1 初識動畫元素單元學習目標單元知識準備項目1 探究動畫原理任務1 初識幀和幀頻任務2 認識管理圖層項目2 制作動畫片段任務1 認識角色元件和實例任務2 明確角色元件的種類任務3 制作動畫人物角色任務4 制作合成動畫片段單元知識總結與提煉學習單元1 初識動畫元素【單元學習目標】1了解Flash CS5軟件的界面，掌握Flash CS5界面的基本操作方法。2了解掌握新建文檔后基本環(huán)境設置。3掌握Flash CS5中各種工具和常用面板的功能及操作方法。4學會新建并保存動畫文檔。5理解動畫的基本原理和構成要素。6明確動畫元件的作用和種類。7明確Flash動畫制作的基本流程。學習單元1 初識動

2、畫元素【單元知識準備】1啟動Flash CS5（1）雙擊“桌面”軟件圖標（2）選擇“開始”“所有程序”“Adobe Flash CS5 Professional”菜單命令學習單元1 初識動畫元素【單元知識準備】2Flash CS5界面學習單元1 初識動畫元素【單元知識準備】3Flash CS5文件的基本操作學習單元1 初識動畫元素（1）新建文件（2）設置文件屬性（3）文件測試（4）保存文件（5）發(fā)布文件（6）關閉文件（7）打開文件任務1 初識幀和幀頻學習單元1 初識動畫元素 任務目標1明確幀、幀頻的含義2掌握“文本工具”、“變形面板”的使用方法3理解逐幀動畫的含義4制作Flash單圖層動畫文件

3、【項目1 探究動畫原理】任務1 初識幀和幀頻學習單元1 初識動畫元素 任務實施1選擇“文件”“新建”命令，新建一個名為“幀表情.fla”的Flash文件。2設置文檔屬性，將幀頻設置為6fps?！卷椖? 探究動畫原理】任務1 初識幀和幀頻學習單元1 初識動畫元素 任務實施3先單擊選中工具箱中的文本工具 ，輸入文本內容“清早起床”。4使用工具箱中的選擇工具 單擊選中舞臺中的文本對象，調整文本對象在舞臺上的位置。5選中第11幀，按 F7鍵插入空白關鍵幀。【項目1 探究動畫原理】任務1 初識幀和幀頻學習單元1 初識動畫元素 任務實施6選擇“文件”“導入”“導入到舞臺”命令，將圖片素材導入到舞臺中。7使

4、用選擇工具 單擊選中舞臺中的圖像對象，調整其在舞臺中的位置?！卷椖? 探究動畫原理】任務1 初識幀和幀頻學習單元1 初識動畫元素 任務實施8選中第14幀，按F6鍵插入關鍵幀。9使用選擇工具 單擊選中舞臺中的圖像對象，并按住鍵拖曳出一個圖像對象的幅本。【項目1 探究動畫原理】任務1 初識幀和幀頻學習單元1 初識動畫元素 任務實施10打開“變形”面板，先設置“約束”選項 ，然后再設置縮放比例為50%，將圖像大小縮放50%。11重復上一步的操作步驟，使用“變形”面板，依次調整圖像的縮放比例分別為50%、60%、70%、80%、90%。【項目1 探究動畫原理】任務1 初識幀和幀頻學習單元1 初識動畫元

5、素 任務實施12選中第20幀，按 F6鍵插入關鍵幀。13使用選擇工具 單擊選中舞臺最左側的圖像對象，打開“變形”面板，選擇“取消變形”按鈕 ，將圖像大小從50%恢復到初始100%狀態(tài)。14重復上一步的操作步驟，將舞臺中所有圖像的大小恢復到初始100%狀態(tài)?！卷椖? 探究動畫原理】任務1 初識幀和幀頻學習單元1 初識動畫元素 任務實施15單擊工具箱中的文本工具 ，輸入文本內容“實在很困！”。16先單擊選中工具箱中的任意變形工具 ，再單擊舞臺上的文本對象，使用任意變形工具旋轉文本對象。17選中第30幀，按 F5鍵插入普通幀，對動畫效果進行延時設置?！卷椖? 探究動畫原理】任務1 初識幀和幀頻學習單

6、元1 初識動畫元素 任務拓展【項目1 探究動畫原理】 利用提供的圖片素材，合理使用各種工具，綜合運用幀操作的相關技術，自由創(chuàng)意、設計動畫效果，繼續(xù)制作完成本任務中動畫案例“幀表情.fla”，從而讓動畫內容更加完整、動畫效果更豐富！ 任務2 認識管理圖層學習單元1 初識動畫元素 任務目標1掌握新建圖層、對圖層進行重命名的方法。2對圖層進行基本管理（隱藏、鎖定或重新排列圖層）。3使用“任意變形工具”調整動畫對象4使用“變形面板”調整動畫對象5制作Flash多圖層動畫【項目1 探究動畫原理】任務2 認識管理圖層學習單元1 初識動畫元素 任務實施1選擇“文件”“打開”命令，打開任務1中文件名為“幀表情

7、.fla”的Flash文件。2雙擊“圖層1”，輸入圖層新名稱“動畫”，對圖層進行重命名。3單擊圖層編輯區(qū)下方的“新建圖層”按鈕 ，在“動畫”圖層上方新建一個圖層。4對“圖層2”進行重命名，命名為“背景”圖層。【項目1 探究動畫原理】任務2 認識管理圖層學習單元1 初識動畫元素 任務實施5單擊選中“背景”層，按住鼠標左鍵拖動其到“動畫”層的下方。6參照“動畫”圖層中關鍵幀的位置，在“背景”圖層的相應幀上，分別按 F6鍵插入空白關鍵幀。【項目1 探究動畫原理】任務2 認識管理圖層學習單元1 初識動畫元素 任務實施7選中“背景”圖層第1幀，選擇“文件”“導入”“導入到舞臺”命令，將圖像素材導入到舞臺

8、中。使用選擇工具 、任意變形工具 調整圖像素材的位置、大小?！卷椖? 探究動畫原理】任務2 認識管理圖層學習單元1 初識動畫元素 任務實施8重復步驟7，分別在第11幀、第14幀、第20幀，導入圖像素材、調整圖像的大小、位置。9測試動畫效果?！卷椖? 探究動畫原理】任務2 認識管理圖層學習單元1 初識動畫元素 任務拓展【項目1 探究動畫原理】 利用提供的圖片素材合理使用各種工具，綜合運用幀操作、圖層操作的相關技術，為動畫案例“幀表情.fla”添加動畫片頭、動畫片尾。任務1 認識角色元件和實例學習單元1 初識動畫元素 任務目標1明確角色元件的含義2明確角色元件和實例的關系3明確“庫”的作用【項目2

9、 制作動畫片段】任務1 認識角色元件和實例學習單元1 初識動畫元素 任務實施1新建一個Flash CS5文件，命名為“按鈕.fla”。2選擇“窗口”“公共庫”“按鈕”命令，彈出“庫”面板。3在“庫”面板中選中“buttons bar crapped”文件夾下的按鈕文件“bar crapped blue”，將其拖曳到場景中，即在場景中創(chuàng)建了按鈕文件“bar crapped blue”的一個實例?！卷椖? 制作動畫片段】任務1 認識角色元件和實例學習單元1 初識動畫元素 任務實施4使用“工具”面板中的“選擇工具” 選中場景中的“bar crapped blue”按鈕角色實例，打開“屬性”面板查看該

10、角色實例的相關屬性，并將該實例名稱命名為“藍色按鈕”，【項目2 制作動畫片段】任務1 認識角色元件和實例學習單元1 初識動畫元素 任務實施5再次打開“庫”面板，選中“bar crapped blue”，將其拖曳到場景中，創(chuàng)建按鈕文件“bar crapped blue”的另一個實例。6 在“屬性”面板中將實例命名為“綠色按鈕”，并通過“色彩效果色調”選項，設置“綠色按鈕”實例的顏色為綠色?！卷椖? 制作動畫片段】任務1 認識角色元件和實例學習單元1 初識動畫元素 任務實施7保存“按鈕.fla”文件，并測試動畫效果?！卷椖? 制作動畫片段】任務1 認識角色元件和實例學習單元1 初識動畫元素 任務拓

11、展1. 簡述角色元件和實例之間的關系與區(qū)別。2. 操作：創(chuàng)建自定義公用庫除了可以直接使用“公用庫”中的元件，用戶還可以把自己制作的元件，或者收集的素材也擴充到“公用庫”中?！卷椖? 制作動畫片段】任務2 明確角色元件的種類學習單元1 初識動畫元素 任務目標1明確角色元件的種類2理解圖形元件和影片剪輯元件之間的差異【項目2 制作動畫片段】任務2 明確角色元件的種類學習單元1 初識動畫元素 任務實施1打開一個文件名為“角色元件種類.fla”的Flash CS5文件。2單擊“庫”面板中“元件預覽窗口”的播放按鈕，預覽“庫”中的角色元件效果?！卷椖? 制作動畫片段】任務2 明確角色元件的種類學習單元1

12、 初識動畫元素 任務實施3分別雙擊“庫”面板中的“螞蟻 圖形”、“螞蟻 影片剪輯”的元件圖標，進入這兩個元件的編輯模式，查看元件的時間軸、幀上的構成內容。【項目2 制作動畫片段】任務2 明確角色元件的種類學習單元1 初識動畫元素 任務實施4分別退出這兩個元件的編輯模式并返回到文檔場景的編輯狀態(tài)。5打開“庫”面板，在“庫”面板中分別選中“螞蟻 圖形”、“螞蟻 影片剪輯”的元件圖標，將其拖曳到場景中的相應文字位置之下。6保存文件，并測試動畫效果。 【項目2 制作動畫片段】任務2 明確角色元件的種類學習單元1 初識動畫元素 任務拓展 操作題：利用“角色元件種類.fla”文件中的庫文件和圖片素材，自由

13、創(chuàng)意制作一個主題動畫短片?！卷椖? 制作動畫片段】任務3 制作動畫人物角色學習單元1 初識動畫元素 任務目標1利用圖片素材創(chuàng)建動畫圖形元件2利用圖形元件創(chuàng)建動畫影片剪輯元件3設置動畫影片剪輯實例的屬性【項目2 制作動畫片段】任務3 制作動畫人物角色學習單元1 初識動畫元素 任務實施 讓我們利用圖像素材，先來創(chuàng)建靜態(tài)圖形元件，然后再利用圖形元件來創(chuàng)建動畫影片剪輯元件?！卷椖? 制作動畫片段】任務3 制作動畫人物角色學習單元1 初識動畫元素 任務實施要點1新建一個文件名為“人物角色.fla”的文件。2選擇“文件”“導入”“導入到庫”命令，將圖片素材導入到“庫”面板中。3選擇“插入”“新建元件”命令

14、，在打開的“創(chuàng)建新元件”對話框中，輸入元件名稱為“人物正面”，選擇元件的類型為“圖形”。4在“人物正面”圖形元件的編輯模式，在“庫”面板中選中“1-正面.jpg”圖像文件，將其拖曳到編輯窗口中?！卷椖? 制作動畫片段】任務3 制作動畫人物角色學習單元1 初識動畫元素 任務實施要點5重復以上步驟，使用圖像素材分別創(chuàng)建“人物側面”、“人物背面”圖形元件?！卷椖? 制作動畫片段】任務3 制作動畫人物角色學習單元1 初識動畫元素 任務實施要點6選擇“插入”“新建元件”命令，在打開的“創(chuàng)建新元件”對話框中，輸入元件名稱為“人物轉身”，選擇元件的類型為“影片剪輯”，單擊“確定”，即可進入新元件“人物轉身”

15、的編輯模式。【項目2 制作動畫片段】任務3 制作動畫人物角色學習單元1 初識動畫元素 任務實施要點 人物轉身的動作通常包括正面左側面后面右側面正面5個連續(xù)動作。【項目2 制作動畫片段】任務3 制作動畫人物角色學習單元1 初識動畫元素 任務實施要點7在“人物轉身”影片剪輯元件的編輯模式，在“庫”面板中選中“人物正面”圖形元件，將其拖曳到編輯窗口中。【項目2 制作動畫片段】任務3 制作動畫人物角色學習單元1 初識動畫元素 任務實施要點8在“人物轉身”影片剪輯元件的編輯模式，在第5幀從“庫”面板中選中“人物側面”圖形元件，將其拖曳到編輯窗口中。【項目2 制作動畫片段】任務3 制作動畫人物角色學習單元

16、1 初識動畫元素 任務實施要點9在“人物轉身”影片剪輯元件的編輯模式，在第10幀從“庫”面板中選中“人物背面”圖形元件，將其拖曳到編輯窗口中?！卷椖? 制作動畫片段】任務3 制作動畫人物角色學習單元1 初識動畫元素 任務實施要點10在“人物轉身”影片剪輯元件的編輯模式，在第15幀從“庫”面板中選中“人物側面”圖形元件，將其拖曳到編輯窗口中。選擇“修改”“變形”“水平翻轉”命令，讓人物從左側面轉到右側面?！卷椖? 制作動畫片段】任務3 制作動畫人物角色學習單元1 初識動畫元素 任務實施要點11在“人物轉身”影片剪輯元件的編輯模式，在第20幀從“庫”面板中選中“人物正面”圖形元件，將其拖曳到編輯窗

17、口中。【項目2 制作動畫片段】任務3 制作動畫人物角色學習單元1 初識動畫元素 任務實施要點12單擊舞臺頂部編輯欄左側的“返回”按鈕或單擊左上角的場景標簽，退出“人物轉身”影片剪輯元件編輯模式。13按下Ctrl+L打開“庫”面板，將“人物轉身”影片剪輯元件拖動到場景中，調整該實例在場景中的大小、位置。按下Ctrl+Enter鍵，測試動畫效果。【項目2 制作動畫片段】任務3 制作動畫人物角色學習單元1 初識動畫元素 任務拓展 請利用本次任務“人物角色.fla”的Flash CS5文件中的圖形元件、影片剪輯元件制作一個人物快速轉身的動作。 動畫效果提示：人物快速轉身時，會產生模糊的視覺效果?！卷椖?/p>

18、2 制作動畫片段】任務4 制作合成動畫片段學習單元1 初識動畫元素 任務目標1分圖層管理動畫元素2導入聲音文件3調用外部文件庫4使用分離命令、套索工具來編輯位圖5深入理解庫的含義6動畫效果的測試、完善【項目2 制作動畫片段】任務4 制作合成動畫片段學習單元1 初識動畫元素 任務實施 根據動畫作品的主題內容，合成動畫效果，給動畫添加背景和音樂效果。【項目2 制作動畫片段】任務4 制作合成動畫片段學習單元1 初識動畫元素 任務實施一調用內置Flash軟件中的“公用庫”元件。（1）將“圖層1”重命名為“音樂”圖層，選擇“窗口”“公共庫”“聲音”命令。（2）在“音樂”圖層的第1幀，將文件名為“Cart

19、oon Drum Roll Tom 04.mp3”的聲音文件直接從“庫”面板中拖動到舞臺上。在時間軸面板第40幀，按下F5，插入延時幀?！卷椖? 制作動畫片段】任務4 制作合成動畫片段學習單元1 初識動畫元素 任務實施二添加背景圖層。（1）在“音樂”圖層上新建一個圖層，并重命名為“背景”圖層。（2）選擇“文件”“導入”“導入到舞臺”命令，將圖片素材導入到場景中。（3）在圖層編輯區(qū)，鎖定“音樂”圖層和“背景”圖層，并在“背景”圖層上新建一個圖層，重命名為“動畫”圖層。【項目2 制作動畫片段】任務4 制作合成動畫片段學習單元1 初識動畫元素 任務實施三調用外部Flash文件中的“庫”元件。（1）選擇“文件