Animate-CC-2019-動漫制作案例教程全書電子教案完整版課件

1、本章簡介： 本章將詳細介紹Animate CC 2019的基礎知識和基本操作。讀者通過本章的學習，可對Animate CC 2019有初步的認識和了解，并能夠掌握軟件的基本操作方法和應用技巧，為以后的學習打下堅實的基礎。 第1章初識AnimateCC 2019課堂學習目標掌握工作界面的基本操作 掌握設置文件的基本方法了解文件的輸出格式操作目的 操作步驟 相關工具 1.1 操作界面1.1.1操作目的 通過打開文件和取消組合熟悉菜單欄的操作，通過選取圖形和改變圖形的大小熟悉工具箱中工具的使用方法，通過改變圖形的顏色熟悉控制面板的使用方法。1.1.2操作步驟 1 23 41.1.3相關工具 1界面介

2、紹Animate CC 2019的操作界面由以下幾部分組成：菜單欄、工具箱、時間軸、場景和舞臺、屬性面板以及浮動面板。Animate CC 2019操作界面1.1.3相關工具 2.菜單欄 Animate CC 2019的菜單欄依次分為“文件”菜單、“編輯”菜單、“視圖”菜單、“插入”菜單、“修改”菜單、“文本”菜單、“命令”菜單、“控制”菜單、“調試”菜單、“窗口”菜單及“幫助”菜單。菜單欄3.工具箱工具箱提供了圖形繪制和編輯的各種工具，分為“工具”“查看”“顏色”“選項”4個功能區(qū)，。選擇“窗口 工具”命令，或按Ctrl+F2組合鍵，可以調出工具箱。工具欄1.1.3相關工具 4.時間軸 時間

3、軸用于組織和控制文件內容在一定時間內的播放。按照功能的不同，時間軸窗口分為左右兩部分，分別為層控制區(qū)、時間線控制區(qū)。時間軸的主要組件是層、幀和播放頭。時間軸1.1.3相關工具 5.場景和舞臺 場景是所有動畫元素的最大活動空間。像多幕劇一樣，場景可以不止一個。要查看特定場景，可以選擇“視圖 轉到”命令，再從其子菜單中選擇場景的名稱。場景也就是常說的舞臺，是編輯和播放動畫的矩形區(qū)域。在舞臺上可以放置、編輯矢量插圖、文本框、按鈕、導入的位圖圖形、視頻剪輯等對象。還可以修改舞臺大小、顏色等屬性。場景1.1.3相關工具 6.“屬性”面板 對于正在使用的工具或資源，使用“屬性”面板，可以很容易地查看和更改

4、它們的屬性，從而簡化文檔的創(chuàng)建過程。當選定單個對象，如文本、組件、形狀、位圖、視頻、組、幀等時，“屬性”面板可以顯示相應的信息和設置。當選定了兩個或多個不同類型的對象時，“屬性”面板會顯示選定對象的總數(shù)?！皩傩浴泵姘?.1.3相關工具 7.“浮動”面板 使用此面板可以查看、組合和更改資源。但屏幕的大小有限，為了盡量使工作區(qū)最大，Animate CC 2019提供了許多種自定義工作區(qū)的方式，如可以通過“窗口”菜單顯示、隱藏面板，還可以通過鼠標拖動來調整面板的大小以及重新組合面板。浮動面板1.1.3相關工具 操作目的 操作步驟 相關工具 1.2 文件設置1.2.1操作目的 通過打開效果文件熟練掌握

5、打開命令，通過新建文件熟練掌握新建命令，通過關閉新建文件熟練掌握保存和關閉命令。1.2.2操作步驟 1 23 41.2.3相關工具 1.新建文件 新建文件是使用Animate CC 2019進行設計的第一步。在Animate CC 2019軟件中，沒有任何文檔打開時，創(chuàng)建文檔必須通過歡迎頁進行創(chuàng)建。在歡迎頁的中上方選擇要創(chuàng)建文檔的類型，在“預設”選項中選擇需要的預設，也可以在“詳細信息”選項中，進行自定義設置尺寸、單位和平臺類型，設置好之后單擊“創(chuàng)建”按鈕，即可創(chuàng)建一個新文檔。 歡迎頁1.2.3相關工具 1.新建文件 當有文檔打開時，創(chuàng)建新文檔可通過“文件”菜單命令進行創(chuàng)建。選擇“文件 新建”

6、命令，或按Ctrl+N組合鍵，彈出“新建文檔”對話框，在對話框中進行設置，設置好之后單擊“創(chuàng)建”按鈕，即可創(chuàng)建一個新文檔?！靶陆ㄎ臋n”對話框2保存文件編輯和制作完動畫后，就需要將動畫文件進行保存。通過“文件 保存”“另存為”等命令可以將文件保存在磁盤上。當設計好作品進行第一次存儲時，選擇“保存”命令，或按Ctrl+S組合鍵，彈出“另存為”對話框。在對話框中，輸入文件名，選擇保存類型，單擊“保存”按鈕，即可將動畫保存?！傲泶鏋椤睂υ捒?.2.3相關工具 3打開文件如果要修改已完成的動畫文件，必須先將其打開。選擇“文件 打開”命令，彈出“打開”對話框，在對話框中搜索路徑和文件，確認文件類型和名稱。

7、然后單擊“打開”按鈕，或直接雙擊文件，即可打開所指定的動畫文件。“打開”對話框1.2.3相關工具 4.輸出影片格式 Animate CC 2019可以輸出多種格式的動畫或圖形文件，一般包含以下幾種常用類型。SWF 影片 (*.swf)JPEG序列 (*.jpg)GIF序列 (*.gif)PNG序列 (*.png)1.2.3相關工具 本章簡介： 現(xiàn)代插畫藝術發(fā)展迅速，已經被廣泛用于廣告、雜志、周刊、包裝、紡織品等各項鄰域。使用Animate繪制的插畫簡潔明快、獨特新穎、形式多樣，已經成為流行的插畫表現(xiàn)形式之一。本章以多種題材的插畫設計為例，講解插畫的設計方法和制作技巧。 第2章插畫設計課堂學習目

8、標了解插畫的設計思路和過程掌握插畫的制作方法和技巧掌握繪制插畫的相關工具案例分析 設計理念操作步驟 相關工具實戰(zhàn)演練2.1 繪制引導頁中的插畫2.1.1案例分析 侃侃是一款高質量的社交應用，代表了年輕人隨性灑脫的生活態(tài)度。通過侃侃可以隨時隨地和朋友們交流分享新鮮事物和新潮游戲等。現(xiàn)App需要更新版本進行整體的規(guī)劃和調整。本例是為App設計引導頁插畫，要求符合產品特點及產品調性。2.1.2設計理念 在設計制作過程中，通過綠色的背景圖營造出清爽、干凈、歡樂的感覺；游戲機的頭像直接點明主題，讓人一目了然；整個畫面簡潔、平和卻又體現(xiàn)出了App的特點，色彩對比強烈，讓人印象深刻。效果圖2.1.3操作步驟

