中國特色高水平高職學校項目建設成果

人才培養高地建設子項目改革系列教材

二維動畫設計與制作

?明麗宏?楊兆輝◎主?編

?張?蕊◎副主編

?鄭智文◎主?審

內?容?簡?介

本書根據二維動畫職業能力培養要求，以工學結合為切入點，以二維動漫企業項目為載體，融入

二維動畫師職業資格考試內容，打破傳統教材的體例框架，以“項目導向、任務驅動”為主線完成二

維動畫創作。將軟件的強大功能及項目領域知識貫穿于項目創作過程始終，使讀者可以三位一體地將

軟件知識、項目領域知識與項目創作緊密結合。

全書主要內容包括“電子賀卡制作”“宣傳廣告制作”“電子相冊制作”“MV制作”“動畫測

試與發布”5個項目和10個典型工作任務，便于教師進行一體化教學。

本書適合作為職業院校及各類計算機培訓單位的教材，同時也適合作為二維動畫創作愛好者及二

維動畫設計人員的參考書。

圖書在版編目（CIP）數據

二維動畫設計與制作/明麗宏，楊兆輝主編.—北京：

中國鐵道出版社有限公司,2022.2

中國特色高水平高職學校項目建設成果人才培養

高地建設子項目改革系列教材

ISBN978-7-113-28814-3

Ⅰ.①二…Ⅱ.①明…②楊…Ⅲ.①二維-動畫-設計-

高等職業教育-教材②二維-動畫-制作-高等職業教育-

教材Ⅳ.①TP391.41

中國版本圖書館CIP數據核字（2022）第013063號

書名：二維動畫設計與制作

作者：明麗宏?楊兆輝?

策劃：祁?云編輯部電話：（010）63549458

責任編輯：祁?云包寧

封面設計：鄭春鵬

責任校對：孫?玫

責任印制：樊啟鵬

出版發行：中國鐵道出版社有限公司（100054，北京市西城區右安門西街8號）

網址：/51eds/

印刷：三河市宏盛印務有限公司

版次：2022年2月第1版2022年2月第1次印刷

開本：850?mm×1?168?mm1/16印張：8字數：193千

書號：ISBN978-7-113-28814-3

定價：26.00元

版權所有?侵權必究

凡購買鐵道版圖書，如有印制質量問題，請與本社教材圖書營銷部聯系調換。電話：（010）63550836

打擊盜版舉報電話：（010）63549461

中國特色高水平高職學校項目建設系列教材

編審委員會

顧?問：劉?申?哈爾濱職業技術學院黨委書記、院長

主?任：孫百鳴?哈爾濱職業技術學院副院長

副主任：金?淼?哈爾濱職業技術學院宣傳（統戰）部部長

????杜麗萍?哈爾濱職業技術學院教務處處長

????徐翠娟?哈爾濱職業技術學院電子與信息工程學院院長

委?員：黃明琪?哈爾濱職業技術學院馬克思主義學院院長

????欒?強?哈爾濱職業技術學院藝術與設計學院院長

????彭?彤?哈爾濱職業技術學院公共基礎教學部主任

????單?林?哈爾濱職業技術學院醫學院院長

????王天成?哈爾濱職業技術學院建筑工程與應急管理學院院長

????于星勝?哈爾濱職業技術學院汽車學院院長

????雍麗英?哈爾濱職業技術學院機電工程學院院長

????張明明?哈爾濱職業技術學院現代服務學院院長

????朱?丹?中嘉城建設計有限公司董事長、總經理

????陸春陽?全國電子商務職業教育教學指導委員會常務副主任

????趙愛民?哈爾濱電機廠有限責任公司人力資源部培訓主任

????劉艷華?哈爾濱職業技術學院汽車學院黨總支書記

????謝吉龍?哈爾濱職業技術學院機電工程學院黨總支書記

????李?敏?哈爾濱職業技術學院機電工程學院教學總管

????王永強?哈爾濱職業技術學院電子與信息工程學院教學總管

????張?宇?哈爾濱職業技術學院高建辦教學總管

目錄I

序

中國特色高水平高職學校和專業建設計劃（簡稱“雙高計劃”）是我國為建設一

批引領改革、支撐發展、中國特色、世界水平的高等職業學校和骨干專業（群）的

重大決策建設工程。哈爾濱職業技術學院入選“雙高計劃”建設單位，對學院中國

特色高水平學校建設進行頂層設計，編制了站位高端、理念領先的建設方案和任務

書并扎實開展了人才培養高地、特色專業群、高水平師資隊伍與校企合作等項目建

設，借鑒國際先進的教育教學理念，開發中國特色、國際水準的專業標準與規范，

深入推動“三教改革”，組建模塊化教學創新團隊，實施“課程思政”，開展“課堂

革命”，校企雙元開發活頁式、工作手冊式、新形態教材。為適應智能時代先進教學

手段應用，學校加大優質在線資源的建設，豐富教材的信息化載體，為開發工作過

程為導向的優質特色教材奠定基礎。

按照教育部印發的《職業院校教材管理辦法》要求，教材編寫總體思路是：依

據學校雙高建設方案中教材建設規劃、國家相關專業教學標準、專業相關職業標準

及職業技能等級標準，服務學生成長成才和就業創業，以立德樹人為根本任務，融

