FlashCS5平面設(shè)計

1、Flash動畫制作第1章 工作區(qū) 工作區(qū)概述 可以使用各種元素（如面板、欄以及窗口）來創(chuàng)建和處理文檔和文件。這些元素的任何排列方式稱為工作區(qū)。默認(rèn) Illustrator 工作區(qū)一一FLASH動畫由逐幀動畫和補間動畫動畫由逐幀動畫和補間動畫二二補間動畫又分為形狀補間動畫和動畫補間動畫補間動畫又分為形狀補間動畫和動畫補間動畫三三補間動畫要求滿足三個條件補間動畫要求滿足三個條件1創(chuàng)建起始關(guān)鍵幀（也稱起點幀）創(chuàng)建起始關(guān)鍵幀（也稱起點幀）2創(chuàng)建終點關(guān)鍵幀（結(jié)束幀）創(chuàng)建終點關(guān)鍵幀（結(jié)束幀）3創(chuàng)建補間動畫（根據(jù)兩幀關(guān)鍵來確定補間類型）創(chuàng)建補間動畫（根據(jù)兩幀關(guān)鍵來確定補間類型）四四形狀補間動畫由以下三種條件

2、情況形狀補間動畫由以下三種條件情況1形狀圖形形狀圖形2文字分離文字分離3圖片分離圖片分離五五動畫補間動畫（動作或移動）動畫補間動畫（動作或移動）組合）或轉(zhuǎn)元件組合）或轉(zhuǎn)元件2圖片圖片1組合（形狀圖形組合（形狀圖形3文字文字4元件元件六六引導(dǎo)層動畫引導(dǎo)層動畫條件一定要是動畫補間動畫（形狀補間動畫是不可以做引導(dǎo)層動畫）條件一定要是動畫補間動畫（形狀補間動畫是不可以做引導(dǎo)層動畫） 掌握下面掌握下面FLASH動畫基本知識動畫基本知識下表是各種動畫之間的對比下表是各種動畫之間的對比 動畫兩個以上的關(guān)鍵影格逐幀動畫每一幀都是關(guān)鍵幀，主要應(yīng)用于分解動作的動畫（如跑步）。制作的技巧為手繪的能力與個別對象的組合

3、運用。補間動畫幀屬性或?qū)嵗龑傩缘母淖內(nèi)缈s放、位置移動、放置角度，及動畫加速、瓶速等配合位置移動，可增加導(dǎo)引線圖層，使其沿導(dǎo)引線移動，不再只限于直線運動，可設(shè)定是否沿導(dǎo)引線的法向量移動，其中需要留意的是必須在動畫補間動畫完成之后（確定為實線箭頭），才可增加導(dǎo)引線圖層，以鉛筆繪制導(dǎo)引線，再分別高速動畫站間動畫的關(guān)鍵幀的變形中心點吸附到導(dǎo)引線不同對象的形關(guān)轉(zhuǎn)換，必須完全分離（呈點狀），轉(zhuǎn)換方式分為分布式與角度式，配合提示點的控制，掌握轉(zhuǎn)換的方式，完成后為綠底實線箭頭，如字體書寫的動畫遮罩動畫遮罩層中，有顏色的部分，代表鏤空，將顯現(xiàn)其下方的圖層，參見范例“彩色跑字”與“探照燈”時間軸特效動畫為默認(rèn)的動

4、畫效果，分為幫助、效果和變形轉(zhuǎn)換。“幫助”主要能快速復(fù)制組件，節(jié)省逐一復(fù)制第1章 Flash 8基礎(chǔ)1.1什么是什么是Flash8 Flash是美國Macromedia公司出品的專業(yè)矢量圖形編輯和動畫創(chuàng)作軟件，主要用于網(wǎng)頁設(shè)計和多媒體創(chuàng)作。 利用Flash自帶的矢量圖繪制功能，并結(jié)合圖片、聲音以及視頻等素材的應(yīng)用，可以制作出精美、流暢的二維動畫效果。 通過為動畫添加Action動作腳本，還能使其實現(xiàn)特定的交互功能。利用Flash 8制作的動畫作品，風(fēng)格各異、種類繁多，若將其以作品目的和應(yīng)用領(lǐng)域來劃分，可將其歸納為以下幾個方面。動畫短片網(wǎng)頁廣告動態(tài)網(wǎng)頁交互游戲多媒體教學(xué)第1章 Flash 8基礎(chǔ)

