你必須知道的Flash基礎入門知識總結

來源:果殼範文吧 7.55K

flash動畫製作教程 8.0入門 — 基礎0:Flash視窗(一)

你必須知道的Flash基礎入門知識總結

Flash基礎

啟動Flash 在桌面找一個紅色圖示雙擊即可啟動,也可以單擊“開始”-“所有程式”,在程式選單中找到Flash或者Macromedia選單選擇Flash 8項;

啟動Flash後會出現一個視窗,這是預設的開始頁,供我們選擇,找到中間一欄的“建立新專案”中的“Flash 文件”,單擊選中它,進入到新建視窗當中,

也可以先選中下面的“不再顯示此對話方塊”,這樣以後每次可以直接進入新建視窗;

我們來看一下新建視窗,動畫製作就在這個視窗中,下面我們來看一下:

視窗的最上面是藍色的標題欄,當前影片自動給了一個名稱[未命名-1],在“儲存”檔案時要改為一個有意義的檔名稱;

標題欄下面是選單欄,選單裡頭是一些命令,其中“檔案”選單(雙引號裡的文字都是命令)要求記住“儲存”、“新建”命令,都跟檔案操作有關;

“插入”選單中要記住“新建元件...”命令,“修改”選單的“組合”和“轉換為元件”兩個命令,“視窗”選單中顯示各種面板,要求記住上面的“屬性”面板;

再下面是編輯欄,包括文件的標題,當前的場景1,右邊還有兩個按鈕,一個是場景按鈕,一個是元件按鈕,旁邊是顯示比例;

工具欄下面就是工作區了,在工作區的左邊是工具箱,裡面有許多的繪圖和修改工具,跟Windows裡的畫圖差不多,

要求記住黑“箭頭”工具,它是用於選擇圖形的,下邊還有兩個瓶子,要注意區分,左邊的“墨水瓶”工具是用來給鉛筆和直線噴顏色,

右邊的“油漆桶”工具用來給圓和框內部填充顏色(必須要封閉),也給刷子噴色,使用時一定要細心,不要搞反了,工具下邊還有放大鏡和手形,雙擊手可以自動調整工作區;

選中一些工具後,下邊還有選項,可以完成不同的功能,再下面是顏色,上面是給線條塗色的邊框色,下面是給內部裡面噴色的填充色;

在工具箱旁邊是時間軸面板分成了兩塊,左邊是圖層面板,自動有一個灰色的“圖層1”,上邊有三個按鈕:一個眼睛一個小鎖和一個方框,圖層面板中可以新增、刪除、選中圖層,單擊右上角的時間軸標籤可以摺疊這個面板;

右邊是時間軸,上面有許多的小格子,每個格子代表一幀,整數的幀上有數字序號,而且顏色是灰色,每一幀可以放一幅圖片,動畫就是由許許多多幀組成的,

幀上面有一個紅色的線,這是時間指標,表示當前的幀位置,同時下面的時間軸狀態列也有一個數字表示第幾幀;

工作區的中央空白是場景,所有的畫圖和操作都在這個白色的區域中實現,也只有這個區域的影象才能在動畫中播放出來;

視窗的最下方是屬性面板,在紫色標題欄單擊可以展開和摺疊,在上邊的白色下拉按鈕上單擊一下可以摺疊所有面板;

在視窗右邊還有一塊側邊欄,可以顯示一些複雜的應用,暫時可以隱藏,以便騰出一些空間來,隱藏的方法是,點中間的白色摺疊按鈕;

練習:看一看面的Flash視窗,回答下面的問題:

1、Flash的圖示是什麼樣的?

2、Flash視窗由哪些部分組成的?

3、工具箱裡頭有那些工具?

4、箭頭工具有什麼作用?

5、墨水瓶和油漆桶有什麼不一樣?

6、怎樣摺疊一個面板?

本節學習了Flash視窗的組成和工具箱,如果你已經仔細閱讀完,並能正確說出各的部分名稱,請繼續學習下一課內容;