9、 12342.1.4相關工具 1選擇工具選擇“選擇”工具，工具箱下方會出現(xiàn)3個按鈕，如“貼緊至對象”按鈕、“平滑”按鈕、“伸直”按鈕，利用這些按鈕可以完成以下工作。 選擇對象 移動和復制對象 調整向量線條和色塊按鈕2.1.4相關工具 2部分選取工具選擇“部分選取”工具，在對象的外邊線上單擊，對象上出現(xiàn)多個節(jié)點，拖動節(jié)點來調整節(jié)點的位置，從而改變對象的形狀。2.1.4相關工具 3線條工具選擇“線條”工具 ，在舞臺上單擊鼠標，按住鼠標不放并向右拖動到需要的位置，繪制出一條直線，松開鼠標，可以在線條工具“屬性”面板中設置筆觸顏色、筆觸大小、筆觸樣式和筆觸寬度。2.1.4相關工具 4寬度工具使用寬度工

10、具可以修改筆觸粗細，還可以將調整后的筆觸保存為樣式，以便應用于其他圖形。選擇“線條”工具 ，在舞臺窗口中繪制一條線段。選擇“寬度”工具 ，將鼠標放置在邊線上，鼠標指針變?yōu)?時，單擊拖曳鼠標，更改筆觸的寬度。2.1.4相關工具 5鉛筆工具選擇“鉛筆”工具 ，在舞臺上單擊鼠標，按住鼠標不放，在舞臺上隨意繪制出線條，松開鼠標，如果想要繪制出平滑或伸直線條和形狀，可以在工具箱下方的選項區(qū)域中為鉛筆工具選擇一種繪畫模式。2.1.4相關工具 6畫筆工具選擇“畫筆”工具 ，在舞臺上單擊鼠標，按住鼠標不放，隨意繪制出圖形，松開鼠標?？梢栽诋嫻P工具“屬性”面板中設置填充顏色和筆觸平滑度。在畫筆工具“屬性”面板“

11、畫筆選項”選項組中有“畫筆形狀”選項 和“畫筆大小”選項，可以設置畫筆的形狀與大小。 使用填充顏色繪制 使用筆觸顏色繪制2.1.4相關工具 7矩形工具選擇“矩形”工具 ，在舞臺上單擊鼠標，按住鼠標不放，向需要的位置拖曳，繪制出矩形圖形，松開鼠標，按住Shift鍵的同時繪制圖形，可以繪制出正方形?？梢栽诰匦喂ぞ摺皩傩浴泵姘逯性O置筆觸顏色、填充顏色、筆觸大小、筆觸樣式和筆觸寬度。2.1.4相關工具 8橢圓工具選擇“橢圓”工具 ，在舞臺上單擊鼠標，按住鼠標不放，向需要的位置拖曳，繪制出橢圓圖形后松開鼠標，按住Shift鍵的同時繪制圖形，可以繪制出圓形?？梢栽跈E圓工具“屬性”面板中設置筆觸顏色、填充顏

12、色、筆觸大小、筆觸樣式和筆觸寬度。2.1.4相關工具 9多角星形工具應用多角星形工具可以繪制出不同樣式的多邊形和星形。選擇“多角星形”工具 ，在舞臺上按住鼠標不放，向需要的位置拖曳，繪制出多邊形，松開鼠標?？梢栽诙嘟切切喂ぞ摺皩傩浴泵姘逯性O置不同的邊框顏色、邊框粗細、邊框線型和填充顏色。2.1.4相關工具 10鋼筆工具選擇“鋼筆”工具 ，將鼠標指針放置在舞臺上想要繪制曲線的起始位置，然后單擊鼠標左鍵。松開鼠標，此時出現(xiàn)第一個錨點。將鼠標指針放置在想要繪制的第二個錨點的位置，單擊鼠標左鍵并松開鼠標，繪制出一條直線段。如果在第二個錨點的位置，按住鼠標左鍵不放并向其他方向拖曳，可將直線轉換為曲線。松

13、開鼠標，一條曲線繪制完成。2.1.4相關工具 11墨水瓶工具使用墨水瓶工具可以修改矢量圖形的邊線。選擇“墨水瓶”工具 ，在墨水瓶工具“屬性”面板中設置筆觸顏色、筆觸大小、筆觸樣式以及筆觸寬度。2.1.4相關工具 12顏料桶工具選擇“顏料桶”工具 ，在其“屬性”面板中，將“填充顏色”設為綠色（#99CC33），在線框內單擊鼠標，線框內被填充顏色。在工具箱的下方系統(tǒng)設置了4種填充模式可供選擇。2.1.4相關工具 13漸變變形工具使用漸變變形工具可以改變選中圖形中的填充漸變效果。當圖形填充色為線性漸變色時，選擇“漸變變形”工具 ，用鼠標單擊圖形，出現(xiàn)3個控制點和2條平行線。向圖形中間拖動縮放控制點，

14、漸變區(qū)域縮小。將鼠標指針放在旋轉控制點上，鼠標指針變?yōu)?，拖動旋轉控制點來改變漸變區(qū)域的角度。2.1.4相關工具 14“顏色”面板選擇“窗口 顏色”命令，或按Ctrl+Shift+F9組合鍵，彈出“顏色”面板。 自定義純色在“顏色”面板的“顏色類型”選項的下拉列表中選擇“純色”選項。2.1.4相關工具 自定義線性漸變色在“顏色”面板的“顏色類型”選項的下拉列表中選擇“線性漸變”選項。 自定義徑向漸變色在“顏色”面板的“顏色類型”選項下拉列表中選擇“徑向漸變”選項。 自定義位圖填充在“顏色”面板的“顏色類型”選項下拉列表中選擇“位圖填充”選項。2.1.5實戰(zhàn)演練繪制迷你太空插畫使用“鋼筆”工具、

15、“橢圓”工具、“多角星形”工具、“顏料桶”工具、“任意變形”工具，來完成迷你太空的繪制。效果圖案例分析 設計理念操作步驟 相關工具實戰(zhàn)演練2.2 繪制風景插畫2.2.1案例分析 本案例是為兒童書籍繪制插畫。要求繪制以戶外美景為主題的插畫，在插畫繪制上要通過簡潔的繪畫語言表現(xiàn)出風景插畫的神秘，以及魅力。2.2.2設計理念 在設計制作過程中，插畫整體溫馨舒適、簡潔直觀；繪畫形式細致獨特充滿趣味性；畫面色彩淡雅閑適，層次分明，具有吸引力。畫面中有山有樹有鳥有屋，表現(xiàn)出對自然風光的無線熱愛和遐想。效果圖2.2.3操作步驟 12342.2.4相關工具 1滴管工具使用滴管工具可以吸取矢量圖形的線型和色彩，