5、1.2 Flash 功能特點 可以讓網(wǎng)頁中一個完全交互式的多媒體網(wǎng)站 采用矢量技術(shù)制作動畫，可以任意縮放尺寸而不影響圖形的質(zhì)量 采用流式播放技術(shù)，可以邊下載邊播放，降低了對網(wǎng)絡(luò)帶寬的要求，減少了網(wǎng)頁瀏覽的等待時間 使用關(guān)鍵幀和元 件使動畫在打開網(wǎng)頁很短時間內(nèi)播放 把音樂、動畫、聲效等交互方式融合在一起創(chuàng)作出動畫效果 通過Action和FS Command可以實現(xiàn)交互性，使Flash具有更大的設(shè)計自由度 并通過 Dreamweaver可直接嵌入網(wǎng)頁的任一位置，非常方便第1章 Flash 8基礎(chǔ)1.3 Flash 的基本概念 v幀幀v舞臺舞臺v矢量圖與點陣圖矢量圖與點陣圖v元件元件v層層v庫庫v場

6、景場景幀舞臺舞臺 舞臺編輯舞臺編輯FLASHFLASH動畫作品的區(qū)域，通過動畫作品的區(qū)域，通過“文檔文檔屬性屬性”可以修改舞臺大小，背景色，幀頻等等，可以修改舞臺大小，背景色，幀頻等等， 位于位于FLASHFLASH界面中的那個白色的大區(qū)域就是舞界面中的那個白色的大區(qū)域就是舞臺，之所以叫舞臺，是因為它有類似于電影的臺，之所以叫舞臺，是因為它有類似于電影的銀幕的舞臺，所有的銀幕的舞臺，所有的FLASHFLASH動畫都是舞臺展示動畫都是舞臺展示出來的出來的 矢量圖與點陣圖元件層庫場景場景 一個電影文件可有多個場景，以方便用戶根據(jù)不同的背景，動畫見容在不同的時間軸上工作 。1.4 Flash 的操作

7、環(huán)境 vFlash工作界面簡介工作界面簡介v工具欄工具欄v菜單欄菜單欄Flash 工作界面簡介標(biāo)題欄菜單欄工具欄時間軸面板集場景舞臺屬性面板繪圖工具箱菜單欄第2章flash對象基本操作v箭頭工具箭頭工具v貝茲選取工具貝茲選取工具v套索工具套索工具選擇對象2.1 選擇對象箭頭工具不同選擇對象情況的比較不同選擇對象情況的比較貝茲選取工具貝茲工具貝茲工具：位于繪圖工具欄第一行的右邊，也是選取工具一種，其主要位于繪圖工具欄第一行的右邊，也是選取工具一種，其主要功能是改變對象的形狀功能是改變對象的形狀選中的直線或圖形對象將顯示其錨點，通過拖拉錨點來改變圖像的形狀選中的直線或圖形對象將顯示其錨點，通過拖拉

8、錨點來改變圖像的形狀套索工具套索工具：套索工具：選取工具的一種，與箭頭工具相比它有一個較為突出選取工具的一種，與箭頭工具相比它有一個較為突出的優(yōu)點，即用戶可以自己徒手畫一個范圍來選擇對象的優(yōu)點，即用戶可以自己徒手畫一個范圍來選擇對象所畫的區(qū)域可以是閉合的也可以是不閉合的，如果區(qū)域不閉合的話，所畫的區(qū)域可以是閉合的也可以是不閉合的，如果區(qū)域不閉合的話，F(xiàn)lash自動將其閉合自動將其閉合2.2 移動、復(fù)制和刪除對象 移動、復(fù)制和刪除對象 v移動對象移動對象v復(fù)制和粘貼對象復(fù)制和粘貼對象v刪除對象刪除對象移動對象復(fù)制和粘貼對象刪除對象對象組合2. 3 對象組合選取場景中要組合的對象選取場景中要組合的