(注:本教程需要正確安裝Flash網頁外掛,提示“被阻止”時,點上面的資訊欄“允許”)

今天剛開啟電腦就彈出Flash Player更新的視窗,自然點了“更新”按鈕。可誰知更新完後竟導致電腦上的flash外掛沒了,隨便開啟一個網頁便提示安裝flash外掛。奇怪的是點安裝後竟提示安裝失敗。沒辦法,從網上download一個安裝包下來進行安裝,彈出如下錯誤:

無法安裝flash player的解決方案:

1、解除安裝原版本的Flash player,可以到控制面板——新增刪除裡刪除,:如果控制面板裡無法刪除,可以到adobexxxx上下載flash player 解除安裝器執行解除安裝操作。

2、開啟登錄檔(開啟方法:開始選單-執行-輸入regedit-確定),依次找到 [HKEY_LOCAL_MACHINESOFTWAREMicrosoftInternet ExplorerActiveX Compatibility],將其下面的{D27CDB6E-AE6D-11CF-96B8-444553540000}項或{D3f97240- C9f4-11CF-BFCr-00A0C90-00A0C90C2BDB}項刪除(如圖三),重啟IE。

3、點選工具-internet選項-點選高階頁-在多媒體欄裡構選(顯示圖片)和(在網頁中播放動畫、視訊)。

4、下載最新版本的flash player進行重新安裝即可。

5、如果還不行,可能就是被上網助手什麼的安全軟體攔截或禁止了,放行即可。

flash動畫製作教程 8.0入門 —10:幀的操作(一)

十、編輯幀

幀的種類 時間軸上的幀,可以分為關鍵幀和過渡幀、空白幀,關鍵幀有一個小黑點,在動畫中起關鍵作用;

空白幀不含有任何內容、圖形、顏色是白色的,如果有小圈就是空白關鍵幀,過渡幀是電腦產生,最後有一個小方框;

怎樣選擇幀呢,要特別注意滑鼠指標,當滑鼠指標是白箭頭的時候才能選擇,單擊就可以選中一個幀,選中的.幀是黑色的,同時工作區中的所有物件也都選中了,可以當“全選”命令使用;

多個幀選擇 當指標是白箭頭時拖動滑鼠(不要猶豫),就可以選擇多個幀,如果停了一下,指標後面有小尾巴了,就是拖動幀而不是選擇幀了;

插入幀的方法是先選擇插入位置,瞄準單擊右鍵選擇“插入幀”命令就可以了,若選擇了多個幀表示要插入多個幀;

刪除的操作跟插入剛好相反,選中後單擊右鍵選擇“刪除幀”命令,按“Delete”鍵只是刪除工作區中的內容不刪除幀,而“刪除幀”都會刪除,影片自動縮短一幀;

剛建立的新檔案只有一個圖層1和一個幀,幀是空白的關鍵幀,我們製作動畫還需要插入幀和圖層;

下面練習作一個鐳射文字動畫,效果是一隻鐳射筆寫出一個字母來,

選擇“檢視”選單中的“網格”中的“顯示網格”命令,以及“貼緊”中的“貼緊至網格”命令,準備好以便於作圖;

先在第27幀處插入空白關鍵幀,這時第1幀和第27幀上有一個小圓圈,表示它們是關鍵幀,其他幀都是過渡幀,

選擇“文字工具”,在下邊的屬性面板中,將字型設為“Arial”,字號改為200,顏色為綠色,在工作區中單擊滑鼠,輸入大寫字母“L”,

這時可以發現第27幀中的圓圈變黑,說明其中有了內容,找一個網格線把字母對齊,字母大約有八個網格的高度,

將圖層1名稱改為“文字”,單擊“文字”右邊的第二個白點,會出現一把小鎖,這樣就把文字層鎖定,防止誤操作,以“鐳射文字”為檔名,儲存一下檔案;