入課程思政，對接相關產業發展需求，將企業應用的新技術、新工藝和新規范融入

教材之中。教材編寫遵循技術技能人才成長規律和學生認知特點，適應相關專業人

才培養模式創新和課程體系優化的需要，注重以真實生產項目、典型工作任務及典

型工作案例等為載體開發教材內容體系，實現理論與實踐有機融合。

本套教材是哈爾濱職業技術學院中國特色高水平高職學校項目建設的重要成果

之一，也是哈爾濱職業技術學院教材建設和教法改革成效的集中體現，教材體例新

穎，具有以下特色：

第一,教材研發團隊組建創新。按照學校教材建設統一要求，遴選教學經驗豐

富、課程改革成效突出的專業教師任主編，選取了行業內具有一定知名度的企業作

為聯合建設單位，形成了一支學校、行業、企業和教育領域高水平專業人才參與的

開發團隊，共同參與教材編寫。

第二，教材內容整體構建創新。精準對接國家專業教學標準、職業標準、職業

技能等級標準確定教材內容體系，參照行業企業標準，有機融入新技術、新工藝、

新規范，構建基于職業崗位工作需要的體現真實工作任務、流程的內容體系。

第三，教材編寫模式形式創新。與課程改革相配套，按照“工作過程系統

化”“項目+任務式”“任務驅動式”“CDIO式”四類課程改革需要設計四大教材編寫

II二維動畫設計與制作

模式，創新新形態、活頁式及工作手冊式教材三大編寫形式。

第四，教材編寫實施載體創新。依據本專業教學標準和人才培養方案要求，在

深入企業調研、崗位工作任務和職業能力分析基礎上，按照“做中學、做中教”的

編寫思路，以企業典型工作任務為載體進行教學內容設計，將企業真實工作任務、

真實業務流程、真實生產過程納入教材之中，并開發了教學內容配套的教學資源，

滿足教師線上線下混合式教學的需要，本套教材配套資源同時在相關平臺上線，可

隨時下載相應資源，滿足學生在線自主學習課程的需要。

第五，教材評價體系構建創新。從培養學生良好的職業道德和綜合職業能力與

創新創業能力出發，設計并構建評價體系，注重過程考核和學生、教師、企業等參

與的多元評價，在學生技能評價上借助社會評價組織的1+X考核評價標準和成績認定

結果進行學分認定，每種教材均根據專業特點設計了綜合評價標準。

為確保教材質量，學院組成了中國特色高水平高職學校項目建設系列教材編審

委員會，教材編審委員會由職業教育專家和企業技術專家組成，同時聘用企業技術

專家指導。學校組織了專業與課程專題研究組，對教材持續進行培訓、指導、回訪

等跟蹤服務，有常態化質量監控機制，能夠為修訂完善教材提供穩定支持，確保教

材的質量。

本套教材是在學校骨干院校教材建設的基礎上，經過幾輪修訂，融入課程思政

內容和課堂革命理念，既具積累之深厚，又具改革之創新，凝聚了校企合作編寫團

隊的集體智慧。本套教材的出版，充分展示了課程改革成果，為更好地推進中國特

色高水平高職學校項目建設做出積極貢獻！

哈爾濱職業技術學院

中國特色高水平高職學校項目建設系列教材編審委員會

2021年8月

前言

本書以教育部提出的“實現專業與產業、職業崗位對接，專業課程內容與職

業標準對接，教學過程與生產過程對接，學歷證書與職業資格對接，職業教育與

終身學習對接”的原則，校企合作共同構建了二維動畫設計與制作課程體系。全

書由簡單到復雜，由單一到綜合，設置了5個項目和10個典型工作任務，并提供

相應的5個項目實訓，幫助學生融會貫通所學內容。

本書主要特色如下：

（1）按照高職高專教育“以服務為宗旨，以就業為導向，注重實踐能力培

養”的原則，重新構建項目導向、任務驅動的教材體系，突出學生二維動畫創作

能力的培養，使崗、證、課深度融合，學生可考取高級二維動畫師證書、高級創

意設計師證書，提高二維動畫創意創作能力。

（2）校企合作組建教材開發團隊。由兩名教授領隊，由“雙師素質”一線骨

干教授、講師及企業資深二維動畫設計師共同組建教材開發團隊，深入動漫企業

調研，確定知識、能力、素質要求，校企合作開發教材，編寫大綱和體例框架。

（3）工學結合開發教材內容體系。本書5個項目創作的內容框架為“項目導入

+學習目標+項目實施+知識鏈接+項目總結+項目實訓”，著重培養學生的綜合職業

能力。本書不僅提供了項目素材文件、項目效果文件、項目電子課件、項目實訓

及參考答案，還特別錄制了微課及操作視頻講解，幫助讀者舉一反三、輕松駕馭

并完成項目創作，能夠真正成長為二維動畫創作高手。

本書由哈爾濱職業技術學院明麗宏、楊兆輝任主編，由哈爾濱職業技術學院

張蕊任副主編，由哈爾濱丙戌文化傳媒有限公司鄭智文主審。全書由明麗宏、楊

兆輝、鄭智文組織策劃，由明麗宏、楊兆輝審閱定稿。其中，項目1、項目3由明

