1、第二講 利用工具箱繪制圖形,1,Flash動畫設計第2講繪制圖形,本講主要內容,上節回顧 任務一：繪制工具用法 1.線條工具 2.選擇工具改變線條形狀 3.矩形工具組、橢圓工具組、多角星形工具 任務二：上機實訓：草原夜色,2,Flash動畫設計第2講繪制圖形,上節回顧,Flash簡介 優秀作品欣賞 第1章 初次接觸Flash CS6 實戰練習：制作“心動”，“拍皮球”動畫,3,Flash動畫設計第2講繪制圖形,Flash與二維動畫制作,傳統動畫有完整的制作流程，要求繪制者有一定的美術基礎，并懂得動畫運動規律，但因為工序復雜，制作人員多，導致成本投入非常大。 傳統動畫原理是一切動畫的基礎，Fla

2、sh二維動畫也遵循這個原理，同時對手工傳統動畫進行了改進，也就是將事先手工制作的原動畫輸入計算機，由計算機輔助完成描線上色的工作，并由計算機控制完成記錄工作，制作過程變得非常簡單。 Flash作為一款優秀的矢量動畫制作軟件，要想快速掌握它的使用方法和技巧，先來了解一下學習Flash的“三步曲,4,Flash動畫設計第2講繪制圖形,Flash與二維動畫制作,步驟1：要理解Flash最基本的概念：幀、層、時間軸、元件和實例等，深入理解這些概念的功能是掌握Flash的關鍵。 步驟2：動手做一些使用屬性面板來調整對象的屬性的練習。 步驟3：結合自己的創意，開始學習制作實例、一步步進行練習了,5,Fla

3、sh動畫設計第2講繪制圖形,二維動畫制作制作流程圖,二維動畫制作制作流程圖,6,Flash動畫設計第2講繪制圖形,Flash CS6的工作界面,學習目標 知識目標： 1. 了解Flash CS6軟件界面及其功能 2. 熟悉Flash CS6菜單欄的功能,7,Flash動畫設計第2講繪制圖形,一、軟件安裝與啟動,1）軟件安裝 雙擊程序安裝程序如圖2.1-1所示。設置安裝路徑，如圖2.1-2所示，單擊“確定按鈕”即可安裝成功,圖2.1-1軟件安裝程序,圖2.1-2軟件安裝路徑設置,8,Flash動畫設計第2講繪制圖形,2）軟件啟動,啟動 Adobe Flash CS6，在 Windows 中，選擇

4、“開始”“所有程序”Adobe Flash CS6；在 Mac OS 中，在 Applications 文件夾中或者 Dock 中雙擊 Adobe Flash CS6。 第一次啟動 Flash 時，將會看到一個“歡迎”屏幕，其中帶有指向標準文件模板、教程及其他資源的鏈接。如圖2.1-3所示,9,Flash動畫設計第2講繪制圖形,2）軟件啟動,圖2.1-3軟件啟動歡迎界面,10,Flash動畫設計第2講繪制圖形,二、工作界面,菜單欄,工作區切換器,搜索框,文檔窗口顯示卡,編輯欄,舞臺,時間軸面板,浮動面板,工具箱,11,Flash動畫設計第2講繪制圖形,時間軸窗口,幀：幀分為關鍵幀、普通幀和空白

5、關鍵幀三種類型。關鍵幀是可以直接在舞臺上編輯其內容的幀；無內容的關鍵幀稱為空白關鍵幀；普通幀的作用是延伸關鍵幀上的內容,12,Flash動畫設計第2講繪制圖形,參考案例：小汽車.fla,圖層：圖層就像堆疊在一起的多張透明的幻燈片，每個圖層都有獨立的時間軸。如此一來，多個圖層綜合運用，便能形成復雜的動畫,13,Flash動畫設計第2講繪制圖形,工具箱,屬性面板,14,Flash動畫設計第2講繪制圖形,面板：可根據需要折疊、展開或者拖動到任意位置,15,Flash動畫設計第2講繪制圖形,本講主要內容,任務一：繪制工具用法 1.線條工具 2.選擇工具改變線條形狀 3.矩形工具組、橢圓工具組、多角星形

6、工具 任務二：上機實訓：草原夜色,16,Flash動畫設計第2講繪制圖形,任務一：繪制工具用法,在Flash中進行動畫創作離不開對動畫角色、場景的繪制，“工具”面板的“繪圖工具”區域中，提供了線條工具、鉛筆工具、鋼筆工具、矩形工具、刷子工具、顏料桶等多款不同的工具，使用這些工具可以快速的繪制出形色各異、生動有趣的圖形及背景畫面,17,Flash動畫設計第2講繪制圖形,學習目標,知識目標： 1、了解線條工具、鉛筆工具和鋼筆工具等不同繪圖工具的使用方法和不同特點。 2、熟悉矩形工具、刷子工具、顏料桶等工具的基本使用技巧和屬性設置。 能力目標： 1、掌握線條工具、鉛筆工具與選擇工具的聯合使用技巧。