然後再新增一層圖層2,把名稱改為“筆畫”,它自動按照圖層1加長到27幀,但是隻有第一幀是關鍵幀,其他都是過渡幀,選中第27幀,單擊滑鼠右鍵,選擇“轉換為關鍵幀”,

選擇“直線工具”將邊框色改為紅色,粗細為3,順著字母“L”的邊緣畫一圈,一共是六筆畫(六條線);

寫字的效果是一筆跟著一筆,直到這個字寫完;

27幀是最後,這時文字已經完成,而在26幀時還差最後一筆,依此類推;

在27幀上單擊右鍵,選擇“複製幀”命令,然後再選擇“筆畫”層的26幀,單擊右鍵,選擇“貼上幀”命令,把27幀拷貝過來;

貼上過來的文字是一樣的,需要修改一下,26幀時字還沒寫完,沒寫完的部分要去掉;

把工作區中字母“L”的最上面一橫用放大鏡一下,這樣就可以區域性放大,然後用箭頭工具框選最後一筆按Delete刪除,也就是26幀時還有半條線沒寫;

再選中第26幀,單擊右鍵,選擇“複製幀”,然後在第25幀上單擊右鍵選擇“貼上幀”,把26幀拷貝到25幀去修改,

用箭頭工具,框選左邊豎線的第一格,按Delete鍵刪除;

同樣用拷貝的方法,從後往前修改每一幀,每次“複製幀-貼上幀”、刪除一個網格的線段長度,一直到第1幀所有筆畫都清除掉,從第1幀到27幀筆畫逐漸增多,耐心細緻可以保證我們成功;

儲存一下檔案,按Ctrl+回車鍵測試一下,效果不錯,還缺少一隻筆,按Ctrl+W返回,準備畫一支筆,新增一個圖層,名稱改為“畫筆”;

選中矩形工具,選擇邊框色為紅色,填充色為黃色,繪製一個網格寬,八個網格高的矩形,用放大鏡工具把上面兩個頂點框選一下,放大;

再選擇箭頭工具,拖動四個頂點,注意當箭頭工具尾巴上出現折線時開始拖動,把矩形變成一個細長的梯形,

然後先在手形圖示上雙擊一下,將工作區自動縮放一下,再選擇箭頭工具,在梯形的紅色邊線上雙擊,選中所有邊線,按Delete鍵刪除,

選中黃色梯形,按Ctrl+G把它組合成一個元件,用任意變形工具把它旋轉一定角度,然後將筆尖移到字母“L”的開頭;

建立鐳射筆的動畫,得先找到動畫的起點和終點,拖動時間軸上紅色的指標,找到每一筆畫的起點和終點,

“L”的第一筆是豎,動畫的兩個關鍵幀就是第1幀到第8幀的補間動畫,第一幀是空的,點一下第二幀,把畫筆移到豎線的上端,用方向鍵仔細對好;

再在第8幀上單擊滑鼠右鍵,選擇“轉換為關鍵幀”命令,然後把畫筆移到豎線的最下面,選中第1幀,單擊右鍵,建立補間動畫;

再找著第二筆橫畫,從第8幀到第12幀,在第12幀上單擊右鍵,選擇“轉換為關鍵幀”,把畫筆移到橫畫的右邊端點上,再在第8幀上建立補間動畫;

這樣一段一段製作動畫,在“畫筆”圖層中每一筆的末尾幀上,單擊右鍵選擇“轉換為關鍵幀”命令,然後把筆尖移到筆畫的終點,然後建立補間動畫,這樣筆尖跟筆畫就一起運動了,

儲存一下檔案,測試一下檔案,這樣一個奇妙的動畫就做好了;

綠色的文字是起參考作用,現在可以刪除了,在“文字”圖層上單擊右鍵,選擇“刪除”命令,就可以去掉這一層,儲存一下,測試一下;

還有種更簡單的建立文字外邊框的方法,用Ctrl+B把文字“L”打散,然後用墨水瓶工具給文字邊上噴上另一種顏色,描邊以後刪掉內部,可以得到文字的精確外邊框;