麗宏編寫，項目2、項目5由楊兆輝編寫，項目4及參考答案（項目實訓一、二、

三）由張蕊編寫；參考答案（項目實訓四、五）由鄭智文編寫。本書在編寫過

程中得到學校、動漫企業及ACAA職業考核機構等各方面的支持，在此一并表示

感謝！

編者

2021年9月

目錄

項目1?電子賀卡制作知識鏈接

一、聲音的播放................................................................33

任務一?新年賀卡制作...............1

二、聲音的效果................................................................33

任務解析..............................................................................1三、編輯封套.....................................................................34

知識鏈接四、聲音的同步方式.....................................................35

一、傳統文本的類型.......................................................2任務實施....................................................................35

二、傳統文本的輸入.......................................................2

項目3?電子相冊制作

三、設置文本屬性.............................................................3

四、編輯文本........................................................................4任務一?風景相冊制作..............46

任務實施.......................................................................6任務解析....................................................................46

任務二?教師節賀卡制作............16知識鏈接

一、圖層的類型...............................................................47

任務解析....................................................................16

二、設置圖層屬性..........................................................47

知識鏈接

三、繪圖紙外觀...............................................................48

一、矩形工具和基本矩形工具...............................17

二、橢圓工具和基本橢圓工具...............................17任務實施....................................................................49

三、漸變變形工具..........................................................18任務二?寶寶相冊制作..............54

四、任意變形工具..........................................................19任務解析....................................................................54

任務實施....................................................................19知識鏈接

一、補間動畫的屬性設置.........................................54

項目2?宣傳廣告制作

二、遮罩層的創建...........................................................56

任務一?眼影廣告制作..............23任務實施....................................................................56

任務解析....................................................................23

項目4?MV制作

知識鏈接

一、創建圖形元件..........................................................24任務一?蝸牛與黃鸝鳥MV制作......64

二、創建按鈕元件..........................................................24任務解析....................................................................64

三、創建影片剪輯元件................................................25知識鏈接

任務實施....................................................................26一、變量................................................................................64

二、鼠標事件......................................................................65

任務二?鉆戒廣告制作..............32

三、關鍵幀事件................................................................66

任務解析.....................................................................32

四、影片剪輯事件...........................................................66

II二維動畫設計與制作

任務實施....................................................................67任務實施....................................................................90

任務二?英文歌曲MV制作..........75任務二?發布JPEG圖像............91

任務解析....................................................................75任務解析....................................................................91

知識鏈接知識鏈接

一、自定義函數基礎.....................................................75一、導出動畫及圖像格式..........................................92

二、調用自定義函數.....................................................76二、發布設置......................................................................92

三、條件語句的使用.....................................................76三、發布為Flash文件................................................92

四、循環語句的使用.....................................................78四、發布為HTML文件............................................94

任務實施....................................................................78五、發布為GIF文件....................................................95

六、發布為JPEG文件................................................96

項目5?動畫測試與發布七、發布為PNG文件..................................................96

任務一?發布HTML網頁...........88八、發布為SVG文件..................................................97

任務實施....................................................................98

任務解析....................................................................88

知識鏈接附錄?項目實訓參考...............100

測試并優化Flash作品................................................89

參考文獻.......................117

項目1

電子賀卡制作

項目導入

發送賀卡是現在人們寄托祝福、傳遞感情、互通信息的一種常見方式。在快節奏的今天，電

子賀卡內容豐富、使用方便，能夠全方位展示人們的所思所想，受到大眾的青睞。

靈犀文化傳媒有限公司接到電子賀卡創作訂單，客戶要求電子賀卡的文字色彩吸睛，充分起

到畫龍點睛的作用，動畫節奏明快，畫面節日氣氛濃郁。

學習目標

1.掌握“文本工具”的使用方法及“屬性”面板參數設定，學生能夠完成文本動畫創作。

2.掌握幀、“時間軸”面板及圖層的使用方法，在教師的指導下學生能夠完成場景動畫創作，展

現作品的創新性、高階性與挑戰性。

3.掌握元件的創建及使用技巧，學生能夠獨立完成影片剪輯元件、圖形元件的動畫制作，充分

體現元件動畫創作的主動性、積極性、創新性。

4.掌握傳統補間動畫的創作方法及使用技巧，學生能夠完成動畫創作。

5.掌握“動作”面板的使用方法，學生能夠編輯腳本語言，完成動畫的交互控制。

6.掌握動畫的測試方法，學生在教師的指導下，能夠充分發揮團隊合作精神與應變能力，完成

動畫測試并成功播放。

項目實施

任務一新年賀卡制作

任務解析

根據給定的素材，完成節日氛圍濃郁，具有強烈的視覺沖擊力的新年賀卡創作，使學生掌握“文本

2二維動畫設計與制作

工具”的使用方法，完成文案創作；掌握傳統補間動畫、腳本語言的創作方法與技巧，完成場景動畫創

作；學會用圖形元件及影片剪輯元件創作動畫，最終提交*.fla動畫文件，達到以下視頻文件所示效果。

動?畫

新年賀卡

知識鏈接

一、傳統文本的類型

“文本工具”可以為動畫創建不同類型和不同用途的文本對象。在AnimateCC中，用戶可以創建3種