16、然后利用顏料桶工具，快速修改其他矢量圖形內部的填充色。利用墨水瓶工具，可以快速修改其他矢量圖形的邊框顏色及線型。 吸取填充色 吸取邊框屬性 吸取位圖圖案 吸取文字屬性2.2.4相關工具 2橡皮擦工具選擇“橡皮擦”工具 ，在圖形上想要刪除的地方按下鼠標左鍵并拖動鼠標，圖形被擦除，在橡皮檫工具“屬性”面板“橡皮擦形狀”按鈕 的下拉菜單中，可以選擇橡皮擦的形狀，拖動“大小”選項滑塊可以調整橡皮檫形狀的大小。如果想得到特殊的擦除效果，系統(tǒng)在工具箱的下方設置了5種擦除模式可供選擇。2.2.4相關工具 3將線條轉換為填充應用將線條轉換為填充命令可以將矢量線條轉換為填充色塊。選擇“墨水瓶”工具 ，為圖形繪制

17、外邊線，選擇“選擇”工具，雙擊圖形的外邊線將其選中，選擇“修改 形狀 將線條轉換為填充”命令，將外邊線轉換為填充色塊。這時，可以選擇“顏料桶”工具 ，為填充色塊設置其他顏色。2.2.4相關工具 4擴展填充應用“擴展填充”命令，可以將填充顏色向外擴展或向內收縮，擴展或收縮的數(shù)值可以自定義。 擴展填充色選中圖形。選擇“修改 形狀 擴展填充”命令，彈出“擴展填充”對話框。 收縮填充色選中圖形的填充顏色，選擇“修改 形狀 擴展填充”命令，彈出“擴展填充”對話框，2.2.4相關工具 5柔化填充邊緣 向外柔化填充邊緣選中圖形，選擇“修改 形狀 柔化填充邊緣”命令，彈出“柔化填充邊緣”對話框。 向內柔化填充

18、邊緣選中圖形，選擇“修改 形狀 柔化填充邊緣”命令，彈出“柔化填充邊緣”對話框。2.2.5實戰(zhàn)演練繪制夕陽插畫使用“鋼筆”工具和“顏料桶”工具，繪制云彩效果；使用“橢圓”工具，繪制太陽；使用“柔化填充邊緣”命令，制作云彩和太陽的虛化邊緣效果。效果圖案例分析設計理念知識要點2.3 綜合演練繪制閃屏頁中插畫2.3.1 案例分析游兒App是一個綜合性旅行服務平臺，可以隨時隨地向用戶提供集酒店預訂、旅游度假及兼職資訊在內的全方位旅行服務。本案例是為旅游出行App繪制的閃屏頁插畫，該插畫旨在幫助用戶更好的了解App，要求設計應符合App的定位和場景需求。2.3.2 設計理念在設計制作過程中，插畫形象突出

19、具有光影效果，吸引用戶的視線。插畫設計表意準確，能夠快速地傳達準確的信息，整體設計簡潔美觀，細節(jié)精巧在展現(xiàn)出App主題的同時，增加活潑性，讓人印象深刻。使用“橢圓”工具、“任意變換”工具和“矩形”工具，繪制表盤圖形；使用“多角星形”工具、“垂直翻轉”命令，制作指針圖形；使用“對齊”命令，將對象居中對齊。2.3.3 知識要點效果圖案例分析設計理念知識要點2.4 綜合演練繪制帆船風景插畫2.4.1 案例分析星海旅游雜志是一家專業(yè)的旅游雜志，它介紹最新的時尚旅游資訊信息、提供最實用的旅行計劃、體現(xiàn)時尚生活和潮流消費等信息。本例是為雜志繪制插畫，要求符合欄目主題，體現(xiàn)出舒適、放松且富有魅力的海灘插畫。

20、2.4.2 設計理念在設計制作過程中，先從背景入手，通過灰綠色的背景營造出清晨祥和安逸的海洋美景，與藍色的大海、橘色的沙灘互相交映。點綴的白云增加了畫面的活潑感，形成了動靜結合的畫面。帆船的設計充滿特色，通過獨特的卡通形象為畫面增添了趣味和特點。使用“橢圓”工具、“矩形”工具和“組合”命令，繪制白云圖形；使用“任意變形”工具，縮放圖形大??；使用“水平翻轉”命令，水平翻轉圖形。2.4.3 知識要點效果圖本章簡介： 標志代表著企業(yè)的形象和文化，以及企業(yè)的服務水平、管理機制和綜合實力，標志動畫可以在動態(tài)視覺上為企業(yè)進行形象推廣。本章以各類行業(yè)的標志設計為例，講解標志的設計方法和制作技巧。 第3章標志

21、設計課堂學習目標了解標志的設計思路和過程掌握標志的制作方法和技巧掌握制作標志的相關工具案例分析 設計理念操作步驟 相關工具實戰(zhàn)演練3.1 制作叭哥影視標志3.1.1案例分析 叭哥影視傳媒有限公司，是一家剛剛成立的影視公司，經營范圍包括，制作發(fā)行動畫片、專題片、電視綜藝等電視節(jié)目?，F(xiàn)需要制作公司標志，作為公司形象中的關鍵元素，標志設計要求具有特色，能夠體現(xiàn)公司性質及特點。3.1.2設計理念 在設計制作過程中，標志以黃色和綠色作為主體顏色，表現(xiàn)形式層次分明，具有吸引力。整體造型設計體現(xiàn)出公司富有活力充滿朝氣的特點，具有較高的識別性。在字體設計上進行變形處理，表現(xiàn)出大氣簡潔，積極進取的企業(yè)形象。整體

22、設計獨特并且充滿創(chuàng)意，能夠達到企業(yè)需求。效果圖3.1.3操作步驟 12343.1.4相關工具 1創(chuàng)建文本選擇“文本”工具 ，選擇“窗口 屬性”命令，彈出文本工具“屬性”面板。將鼠標指針放在場景中，鼠標指針變?yōu)?。在場景中單擊鼠標左鍵，出現(xiàn)文本輸入光標，直接輸入文字即可?！皩傩浴泵姘?.1.4相關工具 2文本屬性下面對文本工具“屬性”面板各選項逐一進行介紹。 設置文本的字體、字體大小、樣式和顏色 設置段落 字體呈現(xiàn)方法 設置文本超鏈接“屬性”面板3.1.4相關工具 3靜態(tài)文本選擇“靜態(tài)文本”選項，“屬性”面板如圖所示?！皩傩浴泵姘?.1.4相關工具 4動態(tài)文本選擇“動態(tài)文本”選項，“屬性”面板如圖

23、所示。動態(tài)文本可以作為對象來應用?！皩傩浴泵姘?.1.4相關工具 5輸入文本選擇“輸入文本”選項，“屬性”面板如圖所示?！皩傩浴泵姘?.1.4相關工具 6變形文本在舞臺窗口輸入需要的文字，并選中文字，按兩次Ctrl+B組合鍵，將文字打散。選擇“修改 變形 封套”命令，在文字的周圍出現(xiàn)控制點，拖曳控制點，改變文字的形狀。3.1.4相關工具 7填充文本選中文字，按兩次Ctrl+B組合鍵，將文字打散。選擇“窗口 顏色”命令，彈出“顏色”面板，單擊“填充顏色”按鈕 ，在“顏色類型”下拉列表中選擇“徑向漸變”，在顏色設置條上設置漸變顏色。選擇“墨水瓶”工具，在墨水瓶工具“屬性”面板中，將“筆觸顏色”設為