本節主要介紹了幀的種類,以及怎樣選擇、插入、刪除幀,如果你成功地完成了練習,請繼續學習下一課內容;

flash動畫製作教程 8.0入門 — 9:編輯物件(一)

九、編輯物件

動畫是由一格一格的“幀”所組成,在時間軸中你可以對照幀上方時間標尺來了解每一幀的位置,標尺上有一個紅色幀指標,用於顯示當前所顯示幀的位置,而在時間軸狀態列中也會顯示當前幀的編號;

播放動畫時,幀指標會沿著時間標尺由左向右移動,以指示當前所播放的幀,在編輯動畫時,你也可以拖動幀指標到預定的位置;

在時間軸的標尺最右上角有一個幀顯示按鈕,單擊它會顯示下拉選單,你可以選取五個與幀顯示有關的命令,預設是“標準”,要使幀的高度縮短,在下拉選單中選擇“很小”,

要改變幀的播放速度,可以雙擊幀面板狀態列中的“12.0”啟用影片文件屬性對話方塊,也可以在工作區中單擊滑鼠,在下面的屬性面板中修改,將預設的12.0改為其他數值;

下面我們來做練習:我們要製作出一個掃描的雷達來,注意細緻和耐心,所有面板都可以在“視窗”選單裡找到;

在“檢視”選單裡的“網格”選單中選擇“顯示網格”,再選擇“檢視-貼緊”中的“貼緊至網格”命令;

雷達由錶盤、指標和文字三部分組成,先製作錶盤,選擇“插入”選單中的“新建元件”,以“錶盤”為名的圖形元件,

錶盤由圓環和刻度組成(看上圖),選擇橢圓工具,繪製一個邊框為綠色的,填充色選無色的正圓,

選擇箭頭工具,在圓上雙擊,選中整個圓,選擇“視窗”選單,找到“資訊”命令(Ctrl+I),在右邊側邊欄中顯示資訊面板組,將寬和高改為144,輸入數字後按一下回車鍵確定;

再點選面板“資訊”名稱左邊的“對齊”標籤開對齊面板(Ctrl+K),先單擊按下右邊的“相對於舞臺”按鈕,

再在“對齊”第一排裡,單擊第二個“水平中齊”和倒數第二個“垂直中齊”兩項,使圖形位於工作區的十字正中央,

同樣在旁邊再繪一個綠圓,刪去內部填充色,選中後在資訊面板中把寬和高改為134,輸入數字後按回車鍵確認;

再在對齊面板中選擇第一排“水平中齊”和“垂直中齊”讓這個圓套進大圓中,形成一個均勻的圓環,

選擇油漆桶工具,將填充色設為綠色,給兩個圓之間的縫隙填上綠色,以“雷達”為檔名,儲存檔案到自己的資料夾;

下面再繪製刻度部分,先用箭頭工具在空白處單擊一下取消所有選擇,再選擇直線工具,開啟屬性面板將線粗細改為2.75,在圓旁邊畫一條水平直線,

選中這條線,開啟資訊面板,將寬設為140,再在對齊面板中單擊第一排“水平中齊”和“垂直居中分佈”將這條線對齊到圓的中央對齊成一條水平直徑(注意“相對於舞臺”按鈕要按下),

再點選“資訊”標籤旁邊的變形面板(Ctrl+T),在“旋轉”中輸入10,單擊右下角“複製並應用轉換”按鈕,一直到整個圓被平均分成36等份,

這時的圖形有點兒像一個車輪,框選整個車輪組合一下(Ctrl+G),我們要把車輪中間挖去,留下刻度線就可以了,儲存一下檔案;

挖的方法是使用分散物件之間的“啃”,在車輪左邊畫一個邊框色為無色,填充色為綠色的圓,選中圓,在資訊面板中將大小設為120,