類型的傳統文本，分別是“靜態文本”“動態文本”“輸入文本”，文本舞臺效果和屬性設置如圖1-1所示。

圖1-1?文本舞臺效果和屬性設置

靜態文本：默認狀態下創建的文本對象均為靜態文本，它在影片的播放過程中不會進行動態改

變，因此常被用作說明文字。

動態文本：動態文本是指該文本對象中的內容可以動態改變，甚至可以隨著影片的播放自動更新。

輸入文本：輸入文本是指該文本對象在影片的播放過程中可以輸入表單或調查表的文本等信息，

用于在用戶與動畫之間產生交互，如QQ登錄窗口。

二、傳統文本的輸入

傳統的文本輸入有兩種方式：

（1）選擇“文本工具”，在舞臺中單擊，出現文本輸入光標，直接輸入文字即可。在這種輸入方

式中文本是不限制寬度的，文字的寬度可以超出舞臺。這種輸入方式的文本框右上角有個“圓形控

制點”，如圖1-2所示。

圖1-2?在舞臺直接輸入的文本效果

項目1電子賀卡制作3

（2）用鼠標在舞臺中向右下角方向拖動出一個文本框，松開鼠標，出現文本輸入光標，就可以

在文本框中輸入文字了。在這種輸入方式中是限定文本框寬度的。如果輸入的文字較多，會自動轉

到下一行顯示。這種輸入方式的文本框右上角有個“方形控制點”，可以拖動控制點改變文本框的大

小，如圖1-3所示。

圖1-3?在舞臺拖動文本框輸入的文本效果

三、設置文本屬性

輸入文字后，往往需要設置文本的一些屬性，如大小、顏色、字體等，以使其符合動畫設計的

要求。文本的“屬性”面板如圖1-4所示。

1.設置文本的位置和大小

選中文本后，在“屬性”面板中可以設置文本的位置和大小，其中（X,Y）設置的是文本左上

頂角的坐標值，文本的高度是固定的。舞臺左上頂角的坐標為（0,0），X坐標軸的方向是向右，Y坐

標軸的方向是向下。

2.設置文本的字體樣式

由于存在版權問題，用戶應盡量使用常用的字體，以免對以后動畫的發布產生影響，Animate

CC提供的字體樣式如圖1-5所示。

??????圖1-4?文本的“屬性”面板?????圖1-5?文本“字體樣式”

4二維動畫設計與制作

3.設置文本的段落

段落的設置包括對齊、間距、邊距等，如圖1-6所示。

圖1-6?文本段落設置

（1）對齊包括左對齊、居中對齊、右對齊和兩端對齊。

（2）間距包括首行縮進和行間距。

（3）邊距包括左邊距和右邊距。

（4）多行是“動態文本”和“輸入文本”類型的屬性。設置文本是“單行”“多行”或“多行不

換行”等。

4.設置文本的選項

可以將類型為靜態文本或動態文本的文本字段設置URL鏈接，而輸入文本類型的文本字段則不

能進行該項設置。

（1）對于靜態文本，直接在“鏈接”文本框中輸入要鏈接到的URL即可。

（2）對于動態文本，首先在“屬性”面板中選中“將文本呈現為HTML”復選框，激活下面的URL

鏈接，然后輸入要鏈接到的URL即可。

四、編輯文本

文本的編輯包括文本的選擇、剪切、復制、粘貼、分離、組合、填充、變形、刪除等。

1.文本的選擇

（1）選擇“選擇工具”，單擊文本。文本被選定后周圍出現一個藍色邊框，如圖1-7所示。

（2）選擇“文本工具”，單擊文本，拖動鼠標選中文本，如圖1-8所示。

圖1-7?單擊???圖1-8?拖選

2.文本的編輯

（1）剪切有三種方法，分別是：

在選中的文本上右擊，在彈出的快捷菜單中選擇“剪切”命令。

選擇“編輯”｜“剪切”命令。

按【Ctrl+X】組合鍵。

（2）復制有四種方法，分別是：

在選中的文本上右擊，在彈出的快捷菜單中選擇“復制”命令。

項目1電子賀卡制作5

選擇“編輯”｜“復制”命令。

在移動對象的過程中，按住【Alt】鍵拖動，此時光標變為+形狀，可以拖動并復制該對象。

按【Ctrl+C】組合鍵。

（3）粘貼比前兩個操作復雜一些，因為涉及粘貼選項。

在選中的文本上右擊，在彈出的快捷菜單中選擇“粘貼”命令。

選擇“編輯”｜“粘貼”命令。

按【Ctrl+V】組合鍵。

“編輯”｜“粘貼到當前位置”命令跟前三種方法不一樣，前三種是“粘貼到中心位置”，這是

圖層間復制對象非常方便的方式，不僅能復制對象，還能保證對象在同一位置。

3.文本的分離和組合

分離：使用一次分離命令可以將文本拆成若干個單字，把單字分離就將文本打散成一個個的像

素點。具體的操作方法是，選中所需分離的文本，選擇“修改”｜“分離”命令或按【Ctrl+B】組合

鍵即可，如圖1-9所示。

圖1-9?原文字、一次分離、二次分離

組合：從舞臺中選擇需要組合的文本，然后選擇“修改”｜“組合”命令或按【Ctrl+G】組合