24、綠色（#009900），“筆觸”選項設為3，分別在文字的外邊線上單擊，為文字添加外邊框。3.1.5實戰(zhàn)演練制作馬戲團標志使用“文本”工具，輸入文字；使用“分離”命令，將文字打散；使用“墨水瓶”工具，為文字添加輪廓效果；使用“顏色”面板和“顏料桶”工具，為文字添加漸變色效果。效果圖案例分析 設計理念操作步驟 相關工具實戰(zhàn)演練3.2 制作萬升網絡標志3.2.1案例分析 本案例是為萬升網絡科技有限公司設計制作的網頁標志。萬升網絡科技主要經驗的業(yè)務包括電子商務，計算機技術、網絡技術、技術轉讓、技術咨詢和技術服務等。針對客戶的需求制定相應的方案致力于推進更好的自我提升和客戶服務。在網頁標志設計上希望能表

25、現(xiàn)出公司的特點和讓特色。3.2.2設計理念 在設計制作中，從公司的品牌名稱入手，對“萬升網絡”四個文字進行精心的變形設計和處理，文字設計后的風格和品牌定位緊密結合，充分表現(xiàn)了網絡公司獨有的格調和氣息。效果圖3.2.3操作步驟 12343.2.4相關工具 1套索工具選擇“套索”工具，用鼠標在位圖上任意勾畫想要的區(qū)域，形成一個封閉的選區(qū)，松開鼠標，選區(qū)中的圖像被選中。3.2.4相關工具 2多邊形工具選擇“多邊形”工具，在圖像上單擊鼠標，確定第一個定位點，松開鼠標并將鼠標移至下一個定位點，再單擊鼠標，用相同的方法直到勾畫出想要的圖像，并使選取區(qū)域形成一個封閉的狀態(tài)，雙擊鼠標，選區(qū)中的圖像被選中。3.

26、2.4相關工具 3魔術棒工具選中“魔術棒”按鈕 ，將鼠標指針放在位圖上，鼠標指針變?yōu)閳D標，在要選擇的位圖上單擊鼠標，與點取點顏色相近的圖像區(qū)域被選中。3.2.4相關工具 4任意變形工具在制作圖形的過程中，可以應用任意變形工具來改變圖形的大小及傾斜度。系統(tǒng)在工具箱的下方設置了4種變形按鈕可供選擇。如“旋轉與傾斜”按鈕、“縮放”按鈕、“扭曲”按鈕、“封套”按鈕。3.2.4相關工具 5對象的變形與操作應用變形命令可以對選擇的對象進行變形修改，如扭曲、縮放、傾斜、旋轉和封套等。還可以根據(jù)需要對對象進行組合、分離、疊放和對齊等一系列操作，從而達到制作的要求。 扭曲對象 封套對象 縮放對象 旋轉與傾斜對象

27、 翻轉對象 組合對象 分離對象 疊放對象 對齊對象3.2.5實戰(zhàn)演練制作教育機構標志使用“文本”工具，輸入需要的文字；使用“分離”命令，將文字打散；使用“封套”命令，對文字進行變形。效果圖案例分析設計理念知識要點3.3 綜合演練制作電子競技動態(tài)標志3.3.1 案例分析手柄電子競技是一家電子競技俱樂部，成立不到一年時間，戰(zhàn)隊的競技實力上升迅速，接連獲得幾屆電子競技比賽冠軍，并晉級世界總決賽?，F(xiàn)要為俱樂部設計一個標志，要求體現(xiàn)出游戲競技的特色。3.3.2 設計理念在設計制作過程中，使用圖形和文字結合作為標志，符合時下年輕人喜愛的風格特色，使用藍色系同色表現(xiàn)出俱樂部沉著、冷靜的理念，藍白對比搭配看起

28、來干凈清爽，符合俱樂部的形象。使用“打開”命令，打開素材文件；使用“轉換為元件”命令，將圖形轉換為圖形元件；使用“創(chuàng)建傳統(tǒng)補間”命令，生成補間動畫；使用“屬性”面板，調整實例的透明度。3.3.3 知識要點效果圖案例分析設計理念知識要點3.4 綜合演練制作音樂公司動態(tài)標志3.4.1 案例分析本案例是為某音樂公司繪制的形象LOGO，音樂館是以貓頭鷹形象為主角，帶領客戶了解公司企業(yè)文化，領略音樂的魅力。設計要求繪制的圖標形象生動，符合品牌的調性。3.4.2 設計理念在設計制作過程中，選用紫灰色作為設計顏色，體現(xiàn)出音樂帶給人們余音繞梁的享受，使用簡單精準的圖形拼貼外形，表現(xiàn)出音樂公司典雅中透露出浪漫的

29、特點。使用“打開”命令，打開素材文件；使用“轉換為元件”命令，將圖形轉換為元件；使用“創(chuàng)建傳統(tǒng)補間”命令，制作補間動畫。3.4.3 知識要點效果圖本章簡介： 在淘寶、京東以及亞馬遜等電子商務網站的發(fā)展助力下，電商廣告得到了空前的發(fā)展。電商廣告是引導用戶購買產品的重要因素之一，因此電商廣告的設計直接影響著網店的營銷。本章以多個主題的廣告設計為例，講解廣告的設計方法和制作技巧。 第4章廣告設計課堂學習目標了解廣告的設計思路和過程掌握廣告的制作方法和技巧掌握制作廣告的相關工具案例分析 設計理念操作步驟 相關工具實戰(zhàn)演練4.1 制作運動鞋廣告4.1.1案例分析 本案例是為YG推出的新款運動鞋設計制作宣

30、傳廣告，設計要求以低幫運動鞋為主題，以全新的設計理念和獨特的表現(xiàn)手法宣傳新款產品。4.1.2設計理念 在設計制作過程中，使用實景的背景營造出清新舒適的感覺，產品與展示臺的完美結合和創(chuàng)意設計，在突出宣傳主體的同時，展現(xiàn)出產品的品質和夢幻、知性的特色，加深了顧客的印象；醒目的產品名稱起到裝飾作用，且宣傳性強。效果圖4.1.3操作步驟 12344.1.4相關工具 1圖像素材的格式Animate CC 2019可以導入各種文件格式的矢量圖和位圖。矢量格式包括：Adobe Illustrator文件、EPS文件或PDF文件。位圖格式包括：JPG、GIF、PNG、BMP等格式。4.1.4相關工具 2導入圖

