Flash動畫設計,2013.3,Flash是什么？,Flash是一款專業的矢量動畫設計軟件，最初由Macromedia公司開發，后被Adobe公司收購，并逐漸同Adobe已有的軟件進行融合和統一。它可以將音樂、聲效、位圖、動畫及富有新意的界面融合在一起，制作出精彩的動畫效果。,Flash能做什么？,1、制作網絡廣告，甚至整個網站2、制作動畫作品（MTV、賀卡和小型卡通片等）3、制作多媒體課件4、開發游戲,Flash動畫的主要特點,1、基于矢量的圖形系統。因而能保持較小的文件體積又能實現高品質的動畫效果。2、具有多媒體特性。能夠把音樂、聲效、位圖、動畫、交互方式等融合在一起，使之適合于不同領域的需要。3、采用流式播放技術。動畫可以邊播放邊下載，減少瀏覽者的等待時間。4、具有強大的交互功能。,概念,用點陣形式來記錄圖像信息的畫面對象，它通常是以各種格式存在磁盤上的圖像文件（也有少數圖像文件為矢量格式），通常占有較大的存儲空間，觀看時會因為放大而失真。其大小是由畫面的面積、分辨率和顔色深度決定的，與圖像的復雜程度無關。,位圖：,矢量圖是使用直線和曲線來描述圖形的，這些圖形的元素是一些點、線、矩形、多邊形、圓和弧線和色塊等。對于矢量圖而言，圖像文件只需記錄某個顔色區域中顔色和這個區域的大小、形狀和位置。在矢量圖中某一個區域中的顔色變化總是有規律的，它們都是通過數學公式計算獲得的。在Flash工具箱中的繪圖工具繪制出來的是矢量圖。矢量圖占有空間的大小是由其復雜程度決定的，和其面積的大小幾乎沒有關系。,矢量圖：,Flash動畫設計課程是計算機應用技術專業課程體系中的一門專業課程。本課程的主要任務是介紹Flash動畫設計軟件的功能和使用方法，使學習者具備Flash動畫制作的基本知識和技能，幫助提高設計能力和創新思維能力，使同學們制作的網站更具有創新性、更具動感，達到畫龍點睛的作用。,為什么要學習Flash？,Flash軟件基本功能,繪圖功能動畫功能編程功能,一、認識Flash二、Flash繪圖與編輯對象三、文本和濾鏡四、各種類型動畫的制作（位移動畫、形變動畫、逐幀動畫、路徑動畫、遮罩動畫）五、腳本動畫六、組件的運用七、Flash的綜合運用,案例式教學，將理論知識融于大量的案例中進行講解，基礎知識和實際操作能力并重，注重強調在“做中學，學中做,做中教”的實踐動手能力,教學內容：,教學方法：,如何學好Flash,開始學的時候可以先機械的模仿，有了一定的基礎后就可以按照個人的意愿進行簡單的創作性練習。在學習過程中一開始不要面太寬，學習一段時間后就應該從不同的角度多接觸與Flash有關的環境（朋友、老師、書、網站等）。在整個學習過程中還應該根據自己的特長有所側重。比如你的繪畫基礎好就可以側重原畫方面的創作，你的想象力豐富就可以開發一些趣味、搞笑類的作品，你的編程基礎扎實，就應該力求在游戲開發和交互網站方面出些成就。,激情、目標、興趣，對Flash的癡迷和對成功的執著追求,推薦Flash學習網站：我要自學網：大家論壇Flash動畫設計版塊：,FlashCS4的操作界面,舞臺：也即動畫編輯區，用來繪制、編輯和創作動畫對象的區域，缺省為白色，其外圍繞為灰色。,時間軸面板：用于創建動畫和控制動畫的播放。時間軸左側為圖層面板，右側為幀面板。,圖層：就像是一張張透明的紙。當舞臺中有多個對象時，為了方便對各個對象進行編輯和修改，可將它們放置在不同的圖層中。,幀：組成Flash動畫的基本單位，指的就是圖片或畫面。一幀指的就是一張圖片一個畫面。Flash動畫是通過對幀的連續播放實現動畫效果的。,屬性面板：可以很方便地調整舞臺或時間軸上當前選定對象的屬性。選擇的內容不同，屬性面板顯示的信息也不同。,工具箱,在Flash動畫制作過程中，會大量地運用到矢量圖形。Flash提供了各種繪圖工具，可以繪制出自由形狀或準確的線條、形狀和一些簡單的矢量圖，并可用來對對象進行上色。Flash的工具箱如下圖所示：,選擇工具,部分選取工具,套索工具,鋼筆工具,文本工具,線條工具,矩形工具,鉛筆工具,刷子工具,任意變形工具,顏料桶工具,橡皮擦工具,縮放工具,墨水瓶工具,滴管工具,手形工具,筆觸顏色,填充顏色,吸附工具,顏色設置與轉換,返回,本次課內容,圖形的繪制選擇對象散件、對象繪制與組合對象編輯圖形,一、圖形的繪制,繪制線條線條工具鉛筆工具鋼筆工具繪制幾何圖形橢圓工具矩形工具多角星形工具,工具,工具,使用技巧與快捷鍵,在繪制橢圓（矩形）時：1、Shift：繪制正圓（正方形）2、Alt：由中心向四周繪制橢圓（矩形）3、Alt+shift：由中心向四周繪制正圓（正方形）在繪制直線時按住Shift鍵拖動鼠標，可以將線條的角度限制為45度的倍數。,實例：笑臉,矩形屬性面板,（1）矩形屬性面板可以設置矩形的各種屬性：如：圓角大小等。當將圓角值設為正數，表示是外圓角，如果數設為負數，表示是內圓角。同時可以設置四個角的圓角度是否同時設置。（2）單擊矩形邊框可以選擇一條邊，雙擊可以選擇所有邊。,二、選擇對象,選擇工具部分選取工具套索工具,選擇工具的使用,選擇對象用來選擇并移動目標，修改目標形狀的輪廓，是最基本的操作，只有在選擇了目標對象后，才能夠對其進行所需的編輯操作。1.選擇單一目標對象2.選擇多個對象3.移動頂點4.將直線變為曲線5.增加頂點,1.選擇單一目標對象（1）單擊工具箱中的選擇工具。（2）移動鼠標指針至目標對象上單擊，選中目標。注：當指向的目標對象為元件、圖像和組合后的圖形時，選擇的是一個完整的目標；當指向目標為散件時，Flash只選擇最近兩個交點（或端點）間的線段；當指向為填充色彩時，自動以色彩封閉的邊緣為限選擇色彩范圍，如下圖所示：,a.對象為元件、圖像或組合圖形b.對象為散件c.選擇邊緣封閉線,2.選擇多個對象（1）框選法：在目標位置的左上角按住左鍵拖動鼠標至目標對象的右下角，將目標對象的所有內容框選在矩形區域內。釋放鼠標左鍵，當前圖層矩形范圍內的所有對象都會被選中。（2）首先選中一個對象，然后按住Shift鍵單擊其他對象即可。,3.移動頂點當目標為矢量圖形時，單擊選擇工具，當鼠標指針移動到對象的頂點時，鼠標指標會發生變化，這時按住鼠標左鍵并拖動鼠標，即可改變頂點的位置，如下圖所示：,4.將直線變為曲線單擊選擇工具，將鼠標放到對象的邊緣，鼠標指針會發生變化，這時按住鼠標左鍵并拖動鼠標，如下圖所示：,5.增加頂點單擊選擇工具，當鼠標指針下方出現一個弧線的標志時，按住Ctrl鍵和鼠標左鍵進行拖動，到適當位置釋放鼠標，就可增加一個頂點，如下圖所示：,三、散件、對象繪制與組合對象,在Flash中，繪制圖形有兩種模式，即圖形的打散模式和對象繪制模式。打散的圖形也可以轉換為組合對象。,散件,散件，也即在圖形的打散模式下繪制的圖形。在用繪圖工具繪制圖形時，沒有選擇選項區的對象繪制按鈕繪制的圖形，或將對象繪制模式的圖形執行【修改】/【分離】（Ctrl+B）命令，直到最后的圖形選擇后出現小點即可。這樣的圖形邊框和填充是分開的。,利用打散模式繪制的圖形稱為散件（形狀），選中該散件對象時會出現網紋形狀稱為散件。散件的特點是可以整體選擇移動，也可以部分選擇移動。,實例：月亮、云朵,實例：茶杯、小房子,對象繪制模式,用繪圖工具繪制圖形時，在選擇對象繪制按鈕后，繪制的圖形，其邊框和填充是作為一個整體存在，這樣的圖形在疊加或者分開重組時其外形不變。,對象繪制模式的圖形,沒選擇對象繪制模式的選中效果,選擇對象繪制模式的選中效果,沒有運用對象繪制模式的效果,運用對象繪制模式的效果,“對象繪制”模式,組合對象,組合對象：為了避免散件間發生鏤空，也可以暫時將散件組合起來。,組合（快捷鍵：ctrl+g）取消組合（快捷鍵：ctrl+shift+g，或使用分離命令Ctrl+b）,三、編輯圖形,任意變形工具及變形面板對齊面板,1、任意變形工具,任意變形工具：可以對物體的縮放比例（大小）、旋轉角度、傾斜角度、透視進行設置。（1）Shift:等比例縮