鍵，即可組合對象，如圖1-10所示。

圖1-10?組合前和組合后

4.文本的顏色填充

選中文本，按兩次【Ctrl+B】組合鍵，將文字打散。單擊浮動面板上的“顏色”面板按鈕，或執

行“窗口”｜“顏色”命令打開“顏色”面板。在“類型”選項中選擇4種不同類型的顏色填充方式。

以下分別是“純色”“線性漸變”“徑向漸變”和“位圖填充”4種填充方式的文本，如圖1-11所示。

圖1-11?文本的填充類型

5.文本的變形

在將文本分離為位圖后，可以非常方便地改變文字的形狀。要改變分離后文本的形狀，可以使

用工具箱中的“選擇工具”或“部分選取工具”等，對其進行各種變形操作。選擇“修改”|“變

形”|“封套”命令，在文字的周圍出現控制點，拖動控制點，改變文字的形狀，幾種常見的變形文

6二維動畫設計與制作

字如圖1-12所示。

圖1-12?文本的變形

6.文本的刪除

選中要刪除的文本，按下【Delete】或【Backspace】鍵。

選中要刪除的文本，選擇“編輯”｜“清除”命令。

選中要刪除的文本，選擇“編輯”｜“剪切”命令。

右擊要刪除的文本，在彈出的快捷菜單中選擇“剪切”命令。

任務實施

1.導入圖片

（1）選擇“文件”｜“新建”命令，在彈出的“新建文檔”對話框中選擇ActionScript3.0，單擊

“確定”按鈕，進入新建文檔舞臺窗口。按【Ctrl+F3】組合鍵，彈出“屬性”面板，單擊“大小”右

側的“編輯”按鈕，彈出“文檔設置”對話框，將舞臺寬度設置為450像素，高度設置為300像素，

將背景顏色設置為“紅色”（#FF0000），如圖1-13所示單擊“確定”按鈕。

微課

新年賀卡制作

圖1-13?文檔屬性設置

（2）在“屬性”面板中，單擊“配置文件”右側的“編輯”按鈕，彈出“發布設置”對話框，

將“目標”設置為FlashPlayer17，將“腳本”設置為ActionScript3.0，如圖1-14所示。

（3）選擇“文件”｜“導入”｜“導入到庫”命令，在彈出的“導入到庫”對話框中選擇“學習

情境1\素材\春節賀卡”文件夾下的所有文件，單擊“打開”按鈕，這些圖片都被導入“庫”面板中，

效果如圖1-15所示。

圖1-14?Flash選項卡設置???圖1-15?導入“庫”面板

項目1電子賀卡制作7

2.制作人物拜年效果

（1）在“庫”面板下方單擊“新建元件”按鈕，彈出“創建新元件”對話框，在“名稱”文本

框中輸入“人物動”，在“類型”下拉列表中選擇“影片剪輯”選項，單擊“確定”按鈕，新建影片

剪輯元件“人物動”，如圖1-16所示。此時舞臺窗口也隨之轉換為影片剪輯元件的舞臺窗口。

（2）將“庫”面板中的圖形元件“人物”和圖形元件“手臂”拖動到舞臺窗口中，效

果如圖1-17所示，選中“圖層1”的第6幀，按【F5】鍵，在該幀上插入普通幀。選中“圖

層1”的第4幀，按【F6】鍵，在該幀上插入關鍵幀。

?????????????圖1-16?“庫”面板??????圖1-17?“人物動”元件

（3）選中“圖層1”的第4幀。選擇“任意變形工具”，在舞臺窗口中選中“手臂”實例，出現

變換框，將中心控制點拖動到變換框的右下方。調出“變形”面板，在面板中進行設置，效果如

圖1-18所示。按【Enter】鍵，實例效果如圖1-19所示。

圖1-18?“變形”面板?圖1-19?手臂旋轉效果

8二維動畫設計與制作

3.制作文字動畫

（1）單擊“新建元件”按鈕，新建影片剪輯元件“文字1”。選擇“文本工具”，在“屬性”面板

中進行設置，如圖1-20所示，在舞臺窗口中輸入黃色（#FFFF00）文字，效果如圖1-21所示。

圖1-20?文本屬性設置?圖1-21?輸入文字

（2）選中“圖層1”的第2幀，在該幀上插入關鍵幀。選擇“任意變形工具”，將文字順時針旋轉

到合適的角度，效果如圖1-22所示。

（3）使用相同的方法制作影片剪輯元件“文字2”，輸入的文字為“心想事成”，旋轉方向為逆時

針，效果如圖1-23所示。

圖1-22?順時針旋轉文字??圖1-23?逆時針旋轉文字

4.繪制燭火圖形

（1）單擊“新建元件”按鈕，新建圖形元件“燭火”。選擇“窗口”｜“顏色”命令，彈出“顏

色”面板，將“填充顏色”設置為“無”，選中“筆觸顏色”按鈕，在右側下拉列表中選擇“徑向

漸變”，在色帶上設置6個色塊，將色塊全部設為白色，分別選中色帶上的第1、3、4、6個色塊，將

Alpha選項設置為0%，如圖1-24所示。