31、像素材Animate CC 2019可以識別多種不同的位圖和矢量圖的文件格式，可以通過導入或粘貼的方法將素材引入到Animate CC 2019中。 導入到舞臺 導入到庫 外部粘貼4.1.4相關工具 3設置導入位圖屬性對于導入的位圖，用戶可以根據(jù)需要消除鋸齒從而平滑圖像的邊緣，或選擇壓縮選項以減小位圖文件的大小，以及格式化文件以便在Web上顯示。這些變化都需要在“位圖屬性”對話框中進行設定。在“庫”面板中雙擊位圖圖標，彈出“位圖屬性”對話框?！拔粓D屬性”對話框4.1.4相關工具 4將位圖轉換為圖形使用Animate CC 2019可以將位圖分離為可編輯的圖形，位圖仍然保留它原來的細節(jié)。分離位圖

32、后，可以使用繪畫工具和涂色工具來選擇和修改位圖的區(qū)域。4.1.4相關工具 5將位圖轉換為矢量圖選中位圖，選擇“修改 位圖 轉換位圖為矢量圖”命令，彈出“轉換位圖為矢量圖”對話框，設置數(shù)值后，單擊“確定”按鈕，位圖轉換為矢量圖。4.1.4相關工具 6測試動畫在制作完成動畫后，要對其進行測試?？梢酝ㄟ^以下幾種方法來測試動畫。 應用“播放”命令選擇“控制 播放”命令，或按Enter鍵，可以對當前舞臺中的動畫進行瀏覽。在“時間軸”面板中，可以看見播放頭在運動。隨著播放頭的運動，舞臺中顯示出播放頭所經過的幀上的內容。 應用“測試影片”命令選擇“控制 測試影片”命令，或按Ctrl+Enter組合鍵，可以進

33、入動畫測試窗口，對動畫作品的多個場景進行連續(xù)的測試。 應用“測試場景”命令選擇“控制 測試場景”命令，或按Ctrl+Alt+Enter組合鍵，可以進入動畫測試窗口，測試當前舞臺窗口中顯示的場景或元件中的動畫。4.1.5實戰(zhàn)演練制作冰啤廣告使用“導入到庫”命令，將素材導入到“庫”面板中；使用“轉換位圖為矢量圖”命令，將位圖轉換為矢量圖形。效果圖案例分析 設計理念操作步驟 相關工具實戰(zhàn)演練4.2 制作液晶電視廣告4.2.1案例分析 多維有限公司是一家電商用品零售企業(yè)，販售平整式包裝的家具、配件、浴室和廚房用品等?，F(xiàn)因春節(jié)即將來臨，需要制作一款新年宣傳片，用于宣傳新款液晶電視，設計要求具有濃郁的民俗

34、色彩，以及產品的優(yōu)惠力度，能夠充分表達本次活動的宣傳主題和特點。4.2.2設計理念 在設計制作過程中，紅色和白色的文字背景色調和諧、舒適搭配自然，具有濃郁的傳統(tǒng)色彩。將產品圖像放在主要位置，突出產品的宣傳，圍繞產品的功能介紹，使人一目了然，能引導人們的視線關注宣傳主體。效果圖4.2.3操作步驟 12344.2.4相關工具 1視頻素材的格式Animate CC 2019版本對導入的視頻格式重新作了調整，可以導入FLV、F4V、Mp4和Mov等格式的視頻。其中Mp4和Mov格式的視頻需要使用播放組件加載外部視頻選項導入。而FLV視頻格式是當前網頁視頻觀看的主流。4.2.4相關工具 2導入視頻素材M

35、acromedia Flash Video（FLV）文件可以導入或導出帶編碼音頻的靜態(tài)視頻流。適用于通信應用程序，例如視頻會議或包含從 Adobe 的 Macromedia Flash Media Server 中導出的屏幕共享編碼數(shù)據(jù)的文件?！皩胍曨l”對話框4.2.4相關工具 3視頻的屬性在嵌入的視頻“屬性”面板中可以更改導入視頻的屬性。選中視頻，選擇“窗口 屬性”命令，彈出嵌入的視頻“屬性”面板。“屬性”面板4.2.5實戰(zhàn)演練制作旅游廣告使用“導入視頻”命令，導入視頻；使用“任意變形”工具，調整視頻的大小。效果圖案例分析 設計理念操作步驟 相關工具實戰(zhàn)演練4.3 制作漢堡廣告4.3.1案

36、例分析 快樂美食是一家中小型西餐廳，主打菜品為種類豐富的漢堡、披薩，牛排、意面、甜品和飲品等?，F(xiàn)需要為新款漢堡制作一個宣傳廣告，設計要求畫面主題明確，風格時尚簡約，符合行業(yè)特性，能夠突出產品特點和特色。4.3.2設計理念 在設計制作過程中，通過簡約的頁面設計，給人直觀的印象，易于閱讀；產品的展示豐富了畫面，讓人一目了然，促進銷售；顏色的運用合理，給人品質感；整體設計清新自然，易給人好感，產生購買欲望。效果圖4.3.3操作步驟 12344.3.4相關工具 1創(chuàng)建圖形元件選擇“插入 新建元件”命令，或按Ctrl+F8組合鍵，彈出“創(chuàng)建新元件”對話框。單擊“確定”按鈕，創(chuàng)建一個新的圖形元件“音樂播放

37、器”?！皠?chuàng)建新元件”對話框4.3.4相關工具 2創(chuàng)建按鈕元件Animate CC 2019庫中提供了一些簡單的按鈕，如果需要復雜的按鈕，還是需要自己創(chuàng)建。選擇“插入 新建元件”命令，彈出“創(chuàng)建新元件”對話框。單擊“確定”按鈕，創(chuàng)建一個新的按鈕元件“動作”?！皠?chuàng)建新元件”對話框4.3.4相關工具 3創(chuàng)建影片剪輯元件選擇“插入 新建元件”命令，或按Ctrl+F8組合鍵，彈出“創(chuàng)建新元件”對話框。單擊“確定”按鈕，創(chuàng)建一個新的影片剪輯元件“變形”?！皠?chuàng)建新元件”對話框4.3.4相關工具 4轉換元件 將圖形轉換為圖形元件如果在舞臺上已經創(chuàng)建好矢量圖形并且以后還要再次應用，可將其轉換為圖形元件。 設置圖

38、形元件的中心點選中矢量圖形，選擇“修改 轉換為元件”命令，彈出“轉換為元件”對話框，在對話框的“對齊”選項后有9個中心定位點，可以用來設置轉換元件的中心點?！稗D換為元件”對話框4.3.4相關工具 5改變實例的顏色和透明效果在舞臺中選中實例，在“屬性”面板中選擇“樣式”選項的下拉列表?！皩傩浴泵姘?.3.4相關工具 6逐幀動畫還可以通過從外部導入圖片組來實現(xiàn)逐幀動畫的效果?！皶r間軸”面板4.3.4相關工具 7創(chuàng)建補間動畫補間動畫是一種使用元件的動畫，可以對元件進行位移、大小、旋轉、透明和顏色等動畫設置。“時間軸”面板4.3.4相關工具 8創(chuàng)建補間形狀如果舞臺上的對象是組件實例、多個圖形的組合、文