選中綠圓按Ctrl+G組合一下,開啟“對齊”面板,檢查按下了“相對於舞臺”按鈕,再單擊第二個“水平中齊”和“垂直中齊”,將綠圓部分對齊到車輪中,

先選中大車輪,用“修改”選單裡的分離(Ctrl+B)命令,將車輪分解打散,再選中裡頭的圓,用“修改-分離”命令,也將它打散,按一下刪除鍵將裡面的圓刪去,就挖去了中間部分,留下一個刻度盤,

再在旁邊繪製一個大小為36的無邊框小綠圓,用對齊面板對齊到中心部分,用箭頭工具框選選中所有圖形,組合一下,儲存一下檔案,錶盤我們就做好了;

下面再做一個指標,選擇“插入”選單中的“新建元件”命令,以“指標”為名建立一個圖形元件,在場景中繪製一個填充色為黑色的圓,在資訊面板中將大小設為134,刪去外邊框,

選中圓,開啟“對齊”面板(Ctrl+K),先檢查按下了“相對於”按鈕,再單擊“水平中齊”和“垂直中齊”,使黑圓位於十字的中央,

用箭頭工具框選黑圓的四分之一,把這四分之一拖到旁邊,並用油漆桶工具給它添上黑色漸變色,要求黑色在左邊,白色在右邊(用油漆桶從右向左拉一條直線),

選擇“修改”選單中的“轉換成元件”,以“四分之一”為名,轉換成一個圖形元件,然後按Delete鍵刪掉它,

貼著剩下的四分之三圓中的缺口的水平部分,繪製一條寬度為66,粗細為3(在下邊的“屬性”面板中設定)的綠直線邊,

同樣選中它,並在“修改”選單中把它轉換成一個以“直線”為名的圖形元件,然後刪掉直線(不用擔心,都儲存到庫裡了),儲存一下檔案;

在“視窗”選單中開啟“庫”面板,選擇箭頭工具,先把四分之一再拖回到圓當中,用鍵盤方向鍵慢慢移動對好,可以用放大鏡放大一些,把側邊欄摺疊起來,以便騰出一些地方來;

選中四分之一,在下邊的“屬性”面板中,單擊右邊“顏色”旁邊的“沒有”,選中“Alpha”,將它改為60%,產生一個半透明效果來,

再展開側邊欄,找到庫面板(Ctrl+L),再把直線拖到四分之一的下邊對好位置,框選中所有圖形組合為一個物件,這樣一個指標元件就做好了,儲存一下檔案;

這時我們的所有元件都製作好了,單擊“場景1”返回到場景中,下面我們要開始組合它們;

先拖一個錶盤到場景中,用對齊面板對齊到中央,將這一圖層命名為錶盤層,點一下小鎖下面的白圓點鎖定圖層,

再新增一個圖層重新命名為“指標層”,把指標元件拖一個到錶盤的上面,也對齊到中央,應該恰好擋住四方之三的錶盤刻度,

然後在第20幀處插入關鍵幀,再在第一幀處建立補間動畫,開啟屬性面板,將“旋轉”調為“順時針”,次數為1,讓指標順時針旋轉,將錶盤層也加長到20幀(用“插入幀”命令),儲存一下檔案;

按Ctrl+回車鍵測試影片,看一下效果,有一點意思,但還不太像,關閉返回到場景中;

雙擊時間軸上的“12.0”開啟影片屬性,將背景顏色改為黑色,將幀頻改為24,單擊確定,儲存一下檔案,現在再測試一下影片,一個雷達就展現在你的眼前了;

本節主要學習了元件的建立,組裝,物件的對齊和修改大小,如果你成功地完成了練習,請繼續學習下一課內容;

flash動畫製作教程 8.0入門 —8:時間軸面板(一)

八、顯示和隱藏時間軸

Flash是一個動畫製作軟體,因此要學習Flash就必須從時間軸面板入手,時間軸面板在選單欄的下方,是用來管理圖層和處理幀的;

