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

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

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

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

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

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

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

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

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

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

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

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

12、色、筆觸大小、筆觸樣式和筆觸寬度。2.1.4相關(guān)工具 9多角星形工具應(yīng)用多角星形工具可以繪制出不同樣式的多邊形和星形。選擇“多角星形”工具 ，在舞臺上按住鼠標(biāo)不放，向需要的位置拖曳，繪制出多邊形，松開鼠標(biāo)。可以在多角星形工具“屬性”面板中設(shè)置不同的邊框顏色、邊框粗細(xì)、邊框線型和填充顏色。2.1.4相關(guān)工具 10鋼筆工具選擇“鋼筆”工具 ，將鼠標(biāo)指針放置在舞臺上想要繪制曲線的起始位置，然后單擊鼠標(biāo)左鍵。松開鼠標(biāo)，此時(shí)出現(xiàn)第一個(gè)錨點(diǎn)。將鼠標(biāo)指針放置在想要繪制的第二個(gè)錨點(diǎn)的位置，單擊鼠標(biāo)左鍵并松開鼠標(biāo)，繪制出一條直線段。如果在第二個(gè)錨點(diǎn)的位置，按住鼠標(biāo)左鍵不放并向其他方向拖曳，可將直線轉(zhuǎn)換為曲線。松

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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