（2）選擇“橢圓工具”，在其“屬性”面板中將“筆觸大小”選項設置為10，在舞臺窗口中繪制

一個圓形，效果如圖1-25所示。

圖1-24?“顏色”面板??圖1-25?繪制圓形

項目1電子賀卡制作9

（3）選擇“橢圓工具”，在其“屬性”面板中將“筆觸顏色”設置為“黃色”（#FFFF00），“填

充顏色”設置為“紅色”（#FF0000），將“筆觸大小”設置為3，在舞臺窗口中繪制一個橢圓形，效

果如圖1-26所示。

（4）選擇“選擇工具”，將鼠標指針放在橢圓形邊線上，拖動橢圓形邊線將其變形。選中橢圓

形，選擇“任意變形工具”，將其調整到合適的大小并放置到白色圓環內，效果如圖1-27所示。

圖1-26?繪制橢圓形??圖1-27?“燭火”圖形

5.制作燈籠動的效果

（1）單擊“新建元件”按鈕，新建影片剪輯元件“燈籠動”。將“圖層1”重新命名為“燈籠

穗”。將“庫”面板中的圖形元件“燈籠穗”拖動到舞臺窗口中，效果如圖1-28所示。

（2）分別選中“燈籠穗”圖層的第10幀和第20幀，在選中的幀上插入關鍵幀。選中“燈籠穗”

圖層的第10幀，在舞臺窗口中選中“燈籠穗”實例，選中“任意變形工具”，按住【Alt】鍵的同時，

將變換框下端中間控件點向左拖動，如圖1-29所示。

圖1-28?“燈籠穗”實例?圖1-29?變形操作

（3）分別右擊“燈籠穗”圖層的第1幀和第10幀，在彈出的快捷菜單中選擇“創建傳統補間”命

令，生成傳統補間動畫，效果如圖1-30所示。

圖1-30?創建傳統補間動畫

（4）在“時間軸”面板中，創建新圖層并將其命名為“燈籠”。將“庫”面板中的圖形元件“燈

籠”拖動到舞臺窗口中，選擇“任意變形工具”，將其調整到合適的大小并放置到適當的位置，效果

如圖1-31所示。

（5）在“時間軸”面板中創建新圖層并將其命名為“燭火”。將“庫”面板中的圖形元件“燭

10二維動畫設計與制作

火”拖動到舞臺窗口中，選擇“任意變形工具”，將其調整到合適大小，并放置到燈籠內，在“屬

性”面板中，將Alpha值設為30%，舞臺窗口效果如圖1-32所示。

圖1-31?調整燈籠位置及大小???????圖1-32?放置“燭火”圖形

（6）分別選中“燭火”圖層的第10幀和第20幀，在選中的幀上插入關鍵幀。選中“燭火”圖層

的第10幀，在舞臺窗口中選中“燭火”實例，選擇“任意變形工具”將其適當放大。分別右擊“燭

火”圖層的第1幀和第10幀，在彈出的快捷菜單中選擇“創建傳統補間”命令，生成傳統補間動畫，

效果如圖1-33所示。

圖1-33?創建“燭火”動畫

（7）單擊“新建元件”按鈕，新建影片剪輯元件“燈籠動2”。將“庫”面板中的影片剪輯元件

“燈籠動”向舞臺窗口中拖動兩次，效果如圖1-34所示。

圖1-34?燈籠效果

項目1電子賀卡制作11

6.制作動畫效果

（1）單擊“時間軸”面板下方的“場景1”圖標，進入“場景1”的舞臺窗口。將“圖層1”重新

命名為“背景圖”。將“庫”面板中的圖形元件“背景圖”拖動到舞臺窗口中，效果如圖1-35所示。

選中“背景圖”圖層的第50幀，在該幀上插入普通幀。

（2）在“時間軸”面板中創建新圖層，并將其命名為“福字”。將“庫”面板中的圖形元件“福

字”拖動到舞臺窗口的右側外面，選擇“任意變形工具”，調整“福字”實例的大小，如圖1-36所示。

圖1-35?背景圖?圖1-36?福字

（3）選中“福字”圖層的第12幀，在該幀上插入關鍵幀。在舞臺窗口中選中“福字”實例，按

住【Shift】鍵的同時，將其水平向左拖動到舞臺窗口中間，效果如圖1-37所示。右擊“福字”圖層

的第1幀，在彈出的快捷菜單中選擇“創建傳統補間”命令，生成傳統補間動畫，如圖1-38所示。調

出“屬性”面板，選擇“旋轉”下拉列表中的“順時針”選項。

圖1-37?將“福字”移到舞臺中間

圖1-38?創建傳統補間動畫

12二維動畫設計與制作

（4）選中“福字”圖層的第18幀，在該幀上插入關鍵幀。在舞臺窗口中選中“福字”實例，選

擇“任意變形工具”，將其倒轉，效果如圖1-39所示。右擊“福字”圖層的第12幀，在彈出的快捷菜

單中選擇“創建傳統補間”命令，生成傳統補間動畫。

（5）在“時間軸”面板中創建新圖層，并將其命名為“燈籠”。選中“燈籠”圖層的第39幀，在

該幀上插入關鍵幀。將“庫”面板中的影片剪輯元件“燈籠動2”拖動到舞臺窗口中，選擇“任意變