39、字或導入的素材對象，必須先分離或取消組合，將其打散成圖形，才能制作形狀補間動畫。利用這種動畫，也可以實現(xiàn)上述對象的大小、位置、旋轉、顏色及透明度等變化?！皶r間軸”面板4.3.4相關工具 9創(chuàng)建傳統(tǒng)補間“時間軸”面板4.3.5實戰(zhàn)演練制作空調扇廣告使用“導入到庫”命令，導入素材；使用“新建元件”命令和“文本”工具，制作圖形元件；使用“分散到圖層”命令，制作功能動畫；使用“創(chuàng)建傳統(tǒng)補間”命令，制作補間動畫；使用“屬性”面板，調整實例的透明度。效果圖案例分析設計理念知識要點4.4 綜合演練制作手機廣告4.4.1 案例分析米心手機專營店是一家手機專賣場。該手機店最新推出了手機促銷活動，需要制作針對網店

40、的宣傳廣告，能夠體現(xiàn)出新款產品的特點。廣告要求內容豐富，重點宣傳此次推出新款產品活動。4.4.2 設計理念在設計制作過程中，使用深色的背景突出前方的宣傳主體，起到襯托的效果；產品實品的展示，與文字一起構成豐富的畫面，展現(xiàn)出時尚和現(xiàn)代感；畫面整體主次分明，對文字進行具有特色的設計，使消費者快速了解產品信息，并且突出了宣傳主體，使畫面具有空間感，宣傳性強。使用“導入到庫”命令，導入素材；使用“新建元件”命令和“文本”工具，制作圖形元件；使用“矩形”工具和“顏色”面板，制作高光效果；使用“創(chuàng)建傳統(tǒng)補間”命令，制作補間動畫；使用“遮罩層”命令，制作遮罩動畫；使用“動作”面板，設置腳本語言。4.4.3

41、知識要點效果圖案例分析設計理念知識要點4.5 綜合演練制作女裝廣告4.5.1 案例分析ELEGANCE是一家女裝服飾店，產品包括男女時裝、童裝、鞋履、鐘表、精品配飾、包包等；本案例是設計制作一款女裝廣告，設計要求宣傳本期主題，展現(xiàn)產品特色的同時，突出優(yōu)惠力度。4.5.2 設計理念在設計制作過程中，使用淺淡的背景營造出清新、淡雅的氛圍，豐富的顏色運用體現(xiàn)出青春和活力感。，人物和文字的搭配給人時尚雅致的印象，整體風格簡潔大氣，具有感染力。使用“導入”命令，導入素材文件；使用“創(chuàng)建元件”命令，將導入的素材制作成圖形元件；使用“文字”工具，輸入廣告語文本；使用“分離”命令，將輸入的文字進行打散處理；使

42、用“創(chuàng)建傳統(tǒng)補間”命令，制作補間動畫效果；使用“動作腳本”命令，添加動作腳本。4.5.3 知識要點效果圖本章簡介： 伴隨微信、微博等社交媒體的發(fā)展，其動圖設計也有了更豐富的表現(xiàn)，當中最為典型的是微信公眾號。在微信公眾號中，動畫表現(xiàn)力強的動圖為用戶帶來更好的視覺體驗，達到了品牌的傳播與維護的目的。本章以各個類型的社交媒體動圖設計為例，講解社交媒體動圖的設計方法和制作技巧。 第5章社交媒體動圖設計課堂學習目標了解社交媒體動圖的設計思路和過程掌握社交媒體動圖的制作方法和技巧掌握制作社交媒體動圖的相關工具案例分析 設計理念操作步驟 相關工具實戰(zhàn)演練5.1 制作鬧鐘詳情頁主圖5.1.1案例分析 文森艾德

43、是一家綜合網上購物平臺,商品涵蓋家電、手機、電腦、服裝、百貨、海外購等品類?，F(xiàn)推出新款掛鐘，要求為其設計詳情頁主圖，用于平臺宣傳及推廣，設計要符合現(xiàn)代設計風格，給人沉穩(wěn)干凈的映像。5.1.2設計理念 在設計制作過程中，要求以產品圖片為主體凸顯出宣傳主題，使用直觀醒目的文字來詮釋廣告內容，表現(xiàn)活動特色，增加詳情頁主圖的趣味性。色彩使用帶給人激情洋溢的印象，能夠激起客戶購買對欲望。效果圖5.1.3操作步驟 12345.1.4相關工具 1動作面板的使用選擇“窗口 動作”命令，或按F9鍵，彈出“動作”面板，如圖5-20所示?！皠幼鳌泵姘?.1.4相關工具 2數(shù)據(jù)類型數(shù)據(jù)類型描述了動作腳本的變量或元素可

44、以包含的信息種類。動作腳本有兩種數(shù)據(jù)類型，即原始數(shù)據(jù)類型和引用數(shù)據(jù)類型。原始數(shù)據(jù)類型是指String（字符串）、Number（數(shù)字）和Boolean（布爾值），它們擁有固定類型的值，因此可以包含它們所代表元素的實際值。引用數(shù)據(jù)類型是指影片剪輯和對象，它們的值的類型是不固定的，因此它們包含對該元素實際值的引用。5.1.4相關工具 3語法規(guī)則動作腳本擁有自己的一套語法規(guī)則和標點符號，下面將進行介紹。點運算符。 界定符。 注釋。5.1.4相關工具 4變量變量是包含信息的容器。容器本身不會改變，但其內容可以更改。第一次定義變量時，最好為變量定義一個已知值，這就是初始化變量，通常在SWF文件的第1幀中完

45、成。每一個影片剪輯對象都有自己的變量，而且不同的影片剪輯對象中的變量相互獨立且互不影響。變量中可以存儲的常見信息類型包括URL、用戶名、數(shù)字運算的結果和事件發(fā)生的次數(shù)等。5.1.4相關工具 5函數(shù)函數(shù)是用來對常量和變量等進行某種運算的方法，如產生隨機數(shù)、進行數(shù)值運算或獲取對象屬性等。函數(shù)是一個動作腳本代碼塊，它可以在影片中的任何位置上重新使用。如果將值作為參數(shù)傳遞給函數(shù)，則函數(shù)將對這些值進行操作。函數(shù)也可以返回值。調用函數(shù)可以用一行代碼來代替一個可執(zhí)行的代碼塊。函數(shù)可以執(zhí)行多個動作，并為它們傳遞可選項。函數(shù)必須要有唯一的名稱，以便在代碼行中可以知道訪問的是哪一個函數(shù)。5.1.4相關工具 6表達