9、對象選擇選擇“修改修改”“組合組合”命令，組合選中的對象命令，組合選中的對象組合對象步驟如下：組合對象步驟如下：對象組合3、選擇、選擇“編輯編輯”“編輯所選項目編輯所選項目”命令，或雙擊所選區(qū)命令，或雙擊所選區(qū)域，可以發(fā)現(xiàn)域，可以發(fā)現(xiàn)只有屬于該組的對象才正常顯示。此時，用戶只在只有屬于該組的對象才正常顯示。此時，用戶只在“組合組合”的操作場景中。的操作場景中。4、工作區(qū)左上角的場景標(biāo)記右側(cè)出現(xiàn)多了一個組標(biāo)記、工作區(qū)左上角的場景標(biāo)記右側(cè)出現(xiàn)多了一個組標(biāo)記5、編輯完成后，選擇、編輯完成后，選擇“編輯編輯”“編輯全部編輯全部”命令，可以回到場景編輯狀命令，可以回到場景編輯狀態(tài)態(tài)選擇選擇“修改修改”“

10、取消組合取消組合”命令，可以取消對象組合命令，可以取消對象組合群組場景群組場景v疊放對象疊放對象v對齊對象對齊對象疊放對象和對齊對象2.4 疊放和對齊對象疊放對象疊放對象疊放對象對齊對象對齊對象旋轉(zhuǎn)對象、調(diào)整對象比例 2.5 旋轉(zhuǎn)對象、調(diào)整對象比例 v旋轉(zhuǎn)對象旋轉(zhuǎn)對象v調(diào)整對象比例調(diào)整對象比例旋轉(zhuǎn)對象、調(diào)整對象比例旋轉(zhuǎn)對象旋轉(zhuǎn)對象旋轉(zhuǎn)對象旋轉(zhuǎn)對象打散對象2.6 打散對象 打散對象第3課 繪制與填充矢量圖形繪圖工具箱3.1 繪圖工具箱任意變形工具任意變形工具墨水瓶工具墨水瓶工具部分選取工具部分選取工具填充變形工具填充變形工具套索工具套索工具文本工具文本工具矩形工具矩形工具顏料桶工具顏料桶工具橡皮

11、擦工具橡皮擦工具刷子工具刷子工具縮放工具縮放工具筆觸顏色筆觸顏色填充顏色填充顏色工具選項工具選項選取工具選取工具線條工具線條工具鋼筆工具鋼筆工具鉛筆工具鉛筆工具隨圓工具隨圓工具滴管工具滴管工具手形工具手形工具色彩組件色彩組件選項組件選項組件v直線工具直線工具v橢圓工具橢圓工具v矩形工具矩形工具繪制直線、橢圓和矩形 3.2 繪制直線、橢圓和矩形 直線工具橢圓工具矩形工具繪制矩形的操作和繪制橢圓的基本相同繪制矩形的操作和繪制橢圓的基本相同矩形工具使用鉛筆、鋼筆和筆刷畫圖 3.3 使用鉛筆、鋼筆和筆刷畫圖 v使用鉛筆工具使用鉛筆工具v使用鋼筆工具使用鋼筆工具v使用筆刷工具使用筆刷工具使用鉛筆工具使用

12、鉛筆工具使用鋼筆工具使用鋼筆工具使用筆刷工具使用筆刷工具使用筆刷工具v使用顏色使用顏色v使用顏料桶工具使用顏料桶工具v使用滴管工具使用滴管工具v墨水瓶工具墨水瓶工具使用顏色與填充3.4 使用顏色與填充 使用顏色顏色有兩種類型：固定色和漸變色顏色有兩種類型：固定色和漸變色“混色器”面板 填充和描繪混色器面板 “顏色樣本”面板混色器的導(dǎo)入和導(dǎo)出 混色器的導(dǎo)入和導(dǎo)出 使用顏料桶工具 使用顏料桶工具使用顏料桶工具單色填充單色填充的使用方法如下：單色填充的使用方法如下：漸變填充漸變填充和單色填充相似，只是在選擇填充顏色的時候要選擇漸變色漸變填充和單色填充相似，只是在選擇填充顏色的時候要選擇漸變色漸變填充