形工具”，將其調整到合適大小，并放置到舞臺窗口右上方，效果如圖1-40所示。

圖1-39?將“福字”倒轉?圖1-40?放置“燈籠”至窗口右上方

（6）選中“燈籠”圖層的第44幀，在該幀上插入關鍵幀。在舞臺窗口中選中“燈籠動2”實例，

按住【Shift】鍵的同時，將其垂直向下拖動到舞臺窗口中，效果如圖1-41所示。右擊“燈籠”圖層

的第39幀，在彈出的快捷菜單中選擇“創建傳統補間”命令，生成傳統補間動畫，如圖1-42所示。

圖1-41?移動“燈籠”

圖1-42?創建“燈籠”動畫

項目1電子賀卡制作13

（7）在“時間軸”面板中創建新圖層，并將其命名為“人物”。選中“人物”圖層的第46幀，在

該幀上插入關鍵幀。將“庫”面板中的影片剪輯元件“人物動”拖動到舞臺窗口中，效果如圖1-43

所示。

圖1-43?元件“人物動”拖動到舞臺窗口

（8）分別選中“人物”圖層的第48幀和第50幀，在選中的幀上插入關鍵幀。選中“人物”圖層

的第48幀，在舞臺窗口中選中“人物動”實例，選擇“任意變形工具”，按住【Shift】鍵的同時，將

其等比例放大，效果如圖1-44所示。

圖1-44?元件“人物動”等比例放大

（9）分別右擊“人物”圖層的第46幀和第48幀，在彈出的快捷菜單中選擇“創建傳統補間”命

令，生成傳統補間動畫，效果如圖1-45所示。

圖1-45?創建動畫

14二維動畫設計與制作

（10）在“時間軸”面板中創建新圖層，并將其命名為“文字1”。選中“文字1”圖層的第18幀，

在該幀上插入關鍵幀。將“庫”面板中的影片剪輯元件“文字1”拖動到舞臺窗口左側外面偏上的位

置，效果如圖1-46所示。

圖1-46?放入“文字1”

（11）選中“文字1”圖層的第23幀，在該幀上插入關鍵幀。在舞臺窗口中選中“文字1”實例，

按住【Shift】鍵的同時，將其水平向右拖動到舞臺窗口中“福字”實例左側，效果如圖1-47所示。

圖1-47?將“文字1”移到“福字”左側

（12）選中“文字1”圖層的第31幀，在該幀上插入關鍵幀。在舞臺窗口中選中“文字1”實例，

按住【Shift】鍵的同時，將其稍向右水平拖動，效果如圖1-48所示。

圖1-48?向右移動“文字1”

項目1電子賀卡制作15

（13）選中“文字1”圖層的第37幀，在該幀上插入關鍵幀。在舞臺窗口中選中“文字1”實例，

按住【Shift】鍵的同時，將其水平拖動到舞臺窗口的右側外面，效果如圖1-49所示。

圖1-49?移動“文字1”至舞臺窗口右側

（14）分別右擊“文字1”圖層的第18幀、第23幀和第31幀，在彈出的快捷菜單中選擇“創建傳

統補間”命令，生成傳統補間動畫，效果如圖1-50所示。在“時間軸”面板中創建新圖層并將其命

名為“文字2”。使用相同的方法設置“文字2”實例，使其從舞臺窗口右側外面的偏下位置移動到左

側外面的偏下位置?！皶r間軸”面板中的效果如圖1-51所示。

圖1-50?“時間軸”面板設置1

圖1-51?“時間軸”面板設置2

（15）在“時間軸”面板中創建新圖層并將其命名為“聲音”。將“庫”面板中的聲音文件“背

景音樂”拖動到舞臺窗口。

（16）在“時間軸”面板中創建新圖層并將其命名為“動作腳本”。選中“動作腳本”圖層的第

50幀，在該幀上插入關鍵幀，右擊，從快捷菜單中選擇“動作”命令，在“動作”面板中輸入Stop

命令，如圖1-52所示。在“動作腳本”圖層的第50幀上顯示出標記a，如圖1-53所示，整個時間軸

如圖1-54所示。

16二維動畫設計與制作

圖1-52?輸入語句

圖1-53?“時間軸”面板

圖1-54?動畫“時間軸”面板

任務二教師節賀卡制作

任務解析

根據給定的素材，完成突顯教師“春蠶到死絲方盡，焟炬成灰淚始干”的無私奉獻精神的教師

節賀卡創作，使學生能夠使用“文本工具”及“任意變形工具”完成文本創作，能夠熟練使用傳統

補間動畫創作光束動畫，學會熟練使用形狀補間動畫創作書頁翻動效果，最終提交*.fla動畫文件，

達到視頻文件所示效果。

動?畫

教師節賀卡

項目1電子賀卡制作17

知識鏈接

一、矩形工具和基本矩形工具

1.矩形工具

“矩形工具”主要用于繪制不同大小的矩形和正方形，其使用方法如下。

（1）選擇“矩形工具”，分別單擊工具箱中“筆觸顏色”和“填充顏色”右邊的色塊，彈出色

板，選擇顏色。

（2）在舞臺上按住鼠標左鍵并拖動后，釋放鼠標即可繪制一個矩形。如果繪制時按住【Shift】