46、式和運算符表達式是由常量、變量、函數(shù)和運算符按照運算法則組成的計算式。運算符是可以提供對數(shù)值、字符串和邏輯值進行運算的關系符號。運算符有很多種類，包括數(shù)值運算符、字符串運算符、比較運算符、邏輯運算符、位運算符和賦值運算符等。 算術運算符及表達式。 字符串表達式。 邏輯表達式。 位運算符。 賦值運算符。5.1.5實戰(zhàn)演練制作愛上新年公眾號封面首圖使用“橢圓”工具和“顏色”面板，繪制雪花圖形；使用“動作腳本”面板，添加腳本語言。效果圖案例分析 設計理念操作步驟 相關工具實戰(zhàn)演練5.2 制作化妝品主圖5.2.1案例分析 DLAR一家涉足護膚、彩妝、香水等多個產品領域的全新年輕護膚品牌?，F(xiàn)推出新款純露

47、,要求設計一款主圖，用于線上宣傳。設計要求符合年輕人的喜好，給清爽干凈的感覺。5.2.2設計理念 在設計制作過程中，整體設計清新淡雅，內容豐富；畫面形式多樣，在細節(jié)上處理獨特。主圖的設計圍繞新款純露這一主題，畫面層次分明，具有吸引力。使用藍色作為主圖的背景顏色，與產品相呼應，給人清爽干凈的感受。效果圖5.2.3操作步驟 12345.2.4相關工具 1對齊面板選擇“窗口 對齊”命令，或按Ctrl+K組合鍵，彈出“對齊”面板?！皩R”面板5.2.4相關工具 2遮罩層 創(chuàng)建遮罩層要創(chuàng)建遮罩動畫首先要創(chuàng)建遮罩層。在“時間軸”面板中，用鼠標右鍵單擊要轉換遮罩層的圖層，在彈出的快捷菜單中選擇“遮罩層”命令

48、。 將遮罩層轉換為普通圖層在“時間軸”面板中，用鼠標右鍵單擊要轉換的遮罩層，在彈出的快捷菜單中選擇“遮罩層”命令?！皶r間軸”面板5.2.4相關工具 3靜態(tài)遮罩動畫靜態(tài)遮罩動畫過程圖5.2.4相關工具 4動態(tài)遮罩動畫動態(tài)遮罩動畫過程圖5.2.5實戰(zhàn)演練制作服裝飾品類公眾號封面首圖使用“添加傳統(tǒng)運動引導層”命令，添加引導層；使用“鉛筆”工具，繪制曲線條；使用“創(chuàng)建傳統(tǒng)補間”命令，制作花瓣飄落動畫效果。效果圖案例分析設計理念知識要點5.3 綜合演練制作社交媒體類微信公眾號文章配圖5.3.1 案例分析“小雪”是反映氣候特征的節(jié)氣。表達了此時我國的太行山出現(xiàn)初雪，對植物包括花卉產生很大影響等時節(jié)特征。本

49、例是制作公眾號文章配圖，要求表現(xiàn)出節(jié)氣特點及特色。5.3.2 設計理念在設計制作過程中，使用實物照片作為背景烘托出節(jié)氣氛圍，裝飾畫面，再添加標題文字和宣傳語體現(xiàn)文章主題。在表現(xiàn)形式上以簡單的文字動畫效果，增強畫面的韻味和美感。使用“文本”工具，輸入文字；使用“任意變形”工具，改變圖形的大??；使用“轉換為元件”命令，制作圖形元件；使用“動作”面板，設置腳本語言。5.3.3 知識要點效果圖案例分析設計理念知識要點5.4 綜合演練制作電飯煲主圖動畫5.4.1 案例分析本案例是設計制作一款家電主圖；戴森兒是一家電商用品零售企業(yè)，販售平整式包裝的家具、配件、浴室和廚房用品等。公司近期推出新款電飯煲，需要

50、為其制作一個全新的網店主圖動畫，要求起到宣傳作用，向客戶傳遞新品類型及特價優(yōu)惠信息。5.4.2 設計理念在設計制作過程中，通過以產品圖片為主體的畫面；使用直觀醒目的文字來詮釋廣告內容，表現(xiàn)活動特色；整體色彩豐富飽滿，與宣傳的主題相呼應；設計風格簡潔大方，給人整潔干練的感覺。使用“橢圓”工具，繪制橢圓；使用“創(chuàng)建補間形狀”命令和“創(chuàng)建傳統(tǒng)補間”命令，制作動畫效果；使用“遮罩層”命令，制作遮罩動畫效果。5.4.3 知識要點效果圖本章簡介： 隨著影視產業(yè)的發(fā)展，節(jié)目片頭的種類和涉及的方面都越發(fā)豐富。節(jié)目片頭雖然時長較短，但卻是一檔節(jié)目內容和性質的高度體現(xiàn)，并且在內容表達、技術含量以及藝術表現(xiàn)都有很高

51、的要求，能讓觀眾眼前一亮。本章以多種類型的節(jié)目片頭設計為例，講解節(jié)目片頭的設計方法和制作技巧。 第6章節(jié)目片頭設計課堂學習目標了解節(jié)目片頭的設計思路和過程掌握節(jié)目片頭的制作方法和技巧掌握制作節(jié)目片頭的相關工具案例分析 設計理念操作步驟 相關工具實戰(zhàn)演練6.1 制作時裝節(jié)目片頭6.1.1案例分析 本案例的時裝節(jié)目是展現(xiàn)現(xiàn)代都市女性服裝潮流的專欄節(jié)目，節(jié)目宗旨是追蹤時裝的流行趨勢，引導著裝的品位方向。在節(jié)目包裝中要強化時裝的現(xiàn)代感和潮流感。6.1.2設計理念 在設計制作過程中，背景的處理采用藍色及簡單線條的搭配，給人時尚和品位感，同時表現(xiàn)出現(xiàn)代感和生活氣息。漂亮的都市女性身穿靚麗的時裝，以照片的形

52、式在畫面中表現(xiàn)，體現(xiàn)時裝節(jié)目的主題。標題和圖片居中顯示使其更加醒目直觀。效果圖6.1.3操作步驟 12346.1.4相關工具 1聲音素材的格式Animate CC 2019提供了許多使用聲音的方式。它可以使聲音獨立于時間軸連續(xù)播放，或使動畫和一個音軌同步播放；可以向按鈕添加聲音，使按鈕具有更強的互動性；還可以通過聲音淡入淡出產生更優(yōu)美的聲音效果。下面介紹如下幾種可導入Animate中的常見的聲音文件格式。 WAV格式 MP3格式 AIFF格式 AU格式6.1.4相關工具 2添加聲音 為動畫添加聲音 為按鈕添加音效6.1.4相關工具 3“屬性”面板在“時間軸”面板中選中聲音文件所在圖層的第1幀，