13、的使用方法如下：漸變填充的使用方法如下：位圖填充Flash8除了單色填充和漸變填充外，還提供了位圖填充功能，也就是除了單色填充和漸變填充外，還提供了位圖填充功能，也就是用某個位圖來填充區(qū)域用某個位圖來填充區(qū)域位圖填充的使用方法如下：位圖填充的使用方法如下：位圖填充使用滴管工具使用滴管工具墨水瓶工具墨水瓶工具橡皮工具3.5 橡皮工具 v可以將場景內(nèi)的所有圖形擦除可以將場景內(nèi)的所有圖形擦除v也可以有選擇地擦除一個填充區(qū)域、一條線等也可以有選擇地擦除一個填充區(qū)域、一條線等橡皮工具橡皮工具橡皮工具第4課 文本應(yīng)用文本應(yīng)用創(chuàng)建文本4.1 創(chuàng)建文本動態(tài)文本動態(tài)文本輸入文本輸入文本：固定文本寬度的輸入方式固

14、定文本寬度的輸入方式：創(chuàng)建文本：文本工具屬性面板文本工具屬性面板創(chuàng)建文本不固定寬度輸入文本不固定寬度輸入文本固定寬度輸入固定寬度輸入創(chuàng)建文本動態(tài)文本動態(tài)文本v編輯文字編輯文字v創(chuàng)建字體元件創(chuàng)建字體元件v創(chuàng)建可滾動的動態(tài)文本創(chuàng)建可滾動的動態(tài)文本編輯文本4.2 編輯文本編輯文本編輯文本編輯文本編輯文本創(chuàng)建字體元件創(chuàng)建字體元件創(chuàng)建可滾動的動態(tài)文本舉一個熒光文字特效的例子進行說明：舉一個熒光文字特效的例子進行說明：操作步驟如下：操作步驟如下：選擇選擇“文件文件”“新建新建”命令，建命令，建立一新的立一新的Flash文檔文檔1.選擇選擇“修改修改”“文檔文檔”命令，彈命令，彈出出“文檔屬性文檔屬性”對話

15、框。將尺寸定對話框。將尺寸定為為500150，背景顏色為藍色，背景顏色為藍色文字特效4.3 文字特效“文檔屬性文檔屬性”對話框?qū)υ捒蜻x擇繪圖工具箱中的文字工具，在文字工具屬性面板中，單擊字體顏選擇繪圖工具箱中的文字工具，在文字工具屬性面板中，單擊字體顏色設(shè)置按鈕，將彈出顏色樣本選擇面板。單擊面板右上角的自定義顏色設(shè)置按鈕，將彈出顏色樣本選擇面板。單擊面板右上角的自定義顏色按鈕，彈出顏色設(shè)置對話框，如下圖所示，按照該圖所示的參數(shù)設(shè)色按鈕，彈出顏色設(shè)置對話框，如下圖所示，按照該圖所示的參數(shù)設(shè)置這個對話框。然后單擊置這個對話框。然后單擊“確定確定”按鈕，在文字工具屬性面板中將字按鈕，在文字工具屬性面

16、板中將字型選為華文行楷，字體大小改為型選為華文行楷，字體大小改為120文字特效文字工具屬性面板文字工具屬性面板在工作區(qū)中單擊，然后在文本框中輸入文字在工作區(qū)中單擊，然后在文本框中輸入文字“文字特效文字特效”拖放文本框的小方形控制點將文字排成直行拖放文本框的小方形控制點將文字排成直行選擇工具箱中的箭頭工具，調(diào)整文字的位置，將其放置在窗口的中選擇工具箱中的箭頭工具，調(diào)整文字的位置，將其放置在窗口的中間位置間位置7.用箭頭工具選中文字，然后選擇用箭頭工具選中文字，然后選擇“修改修改”“分解組件分解組件”命令，或者按命令，或者按快捷鍵快捷鍵Ctrl+B，將選中的文字打散，將選中的文字打散文字特效調(diào)整位

17、置調(diào)整位置將文字打散將文字打散輸入文字輸入文字選中工具箱中的墨水瓶工具，然后在選中工具箱中的墨水瓶工具，然后在“屬性屬性”面板中單擊顏色按面板中單擊顏色按鈕，將其顏色改為明黃色，線條寬度為鈕，將其顏色改為明黃色，線條寬度為1將鼠標(biāo)移動到工作區(qū)中，鼠標(biāo)光標(biāo)將變成墨水瓶形狀，用鼠標(biāo)依將鼠標(biāo)移動到工作區(qū)中，鼠標(biāo)光標(biāo)將變成墨水瓶形狀，用鼠標(biāo)依次單擊文字邊框，文字周圍將出現(xiàn)明黃色邊框次單擊文字邊框，文字周圍將出現(xiàn)明黃色邊框選擇繪圖工具箱中的箭頭工具，按住選擇繪圖工具箱中的箭頭工具，按住Shift鍵，依次雙擊每個字外鍵，依次雙擊每個字外的明黃色邊框，將它們?nèi)窟x中的明黃色邊框，將它們?nèi)窟x中文字特效文字描