鍵，可繪制正方形；按住【Alt】鍵，可繪制以鼠標單擊點為中心的矩形；同時按住【Shift+Alt】組

合鍵，可繪制以鼠標單擊點為中心的正方形。

2.基本矩形工具

選中使用“基本矩形工具”創建的圖形后，不像使用“矩形工具”創建的圖形一樣，表面都是

像素點，而是周圍有一個邊框，如圖1-55所示。它的使用方法與“矩形工具”的使用方法基本相同，

其優點是圓角的設置可以在創建完圖形之后進行，而且不僅可以通過“屬性”面板進行設置，還可

以直接拖動邊框線上的控制點進行調整。

圖1-55?使用“矩形工具”與“基本矩形工具”被選中后的效果

二、橢圓工具和基本橢圓工具

1.橢圓工具

“橢圓工具”主要用于繪制不同大小的橢圓形、圓形、扇形和環形，其使用方法如下。

（1）“橢圓工具”的使用方法和“矩形工具”的使用方法十分相似，也可以使用【Shift】鍵和

【Alt】鍵來輔助繪制。如果要繪制扇形或環形，則需要先認識一下“橢圓工具”的“屬性”面板。

（2）選擇“橢圓工具”，其“屬性”面板下部的“橢圓選項”選項組如圖1-56所示。

①開始角度：用于指定橢圓的開始點。

②結束角度：用于指定橢圓的結束點。由這兩個屬性可以繪制扇形等形狀，圖1-57左圖所示為

開始角度為120°，結束角度為280°時的扇形。

③內徑：此值的大小可以控制圖形是否為環形，圖1-57右圖所示為內徑為70時的環形。

18二維動畫設計與制作

圖1-56?橢圓選項???圖1-57?扇形和環形

2.基本橢圓工具

“基本橢圓工具”和“基本矩形工具”基本相同，也是在繪制完成后允許修改。

三、漸變變形工具

“漸變變形工具”用于對填充的漸變顏色進行編輯，其使用方法如下。

（1）使用“星形工具”在舞臺上創建一個八角星形對象，并將對象的填充選中，如圖1-58（a）所示。

（2）選擇“窗口”|“顏色”命令，打開“顏色”面板，然后在該面板上單擊“填充顏色”按

鈕，填充彩色線條，如圖1-58（b）所示。

（3）選中對象，選擇“漸變變形工具”，對象上出現了三個漸變控制點，鼠標指針右下方增加

了一個漸變填充的矩形標記，效果如圖1-58（c）所示。需要注意的是，當填充類型為放射狀和位圖

時，填充的控制點標記會有所不同。

（a）??（b）??（c）

圖1-58?漸變變形工具

（4）右側的標記用于調整漸變中心點的范圍，調整后的效果如圖1-59（a）所示。中央的標

記用于調整漸變中心點的位置，調整后的效果如圖1-59（b）所示。右上方的標記用于調整漸變填

充的角度，調整后的效果如圖1-59（c）所示。

（a）?（b）??（c）

圖1-59?漸變變形工具效果

項目1電子賀卡制作19

四、任意變形工具

“任意變形工具”用于對選中的對象進行旋轉、縮放和變形等操作，其使用方法如下。

（1）選擇“任意變形工具”。

（2）選擇舞臺上需要修改的矩形對象，矩形周圍出現8個黑色方形控制柄，中心出現一個白色圓

形控制點，如圖1-60（a）所示。

（3）拖動水平控制柄，可修改圖形的寬度；拖動垂直控制柄，可修改圖形的高度；拖動四周的

控制柄，可同時修改圖形的高度和寬度。

（4）當鼠標指針移到矩形邊框變為時，拖動鼠標完成傾斜操作，效果如圖1-60（b）所示。

（5）當鼠標指針移到矩形4個頂點變為時，拖動鼠標完成旋轉操作，效果如圖1-60（c）所

示。此時旋轉是以矩形中心為參考點，如果希望以任意某個點為旋轉參考點，只需移動圓形控制點

到合適的位置即可。圖1-60（d）所示是將旋轉參考點由矩形中心拖至右上方后的旋轉效果。

（a）?（b）???（c）??（d）

圖1-60?對象的旋轉與傾斜

提示

1.對于一個繪制的圖形，如果要通過拖動4個拐角的控制點實行等比縮放，一定要按住

【Alt】鍵才能實現。

2.若工具箱底部沒有顯示出“旋轉與傾斜”“縮放”“扭曲”“封套”等按鈕，拉寬工具

窗口的寬度即可顯示。

任務實施

微課

1.創建新文件和圖形元件

新建Animate文檔，大小為550×340像素，并將文件保存為“教師節賀卡”，“屬性”面

板如圖1-61所示。

教師節

賀卡制作

圖1-61?文檔屬性

20二維動畫設計與制作

2.創建影片剪輯“光動”

（1）單擊“庫”面板中的“新建元件”按鈕，彈出“創建新元件”對話框，在“名稱”文本框

中輸入名稱“光動”，在“類型”下拉列表中選擇“影片剪輯”選項，如圖1-62所示。單擊“確定”

按鈕，隨即轉入該影片剪輯的舞臺窗口，舞臺效果如圖1-63所示。

圖1-6