時間軸面板可以在“時間軸” 時間軸 標題上單擊隱藏,這樣可以騰出許多空間來顯示工作區;

時間軸面板的上方是編輯欄,有場景名稱,一般是“場景1”還有兩個按鈕和顯示比例;

時間軸面板分為三部分,左邊是圖層面板,右邊是時間軸,下邊是一個狀態列;

時間軸左邊的圖層面板顯示了當前場景的圖層數,預設是一個“圖層1”,隨著動畫的製作,可以接著新增和修改圖層的名稱和位置,注意:上面的圖層裡的影象會擋住下面一層的;

時間軸由許多的小格組成,每一格代表一個幀,每個幀可以存放一幅圖片,許多幀圖片連續播放,就是一個動畫影片;

時間軸下邊的狀態列有幾個數字,表示當前是第幾幀,速度一般是12.0,時間長度幾秒(S),在12.0 fps那兒雙擊可以彈出“文件屬性”面板;

下面看一下狀態列中的五個按鈕,第一個“幀居中”可以讓選中的這個圖層顯示在時間軸面板的中間位置,在多個圖層時很有用;

第二個是“繪圖紙外觀”可以讓工作區中顯示幾個幀的影象,產生一個洋蔥皮效果,這時在幀的上方有一個大括號一樣的效果範圍,括號兩頭可以拖動,控制顯示幾個幀的影象;

第三個是“繪圖紙輪廓”只顯示出圖形的邊框來,沒有填充色,因而顯示速度要快一些(計算機基礎知識,電腦知識入門學習,請到http://電腦知識網);

第四個是“編輯多個幀”可以同時編輯兩個以上的關鍵幀,這樣在檢查動畫的兩個關鍵幀時,就非常方便;

第五個是“修改標記”,可以設定大括號的範圍,跟拖動大括號的意思一樣,調節洋蔥皮的數量和顯示幀的標記,預設2個繪圖紙,括號裡有兩幀;

下面我們來進行練習我們將在工作區中顯示出如下的效果:

這一幅圖由三個關鍵幀組成,先在時間軸的“12.0”上雙擊,在出來的面板中設定背景顏色為黑色,

選擇橢圓工具,填充色用彩色漸變色,在工作區上繪一個圓,

再選擇箭頭工具,選擇圓的外邊框(當滑鼠接近邊框時,會出現一條尾巴,單擊就可以選中邊框),按Delete鍵刪除外邊框,選中圓按Ctrl+G鍵組合為一個物件;

選中第60幀單擊滑鼠右鍵,選擇“插入關鍵幀”,再選中第90幀插入關鍵幀,把三個幀裡的圓錯開排列成大的“V”字形,這樣時間軸上有了90幀,

單擊第四個“編輯多幀”按鈕,再把幀上面的大括號拖到兩頭,這樣在工作區裡頭,就可以同時看到3個關鍵幀;

以“時間軸”為檔名,儲存檔案到自己的資料夾;

在第一幀上單擊滑鼠右鍵,選擇“建立補間動畫”,同樣在第60幀上單擊右鍵建立動作動畫,儲存一下檔案,按Ctrl+回車鍵測試一下影片,只有一個小球的移動,看不出什麼特別的;

回到場景中(Ctrl+W),單擊的五個按鈕“修改標記”,選擇最下面的“繪製全部”再看一下效果,

單擊第一幀選中它,再單擊第二個按鈕“繪圖紙外觀”,再看一下效果,是不是變了?

再點一下第二個按鈕,取消特效,用自由變換工具修改一下這三個幀的大小,第一幀小,第二幀大,第三幀小,呈“V”字型排列,你就可以產生出不同的效果來;

儲存一下檔案,再單擊第三個按鈕,看看有什麼不同變化;

本節主要介紹了時間軸面板和洋蔥按鈕效果,以及同時編輯多個關鍵幀的方法,如果你成功地完成了練習,請繼續學習下一課內容;

熱門標籤