18、邊文字描邊全部選中全部選中選擇選擇“修改修改”“形狀形狀”“將線條轉(zhuǎn)換為填充將線條轉(zhuǎn)換為填充”命令，黃色邊框命令，黃色邊框被轉(zhuǎn)變成可填充區(qū)域被轉(zhuǎn)變成可填充區(qū)域選擇選擇“修改修改”“形狀形狀”“柔化填充邊緣柔化填充邊緣”命令，彈出如下圖所命令，彈出如下圖所示的示的“柔化填充邊緣柔化填充邊緣”對話框，按照圖示設(shè)置參數(shù)。單擊對話框，按照圖示設(shè)置參數(shù)。單擊“確定確定”按鈕，關(guān)閉對話框按鈕，關(guān)閉對話框選擇工具欄中箭頭工具，在工作區(qū)的空白處單擊，取消對文字邊框選擇工具欄中箭頭工具，在工作區(qū)的空白處單擊，取消對文字邊框的選擇。這時可以看到，明黃色邊線兩邊出現(xiàn)了模糊漸變，就形成的選擇。這時可以看到，明黃色邊線

19、兩邊出現(xiàn)了模糊漸變，就形成了熒光文字的效果了熒光文字的效果文字特效“柔化填充邊緣柔化填充邊緣”對話框?qū)υ捒驘晒馕淖譄晒馕淖?.1 認(rèn)識元件和實例認(rèn)識元件和實例創(chuàng)建元件5.2 創(chuàng)建元件v把工作區(qū)中的現(xiàn)有元素轉(zhuǎn)換成元件把工作區(qū)中的現(xiàn)有元素轉(zhuǎn)換成元件v創(chuàng)建新元件創(chuàng)建新元件v將動畫轉(zhuǎn)換為影片剪輯將動畫轉(zhuǎn)換為影片剪輯v復(fù)制元件復(fù)制元件把工作區(qū)中的現(xiàn)有元素轉(zhuǎn)換成元件創(chuàng)建新元件創(chuàng)建新元件將動畫轉(zhuǎn)換為影片剪輯將動畫轉(zhuǎn)換為影片剪輯復(fù)制元件v創(chuàng)建按鈕創(chuàng)建按鈕v測試按鈕測試按鈕創(chuàng)建按鈕5.3 創(chuàng)建按鈕按鈕創(chuàng)建按鈕創(chuàng)建按鈕測試按鈕v在當(dāng)前位置編輯在當(dāng)前位置編輯v在新窗口中編輯元件在新窗口中編輯元件v在元件編輯模式下編

20、輯元件在元件編輯模式下編輯元件v退出元件編輯模式退出元件編輯模式編輯元件5.4 編輯元件 在當(dāng)前位置編輯 在新窗口中編輯元件在元件編輯模式下編輯元件退出元件編輯模式v改變實例屬性改變實例屬性v為實例交換元件為實例交換元件v改變實例類型改變實例類型v打散實例打散實例使用元件實例5.5 使用元件實例 改變實例屬性為實例交換元件改變實例類型打散實例v導(dǎo)入圖形導(dǎo)入圖形v轉(zhuǎn)換位圖為矢量圖轉(zhuǎn)換位圖為矢量圖導(dǎo)入圖形5.6 導(dǎo)入圖形 導(dǎo)入圖形導(dǎo)入圖形導(dǎo)入圖形轉(zhuǎn)換位圖為矢量圖v公用庫公用庫v共享庫資源共享庫資源庫資源5.7 庫資源 公用庫共享庫資源第6章層的使用v層的查看層的查看v編輯圖層編輯圖層v創(chuàng)建新層創(chuàng)建