53、按Ctrl+F3組合鍵，彈出幀“屬性”面板?！皩傩浴泵姘?.1.5實戰(zhàn)演練制作體育節(jié)目片頭使用“文本”工具，添加主體文字；使用“創(chuàng)建傳統(tǒng)補間”命令，生成傳統(tǒng)補間動畫；使用“動作”面板，添加腳本語言。效果圖案例分析 設計理念操作步驟 相關工具實戰(zhàn)演練6.2 制作說話節(jié)目片頭6.2.1案例分析 說點啥是一檔由椰餅干出品，制作的說話達人秀。提倡用幽默跟生活和解。用積極、樂觀的態(tài)度面對生活煩惱?，F(xiàn)要為此欄目制作片頭，要求能夠展現(xiàn)該節(jié)目的最新消息，宣傳節(jié)目內容。6.2.2設計理念 在設計過程中，首先考慮把背景設計得生動有趣，所以運用了火箭和幾何裝飾圖形在畫面中搭配，使畫面活潑生動，營造出歡快愉悅的節(jié)目氛

54、圍。效果圖6.2.3操作步驟 12346.2.4相關工具 1“變形”面板選擇“窗口 變形”命令，或按Ctrl+T組合鍵，彈出“變形”面板?！白冃巍泵姘?.2.4相關工具 2“庫”面板在Animate文檔的“庫”面板中可以存儲創(chuàng)建的元件和導入的文件。只要建立Animate文檔，就可以使用相應的庫。 庫面板的組成 庫面板彈出式菜單“變形”面板6.2.4相關工具 3幀的顯示形式在Animate CC 2019動畫制作過程中，幀包括下述多種顯示形式。 空白關鍵幀 關鍵幀 傳統(tǒng)補間幀 形狀補間幀 包含動作語句的幀 幀標簽6.2.4相關工具 4“時間軸”面板“時間軸”面板由圖層面板和時間軸組成?！皶r間軸”

55、面板6.2.4相關工具 5在時間軸面板中設置幀在時間軸面板中，可以對幀進行一系列的操作。 插入幀 選擇幀 移動幀 刪除幀6.2.5實戰(zhàn)演練制作卡通歌曲片頭使用“導入到庫”命令，導入素材文件；使用“幀”命令，延長動畫的播放時間；使用“新建元件”命令，創(chuàng)建影片剪輯；使用“插入關鍵幀”命令，制作幀動畫效果；使用“動作”面板，添加動作腳本；使用“聲音”文件，為動畫添加音效，使動畫變得更生動。效果圖案例分析設計理念知識要點6.3 綜合演練制作夢想少年動畫片頭6.3.1 案例分析動畫是一種綜合藝術，它是集合了繪畫、漫畫、電影、數(shù)字媒體、攝影、音樂和文學等眾多藝術門類于一身的藝術表現(xiàn)形式，一部動畫的制作需要

56、很大的努力，而動畫的片頭在動畫的制作里也占有很重要的作用，本例要求體現(xiàn)出動畫片中的主旨精神。6.3.2 設計理念在設計制作過程中，清新文藝的畫面風格能夠帶給人清新、舒適的感覺，藍天的背景起到襯托的效果；少年依偎在大樹下充滿對夢想的憧憬與期盼，展現(xiàn)出自在樂觀的精神；動畫片的名稱使用漸變的效果，在畫面中更加突出，讓人印象深刻。使用“創(chuàng)建傳統(tǒng)補間”命令，制作補間動畫效果；使用“屬性”面板，改變元件的不透明度；使用“幀”命令延長動畫的播放時間；使用“聲音”文件，添加背景音樂；使用“動作”面板，添加動作腳本。6.3.3 知識要點效果圖案例分析設計理念知識要點6.4 綜合演練制作動物總動員宣傳片6.4.1

57、 案例分析宣傳片是為了聲色并茂地凸現(xiàn)影片獨特的風格和魅力而設計的，具有社會的效益性、主題的現(xiàn)實性和表現(xiàn)的號召性等特點。本例要求宣傳片能夠直接明確地表達宣傳主題，起到宣傳目的。6.4.2 設計理念在設計制作過程中，使用綠色的背景烘托歡樂的氛圍，小動物在背景的映襯下更加豐富多彩，很好地傳達了宣傳片的主題，上方跳躍的小猴子增加了宣傳片的趣味性和歡樂感，并且能夠吸引人的關注從而達到宣傳效果。使用“文本”工具，輸入文字；使用“傳統(tǒng)補間”命令，制作動畫效果；使用“屬性”面板，設置實例的不透明度；使用“變形”面板，設置實例的大小；使用“動作”面板，添加動作腳本。6.4.3 知識要點效果圖本章簡介： 應用An

58、imate技術制作的網頁打破了以往靜止、呆板的網頁形式，它將網頁與動畫、音效和視頻相結合，使其變得豐富多彩并增強了交互性。本章以多個主題的網頁為例，介紹網頁的設計構思和制作方法。讀者通過本章的學習，可以掌握網頁設計的要領和技巧，從而制作出不同風格的網頁作品。 第7章網頁應用課堂學習目標了解網頁的設計思路和過程掌握網頁的制作方法和技巧掌握制作網頁的相關工具案例分析 設計理念操作步驟 相關工具實戰(zhàn)演練7.1 制作化妝品網頁7.1.1案例分析 化妝品網頁主要是對化妝品的產品系列和功能特色進行生動的介紹，其中包括圖片和詳細的文字講解。網頁的設計上力求表現(xiàn)出化妝品的產品特性，營造出淡雅的時尚文化品位。7

59、.1.2設計理念 在設計制作過程中，整體界面以藍色為主基調，表現(xiàn)出冷靜高雅的氛圍。界面背景以時尚雅致的花朵來襯托，使界面的文化感和設計感更強。制作的標簽欄能很好地與化妝品產品相呼應，在設計理念上強化了產品的性能和特點。效果圖7.1.3操作步驟 12347.1.4相關工具 1播放和停止動畫控制動畫的播放和停止所使用的動作腳本如下。（1）stop()：用于在此幀進行停止。（2）gotoAndStop()：用于轉到某幀并停止播放。（3）gotoAndPlay()：用于轉到某幀并開始播放。（4）addEventListener()：用于添加事件的方法。7.1.4相關工具 2按鈕事件按鈕是交互動畫的常用

60、控制方式，可以利用按鈕來控制和影響動畫的播放，實現(xiàn)頁面的鏈接、場景的跳轉等功能?！皠幼鳌泵姘?.1.5實戰(zhàn)演練制作美食網頁使用“導入”命令，導入素材文件；使用“創(chuàng)建傳統(tǒng)補間”命令，制作美食動畫效果；使用“動作”面板，添加腳本語言。效果圖案例分析 設計理念操作步驟 相關工具實戰(zhàn)演練7.2 制作購物狂歡節(jié)網頁7.2.1案例分析 本案例是為某平臺設計的購物狂歡節(jié)網頁，登錄該網站后，可以瀏覽更多的品牌優(yōu)惠活動和信息，了解更多的新折扣及產品介紹。網頁的設計上力求表現(xiàn)出本次活動的主題，展現(xiàn)出熱鬧的氛圍和視覺沖擊感。畫面設計要具有感染力，讓人耳目一新。7.2.2設計理念 在設計制作過程中，通過富有特色的背景