7、2、熟練使用多角星形工具結合顏料桶等工具繪制出形態色彩各異的圖形。 3、能綜合使用各種繪圖工具繪制卡通人物原型。 4、能繪制出色彩和諧、風格優美的二維動畫場景,18,Flash動畫設計第2講繪制圖形,對象繪制選項 ：處于選中狀態時，所繪制的直線會成為一個單獨的對象，相互不受影響。例如繪制兩條交叉的直線,1.線條工具,注意：除非特殊情況，不要打開對象繪制選項 按住Shift拖曳，線條角度為45度的倍數。 按住Alt拖曳，從拖曳點中心向兩邊繪制直線。 示范：如何繪制花瓣？繪制愛心？等等,19,Flash動畫設計第2講繪制圖形,實例1：繪制安徽民居-線條工具的使用,線條工具的屬性設置,繪制步驟,20

8、,Flash動畫設計第2講繪制圖形,最終效果,21,Flash動畫設計第2講繪制圖形,2.選擇工具,用于選擇對象、移動對象、改變對象輪廓，更改線條的方向和長短。 （1）選擇對象：單擊、雙擊 （2）移動：拖動被選中的對象 （3）更改線條的方向和長短 （4）更改線條的輪廓 實例：一片葉,22,Flash動畫設計第2講繪制圖形,實例2：快艇-線條工具的使用,23,Flash動畫設計第2講繪制圖形,4 矩形工具,矩形工具 ：繪制矩形、圓角矩形和正方形等圖形。 矩形邊角半徑用于指定矩形的角半徑，為負值時，創建反半徑。 按住Shift拖曳鼠標，繪制正方形。 按下Alt鍵在舞臺單擊，可通過“矩形 設置”對話

9、框繪制準確的矩形,24,Flash動畫設計第2講繪制圖形,實例：房子矩形工具 用法,25,Flash動畫設計第2講繪制圖形,4 橢圓工具,橢圓工具 ：繪制橢圓、圓、扇形、圓環等圖形。 “開始角度”和“結束角度”：指定橢圓開始點和結束點的角度，可繪制扇形、半圓形等其他有創意的形狀。 “內徑”指定內徑大小，范圍為0-99. “閉合路徑”指定橢圓路徑是否閉合。 按住Shift拖曳鼠標，繪制圓形。 按下Alt鍵在舞臺單擊，可通過“橢圓 設置”對話框繪制準確的橢圓 例子：游戲“吃豆豆”形象，卡通形象,26,Flash動畫設計第2講繪制圖形,實例：表情圖-橢圓工具用法,設置橢圓工具的“屬性” 使用橢圓工具

10、繪制表情圖,27,Flash動畫設計第2講繪制圖形,4 基本工具,基本矩形工具 ：繪制的是“圖元”對象，與“矩形工具”繪制的形狀不同。 使用“選擇工具”選擇時，矩形上會出現矩形線框和控制點，拖曳控制點可以調整矩形的邊角半徑,基本橢圓工具 ：繪制的是“圖元”對象，與“橢圓工具”繪制的形狀不同。 使用“選擇工具”選擇時，橢圓上會出現一個矩形線框和兩個控制點，拖曳控制點可以調整橢圓的起始角度、結束角度和內徑等屬性,28,Flash動畫設計第2講繪制圖形,4基本工具與橢圓、矩形工具的區別,區別1：橢圓和矩形工具遵循“同色連接，異色相切”的規律 區別2：基本工具在繪制完成后，可以再設置邊角半徑、內徑等屬

11、性,29,Flash動畫設計第2講繪制圖形,4 多角星形工具,多角星形工具 ：復合工具，可繪制多邊形和星形。通過屬性中的“選項”按鈕，選擇樣式、邊數。頂點大小只對“星形”有效，介于0-1，值越小頂點越尖細,30,Flash動畫設計第2講繪制圖形,實例：奔馳標、五角星和五邊形、六瓣花多角星形工具用法,設置多角星工具 使用多角星形工具繪制車標,31,Flash動畫設計第2講繪制圖形,上機指導與實訓寧靜的夜色,設置文檔屬性：舞臺背景色為#1E4564 繪制草原:使用“矩形工具” ，“筆觸顏色”為無，“填充顏色”為#0B2604 繪制氈房：注意不要在草地上直接繪制，否則形狀之間相互影響。 繪制風車：包括底座、扇葉。注意圖形的復制、粘貼和變形。 繪制月牙：使用“橢圓工具”和形狀切割法，通過“柔化填充邊緣”增加朦朧 效果 繪制星星,32,Flash動畫設計第2講繪制圖形,保存、預覽、關閉和打開動畫,保存動畫：選擇“文件”“保存”菜單，或按快捷鍵【Ctrl+S】，打開“另存為”對話框進行保存。 保存類型：源文檔.fla,33,Flash動畫設計第2講繪制圖形,預覽動畫：按【Enter】鍵可在動畫編輯環境中預覽動畫；按【Ctrl+E