21、新層創(chuàng)建、編輯圖層 6.1 創(chuàng)建、編輯圖層 創(chuàng)建新層層的查看編輯圖層層的選取刪除圖層復(fù)制圖層鎖定圖層層的命名改變圖層順序創(chuàng)建圖層文件夾v創(chuàng)建一般引導(dǎo)層創(chuàng)建一般引導(dǎo)層v創(chuàng)建運動引導(dǎo)層創(chuàng)建運動引導(dǎo)層v將一般引導(dǎo)層轉(zhuǎn)換為運動引導(dǎo)層將一般引導(dǎo)層轉(zhuǎn)換為運動引導(dǎo)層使用引導(dǎo)層6.2 使用引導(dǎo)層創(chuàng)建一般引導(dǎo)層創(chuàng)建運動引導(dǎo)層將一般引導(dǎo)圖層轉(zhuǎn)換為運動引導(dǎo)層使用遮罩圖層6.3 使用遮罩圖層使用遮罩圖層圖層屬性6.4 圖層屬性 基本動畫制作7.1 創(chuàng)建關(guān)鍵幀創(chuàng)建關(guān)鍵幀v創(chuàng)建關(guān)鍵幀創(chuàng)建關(guān)鍵幀v幀與動畫幀與動畫v設(shè)置幀頻率設(shè)置幀頻率創(chuàng)建關(guān)鍵幀創(chuàng)建關(guān)鍵幀幀與動畫幀與動畫幀與動畫幀與動畫設(shè)置幀頻率動畫與圖層7.2 動畫與圖層

22、創(chuàng)建運動動畫7.3 創(chuàng)建運動動畫v創(chuàng)建補間動作動畫創(chuàng)建補間動作動畫v設(shè)置補間動作動畫屬性設(shè)置補間動作動畫屬性v顏色變化顏色變化創(chuàng)建補間動作動畫創(chuàng)建補間動作動畫設(shè)置補間動作動畫屬性顏色變化創(chuàng)建補間形狀動畫7.4 創(chuàng)建補間形狀動畫 下面制作一個簡單的動畫來說明創(chuàng)建補間形狀動畫的方法，步驟如下：下面制作一個簡單的動畫來說明創(chuàng)建補間形狀動畫的方法，步驟如下：新建新建Flash文件，然后設(shè)置影片的屬性，包括背景色和屏幕大小文件，然后設(shè)置影片的屬性，包括背景色和屏幕大小在時間軸窗口選擇當(dāng)前圖層，然后單擊選擇一空白單元格，按在時間軸窗口選擇當(dāng)前圖層，然后單擊選擇一空白單元格，按F6鍵，鍵，建立起始關(guān)鍵幀。如

23、果是第一幀，可省去此操作建立起始關(guān)鍵幀。如果是第一幀，可省去此操作選擇工具箱中的工具繪制圖形，作為補間形狀的起始圖形。在本例中，選擇工具箱中的工具繪制圖形，作為補間形狀的起始圖形。在本例中，選用橢圓工具在工作區(qū)左側(cè)畫一個圓形，并填充顏色選用橢圓工具在工作區(qū)左側(cè)畫一個圓形，并填充顏色補間形狀動畫與補間動作動畫有很多地方相似，但是它們的根本區(qū)別在于：補間形狀動畫與補間動作動畫有很多地方相似，但是它們的根本區(qū)別在于：補間形狀動畫所實現(xiàn)的是某一對象從一個形狀到另一個形狀的漸變補間形狀動畫所實現(xiàn)的是某一對象從一個形狀到另一個形狀的漸變創(chuàng)建補間形狀動畫在起始幀后的某一幀插入空白關(guān)鍵幀，作為變形的下一個關(guān)鍵幀。本在起始幀后的某一幀插入空白關(guān)鍵幀，作為變形的下一個關(guān)鍵幀。本例中，在例中，在15幀的地方插入一個空白關(guān)鍵幀幀的地方插入一個空白關(guān)鍵幀在新的關(guān)鍵幀中繪制圖形，作為變形后的形狀。本例中，選用矩形工在新的關(guān)鍵幀中繪制圖形，作為變形后的形狀。本例中，選用矩形工具，畫一個正方形，并填充顏色具，畫一個正方形，并填充顏色選擇關(guān)鍵幀，調(diào)整圖形的位置選擇關(guān)鍵幀，調(diào)整圖形的位置在兩個關(guān)鍵幀中任