Animate二維動畫設(shè)計(jì)與應(yīng)用(項(xiàng)目式全彩微課版)PPT全套完整教學(xué)課件_第1頁
Animate二維動畫設(shè)計(jì)與應(yīng)用(項(xiàng)目式全彩微課版)PPT全套完整教學(xué)課件_第2頁
Animate二維動畫設(shè)計(jì)與應(yīng)用(項(xiàng)目式全彩微課版)PPT全套完整教學(xué)課件_第3頁
Animate二維動畫設(shè)計(jì)與應(yīng)用(項(xiàng)目式全彩微課版)PPT全套完整教學(xué)課件_第4頁
Animate二維動畫設(shè)計(jì)與應(yīng)用(項(xiàng)目式全彩微課版)PPT全套完整教學(xué)課件_第5頁
已閱讀5頁,還剩271頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

本章簡介:隨著網(wǎng)絡(luò)信息技術(shù)與數(shù)碼影像技術(shù)的不斷提升,動漫制作的技術(shù)與審美也相應(yīng)在變化提升,從事動漫制作的相關(guān)人員需要系統(tǒng)地學(xué)習(xí)動漫制作的應(yīng)用技術(shù)與技巧。本章對動漫制作的相關(guān)應(yīng)用以及工作流程進(jìn)行系統(tǒng)講解。通過本章的學(xué)習(xí),讀者可以對動漫制作有一個全面的認(rèn)識,有助于高效地進(jìn)行后續(xù)的動漫制作工作。項(xiàng)目1發(fā)現(xiàn)動漫中的美-動漫制作基礎(chǔ)學(xué)習(xí)引導(dǎo)知識目標(biāo)能力目標(biāo)情感目標(biāo)學(xué)習(xí)目標(biāo)1、了解動漫制作的相關(guān)應(yīng)用。

2、明確動漫制作的工作流程。1、掌握動漫制作作品圖片的收集。2、掌握動漫制作動漫素材的收集。培養(yǎng)對動漫制作的基本興趣相關(guān)知識:動漫中的美學(xué)與設(shè)計(jì)動漫制作即運(yùn)用二維或三維等方式,將漫畫與動畫結(jié)合故事情節(jié)進(jìn)行特有的視覺藝術(shù)創(chuàng)作。在我們的生活中,隨處可見這些經(jīng)過創(chuàng)意的動漫制作。這些動漫制作不僅畫面精致,而且情節(jié)精彩,讓人在觀賞過程中產(chǎn)生共鳴。任務(wù)引入任務(wù)知識任務(wù)實(shí)施任務(wù)1.1了解動漫制作的相關(guān)應(yīng)用1.1.1任務(wù)引入本任務(wù)通過講解動漫制作的相關(guān)應(yīng)用知識,了解動漫制作的相關(guān)應(yīng)用領(lǐng)域。并通過在相關(guān)網(wǎng)站中收集動漫制作的應(yīng)用案例,進(jìn)一步掌握動漫制作的相關(guān)應(yīng)用效果。1.1.2任務(wù)知識:動漫制作的相關(guān)應(yīng)用1.動畫影片動漫可以制作出精美的矢量動畫作品。運(yùn)用動漫制作的動畫作品,造型獨(dú)特、內(nèi)涵豐富、創(chuàng)造性強(qiáng)、趣味生動,有很多家喻戶曉的動畫影片就是使用動漫制作的。1.1.2任務(wù)知識:動漫制作的相關(guān)應(yīng)用2.廣告設(shè)計(jì)網(wǎng)絡(luò)廣告以其覆蓋面廣、方式靈活、互動性強(qiáng)等特點(diǎn),在傳播方面有著非常大的優(yōu)勢,得到了廣泛的應(yīng)用。動畫廣告的應(yīng)用樣式豐富,包括彈出式廣告、告示牌廣告、全屏廣告、橫幅廣告等。1.1.2任務(wù)知識:動漫制作的相關(guān)應(yīng)用3.網(wǎng)站設(shè)計(jì)為了增加網(wǎng)站設(shè)計(jì)中的動態(tài)效果和交互性,增強(qiáng)視覺表現(xiàn)力,可以運(yùn)用動漫進(jìn)行設(shè)計(jì)制作,包括制作引導(dǎo)頁,為Logo和Banner添加動畫效果,制作網(wǎng)頁等。1.1.2任務(wù)知識:動漫制作的相關(guān)應(yīng)用4.教學(xué)設(shè)計(jì)隨著教育信息化的不斷發(fā)展,動漫在教學(xué)設(shè)計(jì)中得到了廣泛的應(yīng)用。運(yùn)用動漫可以設(shè)計(jì)制作標(biāo)準(zhǔn)動畫,也可以制作與開發(fā)交互式課件。其制作的作品體積小,表現(xiàn)生動,交互性強(qiáng)。1.1.3任務(wù)實(shí)施:查找經(jīng)典動畫影片1234任務(wù)引入任務(wù)知識任務(wù)實(shí)施任務(wù)1.2明確動漫制作的工作流程1.2.1任務(wù)引入本任務(wù)通過講解動漫制作的工作流程知識,了解動漫制作的工作流程步驟。并通過在相關(guān)網(wǎng)站中調(diào)研相關(guān)設(shè)計(jì),進(jìn)一步掌握動漫制作的具體實(shí)施步驟。1.2.2任務(wù)知識:動漫制作的工作流程動漫制作的基本流程為文案策劃、腳本設(shè)計(jì)、視覺設(shè)計(jì)、動畫制作、畫面配音、剪輯導(dǎo)出這六大步驟。1.2.3任務(wù)實(shí)施:查找經(jīng)典動畫影片1234本章簡介:本章將詳細(xì)介紹AnimateCC2019的基礎(chǔ)知識和基本操作。讀者通過本章的學(xué)習(xí),可對AnimateCC2019有初步的認(rèn)識和了解,并能夠掌握軟件的基本操作方法和應(yīng)用技巧,為以后的學(xué)習(xí)打下堅(jiān)實(shí)的基礎(chǔ)。項(xiàng)目2熟悉設(shè)計(jì)工具—軟件制作基礎(chǔ)學(xué)習(xí)引導(dǎo)知識目標(biāo)能力目標(biāo)情感目標(biāo)學(xué)習(xí)目標(biāo)1、熟悉Animate的操作界面2、掌握設(shè)置文件的基本方法1、熟練掌握Animate的操作界面2、熟練掌握文件設(shè)置的基本方法培養(yǎng)對軟件基本操作的熟悉度相關(guān)知識:了解設(shè)計(jì)工具軟件目前在動漫設(shè)計(jì)工作中,經(jīng)常使用的主流軟件有Animate、Photoshop、和AfterEffects,這3款軟件每一款都有鮮明的功能特色。要想根據(jù)創(chuàng)意制作出完美的動漫設(shè)計(jì)作品,就需要熟練使用這3款軟件,并能很好的利用不同軟件的優(yōu)勢,將其巧妙地結(jié)合使用。相關(guān)知識:了解設(shè)計(jì)工具軟件1.AnimateAnimate是由Adobe公司開發(fā)的網(wǎng)頁動畫制作軟件,它功能強(qiáng)大,易學(xué)易用,深受網(wǎng)頁制作者和動畫設(shè)計(jì)人員的喜愛。Animate啟動界面相關(guān)知識:了解設(shè)計(jì)工具軟件2.PhotoshopPhotoshop是由Adobe公司出品的最強(qiáng)大的圖像處理軟件之一,是集編輯修飾、制作處理、創(chuàng)意編排、圖像輸入與輸出于一體的圖形圖像處理軟件,深受平面設(shè)計(jì)人員、電腦藝術(shù)和攝影愛好者的喜愛。Photoshop啟動界面相關(guān)知識:了解設(shè)計(jì)工具軟件3.AfterEffectsAfterEffects是由Adobe公司開發(fā)的影視后期制作軟件,它功能強(qiáng)大、易學(xué)易用,深受廣大影視制作愛好者和影視后期設(shè)計(jì)師的喜愛。AfterEffects啟動界面任務(wù)引入任務(wù)知識:Animate界面及基礎(chǔ)操作任務(wù)實(shí)施:操作界面任務(wù)1.1操作界面1.1.1任務(wù)引入通過打開文件和取消組合熟悉菜單欄的操作,通過選取圖形和改變圖形的大小熟悉工具箱中工具的使用方法,通過改變圖形的顏色熟悉控制面板的使用方法。1.1.2任務(wù)知識:Animate界面及基礎(chǔ)操作1.界面介紹AnimateCC2019的操作界面由以下幾部分組成:菜單欄、工具箱、時間軸、場景和舞臺、屬性面板以及浮動面板。AnimateCC2019操作界面2.菜單欄AnimateCC2019的菜單欄依次分為“文件”菜單、“編輯”菜單、“視圖”菜單、“插入”菜單、“修改”菜單、“文本”菜單、“命令”菜單、“控制”菜單、“調(diào)試”菜單、“窗口”菜單及“幫助”菜單。菜單欄1.1.2任務(wù)知識:Animate界面及基礎(chǔ)操作3.工具箱工具箱提供了圖形繪制和編輯的各種工具,分為“工具”“查看”“顏色”“選項(xiàng)”4個功能區(qū),。選擇“窗口>工具”命令,或按Ctrl+F2組合鍵,可以調(diào)出工具箱。工具欄1.1.2任務(wù)知識:Animate界面及基礎(chǔ)操作4.時間軸時間軸用于組織和控制文件內(nèi)容在一定時間內(nèi)的播放。按照功能的不同,時間軸窗口分為左右兩部分,分別為層控制區(qū)、時間線控制區(qū)。時間軸的主要組件是層、幀和播放頭。時間軸1.1.2任務(wù)知識:Animate界面及基礎(chǔ)操作5.場景和舞臺場景是所有動畫元素的最大活動空間。像多幕劇一樣,場景可以不止一個。要查看特定場景,可以選擇“視圖>轉(zhuǎn)到”命令,再從其子菜單中選擇場景的名稱。場景也就是常說的舞臺,是編輯和播放動畫的矩形區(qū)域。在舞臺上可以放置、編輯矢量插圖、文本框、按鈕、導(dǎo)入的位圖圖形、視頻剪輯等對象。還可以修改舞臺大小、顏色等屬性。場景1.1.2任務(wù)知識:Animate界面及基礎(chǔ)操作6.“屬性”面板對于正在使用的工具或資源,使用“屬性”面板,可以很容易地查看和更改它們的屬性,從而簡化文檔的創(chuàng)建過程。當(dāng)選定單個對象,如文本、組件、形狀、位圖、視頻、組、幀等時,“屬性”面板可以顯示相應(yīng)的信息和設(shè)置。當(dāng)選定了兩個或多個不同類型的對象時,“屬性”面板會顯示選定對象的總數(shù)?!皩傩浴泵姘?.1.2任務(wù)知識:Animate界面及基礎(chǔ)操作7.“浮動”面板使用此面板可以查看、組合和更改資源。但屏幕的大小有限,為了盡量使工作區(qū)最大,AnimateCC2019提供了許多種自定義工作區(qū)的方式,如可以通過“窗口”菜單顯示、隱藏面板,還可以通過鼠標(biāo)拖動來調(diào)整面板的大小以及重新組合面板。浮動面板1.1.2任務(wù)知識:Animate界面及基礎(chǔ)操作1.1.3任務(wù)實(shí)施:操作界面1234任務(wù)引入任務(wù)知識:新建、保存、打開和輸出任務(wù)實(shí)施:文件設(shè)置任務(wù)1.2文件設(shè)置1.2.1任務(wù)引入通過打開效果文件熟練掌握打開命令,通過新建文件熟練掌握新建命令,通過關(guān)閉新建文件熟練掌握保存和關(guān)閉命令。1.2.3任務(wù)知識:新建、保存、打開和輸出1.新建文件新建文件是使用AnimateCC2019進(jìn)行設(shè)計(jì)的第一步。在AnimateCC2019軟件中,沒有任何文檔打開時,創(chuàng)建文檔必須通過歡迎頁進(jìn)行創(chuàng)建。在歡迎頁的中上方選擇要創(chuàng)建文檔的類型,在“預(yù)設(shè)”選項(xiàng)中選擇需要的預(yù)設(shè),也可以在“詳細(xì)信息”選項(xiàng)中,進(jìn)行自定義設(shè)置尺寸、單位和平臺類型,設(shè)置好之后單擊“創(chuàng)建”按鈕,即可創(chuàng)建一個新文檔。

歡迎頁1.新建文件當(dāng)有文檔打開時,創(chuàng)建新文檔可通過“文件”菜單命令進(jìn)行創(chuàng)建。選擇“文件>新建”命令,或按Ctrl+N組合鍵,彈出“新建文檔”對話框,在對話框中進(jìn)行設(shè)置,設(shè)置好之后單擊“創(chuàng)建”按鈕,即可創(chuàng)建一個新文檔?!靶陆ㄎ臋n”對話框1.2.3任務(wù)知識:新建、保存、打開和輸出2.保存文件編輯和制作完動畫后,就需要將動畫文件進(jìn)行保存。通過“文件>保存”“另存為”等命令可以將文件保存在磁盤上。當(dāng)設(shè)計(jì)好作品進(jìn)行第一次存儲時,選擇“保存”命令,或按Ctrl+S組合鍵,彈出“另存為”對話框。在對話框中,輸入文件名,選擇保存類型,單擊“保存”按鈕,即可將動畫保存?!傲泶鏋椤睂υ捒?.2.3任務(wù)知識:新建、保存、打開和輸出3.打開文件如果要修改已完成的動畫文件,必須先將其打開。選擇“文件>打開”命令,彈出“打開”對話框,在對話框中搜索路徑和文件,確認(rèn)文件類型和名稱。然后單擊“打開”按鈕,或直接雙擊文件,即可打開所指定的動畫文件。“打開”對話框1.2.3任務(wù)知識:新建、保存、打開和輸出4.輸出影片格式AnimateCC2019可以輸出多種格式的動畫或圖形文件,一般包含以下幾種常用類型。SWF影片(*.swf)JPEG序列(*.jpg)GIF序列(*.gif)PNG序列(*.png)1.2.3任務(wù)知識:新建、保存、打開和輸出1.2.2任務(wù)實(shí)施:文件設(shè)置1234項(xiàng)目3制作生動圖畫—插畫設(shè)計(jì)本章簡介:隨著信息化時代的到來,插畫設(shè)計(jì)作為視覺信息傳達(dá)的重要手段之一,已經(jīng)廣泛應(yīng)用到現(xiàn)代藝術(shù)設(shè)計(jì)領(lǐng)域。由于電腦軟件技術(shù)的發(fā)展,插畫的設(shè)計(jì)更加趨于多樣化,并隨著現(xiàn)代藝術(shù)思潮的發(fā)展而不斷創(chuàng)新。本章以多個主題插畫為例,講解插畫的多種繪制方法和制作技巧。學(xué)習(xí)引導(dǎo)知識目標(biāo)能力目標(biāo)情感目標(biāo)學(xué)習(xí)目標(biāo)1、了解插畫的概念及應(yīng)用領(lǐng)域2、掌握插畫的分類1、熟悉插畫的設(shè)計(jì)思路和過程2、掌握插畫的繪制方法和技巧1、培養(yǎng)對插畫的設(shè)計(jì)創(chuàng)意能力2、培養(yǎng)對插畫的審美與鑒賞能力實(shí)訓(xùn)項(xiàng)目1、繪制引導(dǎo)頁中的插畫2、繪制風(fēng)景插畫相關(guān)知識:插畫設(shè)計(jì)基礎(chǔ)1.插畫的概念插畫以宣傳主題內(nèi)容的意義為目的,通過將主題內(nèi)容進(jìn)行視覺化的圖畫效果表現(xiàn),營造出主題突出明確,感染力、生動性強(qiáng)的藝術(shù)視覺效果。海報、廣告、雜志、說明書、書籍、包裝等設(shè)計(jì)中,凡是用來做“宣傳主題內(nèi)容”用的圖畫都可以稱之為插畫。相關(guān)知識:插畫設(shè)計(jì)基礎(chǔ)2.插畫的應(yīng)用領(lǐng)域插畫被廣泛應(yīng)用于現(xiàn)代藝術(shù)設(shè)計(jì)的多個領(lǐng)域,包括互聯(lián)網(wǎng)、媒體、出版、文化藝術(shù)、廣告展覽、公共事業(yè)。相關(guān)知識:插畫設(shè)計(jì)基礎(chǔ)3.插畫的分類插畫的種類繁多,可以分為出版物插圖、商業(yè)宣傳插畫、卡通吉祥物插圖、影視與游戲美術(shù)設(shè)計(jì)插畫、藝術(shù)創(chuàng)作類插畫。任務(wù)引入設(shè)計(jì)理念任務(wù)知識任務(wù)實(shí)施擴(kuò)展實(shí)踐任務(wù)3.1繪制引導(dǎo)頁中的插畫3.1.1任務(wù)引入侃侃是一款高質(zhì)量的社交應(yīng)用,代表了年輕人隨性灑脫的生活態(tài)度。通過侃侃可以隨時隨地和朋友們交流分享新鮮事物和新潮游戲等?,F(xiàn)App需要更新版本進(jìn)行整體的規(guī)劃和調(diào)整。本例是為App設(shè)計(jì)引導(dǎo)頁插畫,要求符合產(chǎn)品特點(diǎn)及產(chǎn)品調(diào)性。3.1.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,通過綠色的背景圖營造出清爽、干凈、歡樂的感覺;游戲機(jī)的頭像直接點(diǎn)明主題,讓人一目了然;整個畫面簡潔、平和卻又體現(xiàn)出了App的特點(diǎn),色彩對比強(qiáng)烈,讓人印象深刻。效果圖1.選擇工具選擇“選擇”工具,工具箱下方會出現(xiàn)3個按鈕,如“貼緊至對象”按鈕、“平滑”按鈕、“伸直”按鈕,利用這些按鈕可以完成以下工作?!蜻x擇對象◎移動和復(fù)制對象◎調(diào)整向量線條和色塊按鈕3.1.3任務(wù)知識:選擇、矩形、橢圓、鋼筆和漸變變形工具2.部分選取工具選擇“部分選取”工具,在對象的外邊線上單擊,對象上出現(xiàn)多個節(jié)點(diǎn),拖動節(jié)點(diǎn)來調(diào)整節(jié)點(diǎn)的位置,從而改變對象的形狀。3.1.3任務(wù)知識:選擇、矩形、橢圓、鋼筆和漸變變形工具3.線條工具選擇“線條”工具,在舞臺上單擊鼠標(biāo),按住鼠標(biāo)不放并向右拖動到需要的位置,繪制出一條直線,松開鼠標(biāo),可以在線條工具“屬性”面板中設(shè)置筆觸顏色、筆觸大小、筆觸樣式和筆觸寬度。3.1.3任務(wù)知識:選擇、矩形、橢圓、鋼筆和漸變變形工具4.寬度工具使用寬度工具可以修改筆觸粗細(xì),還可以將調(diào)整后的筆觸保存為樣式,以便應(yīng)用于其他圖形。選擇“線條”工具,在舞臺窗口中繪制一條線段。選擇“寬度”工具,將鼠標(biāo)放置在邊線上,鼠標(biāo)指針變?yōu)闀r,單擊拖曳鼠標(biāo),更改筆觸的寬度。3.1.3任務(wù)知識:選擇、矩形、橢圓、鋼筆和漸變變形工具5.鉛筆工具選擇“鉛筆”工具,在舞臺上單擊鼠標(biāo),按住鼠標(biāo)不放,在舞臺上隨意繪制出線條,松開鼠標(biāo),如果想要繪制出平滑或伸直線條和形狀,可以在工具箱下方的選項(xiàng)區(qū)域中為鉛筆工具選擇一種繪畫模式。3.1.3任務(wù)知識:選擇、矩形、橢圓、鋼筆和漸變變形工具6.畫筆工具選擇“畫筆”工具,在舞臺上單擊鼠標(biāo),按住鼠標(biāo)不放,隨意繪制出圖形,松開鼠標(biāo)??梢栽诋嫻P工具“屬性”面板中設(shè)置填充顏色和筆觸平滑度。在畫筆工具“屬性”面板“畫筆選項(xiàng)”選項(xiàng)組中有“畫筆形狀”選項(xiàng)和“畫筆大小”選項(xiàng),可以設(shè)置畫筆的形狀與大小。◎使用填充顏色繪制◎使用筆觸顏色繪制3.1.3任務(wù)知識:選擇、矩形、橢圓、鋼筆和漸變變形工具7.矩形工具選擇“矩形”工具,在舞臺上單擊鼠標(biāo),按住鼠標(biāo)不放,向需要的位置拖曳,繪制出矩形圖形,松開鼠標(biāo),按住Shift鍵的同時繪制圖形,可以繪制出正方形??梢栽诰匦喂ぞ摺皩傩浴泵姘逯性O(shè)置筆觸顏色、填充顏色、筆觸大小、筆觸樣式和筆觸寬度。3.1.3任務(wù)知識:選擇、矩形、橢圓、鋼筆和漸變變形工具8.橢圓工具選擇“橢圓”工具,在舞臺上單擊鼠標(biāo),按住鼠標(biāo)不放,向需要的位置拖曳,繪制出橢圓圖形后松開鼠標(biāo),按住Shift鍵的同時繪制圖形,可以繪制出圓形??梢栽跈E圓工具“屬性”面板中設(shè)置筆觸顏色、填充顏色、筆觸大小、筆觸樣式和筆觸寬度。3.1.3任務(wù)知識:選擇、矩形、橢圓、鋼筆和漸變變形工具9.多角星形工具應(yīng)用多角星形工具可以繪制出不同樣式的多邊形和星形。選擇“多角星形”工具,在舞臺上按住鼠標(biāo)不放,向需要的位置拖曳,繪制出多邊形,松開鼠標(biāo)??梢栽诙嘟切切喂ぞ摺皩傩浴泵姘逯性O(shè)置不同的邊框顏色、邊框粗細(xì)、邊框線型和填充顏色。3.1.3任務(wù)知識:選擇、矩形、橢圓、鋼筆和漸變變形工具10.鋼筆工具選擇“鋼筆”工具,將鼠標(biāo)指針放置在舞臺上想要繪制曲線的起始位置,然后單擊鼠標(biāo)左鍵。松開鼠標(biāo),此時出現(xiàn)第一個錨點(diǎn)。將鼠標(biāo)指針放置在想要繪制的第二個錨點(diǎn)的位置,單擊鼠標(biāo)左鍵并松開鼠標(biāo),繪制出一條直線段。如果在第二個錨點(diǎn)的位置,按住鼠標(biāo)左鍵不放并向其他方向拖曳,可將直線轉(zhuǎn)換為曲線。松開鼠標(biāo),一條曲線繪制完成。3.1.3任務(wù)知識:選擇、矩形、橢圓、鋼筆和漸變變形工具11.墨水瓶工具使用墨水瓶工具可以修改矢量圖形的邊線。選擇“墨水瓶”工具,在墨水瓶工具“屬性”面板中設(shè)置筆觸顏色、筆觸大小、筆觸樣式以及筆觸寬度。3.1.3任務(wù)知識:選擇、矩形、橢圓、鋼筆和漸變變形工具12.顏料桶工具選擇“顏料桶”工具,在其“屬性”面板中,將“填充顏色”設(shè)為綠色(#99CC33),在線框內(nèi)單擊鼠標(biāo),線框內(nèi)被填充顏色。在工具箱的下方系統(tǒng)設(shè)置了4種填充模式可供選擇。3.1.3任務(wù)知識:選擇、矩形、橢圓、鋼筆和漸變變形工具13.漸變變形工具使用漸變變形工具可以改變選中圖形中的填充漸變效果。當(dāng)圖形填充色為線性漸變色時,選擇“漸變變形”工具,用鼠標(biāo)單擊圖形,出現(xiàn)3個控制點(diǎn)和2條平行線。向圖形中間拖動縮放控制點(diǎn),漸變區(qū)域縮小。將鼠標(biāo)指針放在旋轉(zhuǎn)控制點(diǎn)上,鼠標(biāo)指針變?yōu)?,拖動旋轉(zhuǎn)控制點(diǎn)來改變漸變區(qū)域的角度。3.1.3任務(wù)知識:選擇、矩形、橢圓、鋼筆和漸變變形工具14.“顏色”面板選擇“窗口>顏色”命令,或按Ctrl+Shift+F9組合鍵,彈出“顏色”面板?!蜃远x純色在“顏色”面板的“顏色類型”選項(xiàng)的下拉列表中選擇“純色”選項(xiàng)。3.1.3任務(wù)知識:選擇、矩形、橢圓、鋼筆和漸變變形工具◎自定義線性漸變色在“顏色”面板的“顏色類型”選項(xiàng)的下拉列表中選擇“線性漸變”選項(xiàng)。◎自定義徑向漸變色在“顏色”面板的“顏色類型”選項(xiàng)下拉列表中選擇“徑向漸變”選項(xiàng)。◎自定義位圖填充在“顏色”面板的“顏色類型”選項(xiàng)下拉列表中選擇“位圖填充”選項(xiàng)。3.1.3任務(wù)知識:選擇、矩形、橢圓、鋼筆和漸變變形工具3.1.4任務(wù)實(shí)施12343.1.5擴(kuò)展實(shí)踐:繪制迷你太空插畫使用“鋼筆”工具、“橢圓”工具、“多角星形”工具、“顏料桶”工具、“任意變形”工具,來完成迷你太空的繪制。效果圖任務(wù)引入設(shè)計(jì)理念任務(wù)知識任務(wù)實(shí)施擴(kuò)展實(shí)踐任務(wù)3.2繪制風(fēng)景插畫3.2.1任務(wù)引入本案例是為兒童書籍繪制插畫。要求繪制以戶外美景為主題的插畫,在插畫繪制上要通過簡潔的繪畫語言表現(xiàn)出風(fēng)景插畫的神秘,以及魅力。3.2.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,插畫整體溫馨舒適、簡潔直觀;繪畫形式細(xì)致獨(dú)特充滿趣味性;畫面色彩淡雅閑適,層次分明,具有吸引力。畫面中有山有樹有鳥有屋,表現(xiàn)出對自然風(fēng)光的無線熱愛和遐想。效果圖3.2.3任務(wù)知識:滴管和橡皮檫工具及柔化填充邊緣1.滴管工具使用滴管工具可以吸取矢量圖形的線型和色彩,然后利用顏料桶工具,快速修改其他矢量圖形內(nèi)部的填充色。利用墨水瓶工具,可以快速修改其他矢量圖形的邊框顏色及線型。◎吸取填充色◎吸取邊框?qū)傩浴蛭∥粓D圖案◎吸取文字屬性2.橡皮擦工具選擇“橡皮擦”工具,在圖形上想要刪除的地方按下鼠標(biāo)左鍵并拖動鼠標(biāo),圖形被擦除,在橡皮檫工具“屬性”面板“橡皮擦形狀”按鈕的下拉菜單中,可以選擇橡皮擦的形狀,拖動“大小”選項(xiàng)滑塊可以調(diào)整橡皮檫形狀的大小。如果想得到特殊的擦除效果,系統(tǒng)在工具箱的下方設(shè)置了5種擦除模式可供選擇。3.2.3任務(wù)知識:滴管和橡皮檫工具及柔化填充邊緣3.將線條轉(zhuǎn)換為填充應(yīng)用將線條轉(zhuǎn)換為填充命令可以將矢量線條轉(zhuǎn)換為填充色塊。選擇“墨水瓶”工具,為圖形繪制外邊線,選擇“選擇”工具,雙擊圖形的外邊線將其選中,選擇“修改>形狀>將線條轉(zhuǎn)換為填充”命令,將外邊線轉(zhuǎn)換為填充色塊。這時,可以選擇“顏料桶”工具,為填充色塊設(shè)置其他顏色。3.2.3任務(wù)知識:滴管和橡皮檫工具及柔化填充邊緣4.?dāng)U展填充應(yīng)用“擴(kuò)展填充”命令,可以將填充顏色向外擴(kuò)展或向內(nèi)收縮,擴(kuò)展或收縮的數(shù)值可以自定義。◎擴(kuò)展填充色選中圖形。選擇“修改>形狀>擴(kuò)展填充”命令,彈出“擴(kuò)展填充”對話框。◎收縮填充色選中圖形的填充顏色,選擇“修改>形狀>擴(kuò)展填充”命令,彈出“擴(kuò)展填充”對話框,3.2.3任務(wù)知識:滴管和橡皮檫工具及柔化填充邊緣5.柔化填充邊緣◎向外柔化填充邊緣選中圖形,選擇“修改>形狀>柔化填充邊緣”命令,彈出“柔化填充邊緣”對話框?!蛳騼?nèi)柔化填充邊緣選中圖形,選擇“修改>形狀>柔化填充邊緣”命令,彈出“柔化填充邊緣”對話框。3.2.3任務(wù)知識:滴管和橡皮檫工具及柔化填充邊緣3.2.4任務(wù)實(shí)施12343.2.5擴(kuò)展實(shí)踐:繪制夕陽插畫使用“鋼筆”工具和“顏料桶”工具,繪制云彩效果;使用“橢圓”工具,繪制太陽;使用“柔化填充邊緣”命令,制作云彩和太陽的虛化邊緣效果。效果圖任務(wù)引入設(shè)計(jì)理念任務(wù)3.3項(xiàng)目演練—繪制閃屏頁中插畫3.3.1任務(wù)引入游兒App是一個綜合性旅行服務(wù)平臺,可以隨時隨地向用戶提供集酒店預(yù)訂、旅游度假及兼職資訊在內(nèi)的全方位旅行服務(wù)。本案例是為旅游出行App繪制的閃屏頁插畫,該插畫旨在幫助用戶更好的了解App,要求設(shè)計(jì)應(yīng)符合App的定位和場景需求。3.3.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,插畫形象突出具有光影效果,吸引用戶的視線。插畫設(shè)計(jì)表意準(zhǔn)確,能夠快速地傳達(dá)準(zhǔn)確的信息,整體設(shè)計(jì)簡潔美觀,細(xì)節(jié)精巧在展現(xiàn)出App主題的同時,增加活潑性,讓人印象深刻。效果圖項(xiàng)目4制作品牌形象—標(biāo)志設(shè)計(jì)本章簡介:標(biāo)志,是一種傳達(dá)事物特征的特定視覺符號,它代表著企業(yè)的形象和文化。企業(yè)的服務(wù)水平、管理機(jī)制及綜合實(shí)力都可以通過標(biāo)志來體現(xiàn)。在企業(yè)視覺戰(zhàn)略推廣中,標(biāo)志起著舉足輕重的作用。本章以叭哥影視標(biāo)志設(shè)計(jì)為例,講解標(biāo)志的設(shè)計(jì)方法和制作技巧。學(xué)習(xí)引導(dǎo)知識目標(biāo)能力目標(biāo)情感目標(biāo)學(xué)習(xí)目標(biāo)1、了解標(biāo)志的概念及功能2、掌握標(biāo)志的設(shè)計(jì)原則1、熟悉標(biāo)志的設(shè)計(jì)思路和過程2、掌握標(biāo)志的制作方法和技巧1、培養(yǎng)對標(biāo)志的設(shè)計(jì)創(chuàng)意能力2、培養(yǎng)對標(biāo)志的審美性與藝術(shù)性能力實(shí)訓(xùn)項(xiàng)目1、制作叭哥影視標(biāo)志2、制作萬升網(wǎng)絡(luò)標(biāo)志相關(guān)知識:標(biāo)志設(shè)計(jì)基礎(chǔ)1.標(biāo)志的概念標(biāo)志借助圖形和文字的巧妙設(shè)計(jì)組合,藝術(shù)地傳遞出某種信息,表達(dá)某種特殊的含義。標(biāo)志設(shè)計(jì)是將具體的事物和抽象的精神通過特定的圖形和符號固定下來,使人們在看到標(biāo)志設(shè)計(jì)的同時,自然地產(chǎn)生聯(lián)想,從而產(chǎn)生對事物和精神的認(rèn)同感。相關(guān)知識:標(biāo)志設(shè)計(jì)基礎(chǔ)2.標(biāo)志的功能標(biāo)志的主要功能包括識別功能、品牌優(yōu)勢、美化功能、國際交流、引導(dǎo)功能等。相關(guān)知識:標(biāo)志設(shè)計(jì)基礎(chǔ)3.標(biāo)志設(shè)計(jì)的原則標(biāo)志設(shè)計(jì)要遵循一些基本的原則,其中包括表達(dá)意念明確、內(nèi)容豐富深刻、設(shè)計(jì)鮮明獨(dú)特、造型簡潔大方、適應(yīng)性能良好和持久性與時代性。任務(wù)引入設(shè)計(jì)理念任務(wù)知識任務(wù)實(shí)施擴(kuò)展實(shí)踐任務(wù)4.1制作叭哥影視標(biāo)志4.1.1任務(wù)引入叭哥影視傳媒有限公司,是一家剛剛成立的影視公司,經(jīng)營范圍包括,制作發(fā)行動畫片、專題片、電視綜藝等電視節(jié)目。現(xiàn)需要制作公司標(biāo)志,作為公司形象中的關(guān)鍵元素,標(biāo)志設(shè)計(jì)要求具有特色,能夠體現(xiàn)公司性質(zhì)及特點(diǎn)。4.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è)形象。整體設(shè)計(jì)獨(dú)特并且充滿創(chuàng)意,能夠達(dá)到企業(yè)需求。效果圖4.1.3任務(wù)知識:創(chuàng)建、變形和填充文本1.創(chuàng)建文本選擇“文本”工具,選擇“窗口>屬性”命令,彈出文本工具“屬性”面板。將鼠標(biāo)指針放在場景中,鼠標(biāo)指針變?yōu)?。在場景中單擊鼠?biāo)左鍵,出現(xiàn)文本輸入光標(biāo),直接輸入文字即可。2.文本屬性下面對文本工具“屬性”面板各選項(xiàng)逐一進(jìn)行介紹。◎設(shè)置文本的字體、字體大小、樣式和顏色◎設(shè)置段落◎字體呈現(xiàn)方法◎設(shè)置文本超鏈接4.1.3任務(wù)知識:創(chuàng)建、變形和填充文本3.靜態(tài)文本選擇“靜態(tài)文本”選項(xiàng),“屬性”面板如圖所示。4.1.3任務(wù)知識:創(chuàng)建、變形和填充文本4.動態(tài)文本選擇“動態(tài)文本”選項(xiàng),“屬性”面板如圖所示。動態(tài)文本可以作為對象來應(yīng)用。4.1.3任務(wù)知識:創(chuàng)建、變形和填充文本5.輸入文本選擇“輸入文本”選項(xiàng),“屬性”面板如圖所示。4.1.3任務(wù)知識:創(chuàng)建、變形和填充文本6.變形文本在舞臺窗口輸入需要的文字,并選中文字,按兩次Ctrl+B組合鍵,將文字打散。選擇“修改>變形>封套”命令,在文字的周圍出現(xiàn)控制點(diǎn),拖曳控制點(diǎn),改變文字的形狀。4.1.3任務(wù)知識:創(chuàng)建、變形和填充文本7.填充文本選中文字,按兩次Ctrl+B組合鍵,將文字打散。選擇“窗口>顏色”命令,彈出“顏色”面板,單擊“填充顏色”按鈕,在“顏色類型”下拉列表中選擇“徑向漸變”,在顏色設(shè)置條上設(shè)置漸變顏色。選擇“墨水瓶”工具,在墨水瓶工具“屬性”面板中,將“筆觸顏色”設(shè)為綠色(#009900),“筆觸”選項(xiàng)設(shè)為3,分別在文字的外邊線上單擊,為文字添加外邊框。4.1.3任務(wù)知識:創(chuàng)建、變形和填充文本4.1.4任務(wù)實(shí)施12344.1.5擴(kuò)展實(shí)踐:制作馬戲團(tuán)標(biāo)志使用“文本”工具,輸入文字;使用“分離”命令,將文字打散;使用“墨水瓶”工具,為文字添加輪廓效果;使用“顏色”面板和“顏料桶”工具,為文字添加漸變色效果。效果圖任務(wù)引入設(shè)計(jì)理念任務(wù)知識任務(wù)實(shí)施擴(kuò)展實(shí)踐任務(wù)4.2制作萬升網(wǎng)絡(luò)標(biāo)志4.2.1任務(wù)引入本案例是為萬升網(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ì)上希望能表現(xiàn)出公司的特點(diǎn)和讓特色。4.2.2設(shè)計(jì)理念在設(shè)計(jì)制作中,從公司的品牌名稱入手,對“萬升網(wǎng)絡(luò)”四個文字進(jìn)行精心的變形設(shè)計(jì)和處理,文字設(shè)計(jì)后的風(fēng)格和品牌定位緊密結(jié)合,充分表現(xiàn)了網(wǎng)絡(luò)公司獨(dú)有的格調(diào)和氣息。效果圖4.2.3任務(wù)知識:套索、魔術(shù)棒和任意變形工具1.套索工具選擇“套索”工具,用鼠標(biāo)在位圖上任意勾畫想要的區(qū)域,形成一個封閉的選區(qū),松開鼠標(biāo),選區(qū)中的圖像被選中。2.多邊形工具選擇“多邊形”工具,在圖像上單擊鼠標(biāo),確定第一個定位點(diǎn),松開鼠標(biāo)并將鼠標(biāo)移至下一個定位點(diǎn),再單擊鼠標(biāo),用相同的方法直到勾畫出想要的圖像,并使選取區(qū)域形成一個封閉的狀態(tài),雙擊鼠標(biāo),選區(qū)中的圖像被選中。4.2.3任務(wù)知識:套索、魔術(shù)棒和任意變形工具3.魔術(shù)棒工具選中“魔術(shù)棒”按鈕,將鼠標(biāo)指針放在位圖上,鼠標(biāo)指針變?yōu)閳D標(biāo),在要選擇的位圖上單擊鼠標(biāo),與點(diǎn)取點(diǎn)顏色相近的圖像區(qū)域被選中。4.2.3任務(wù)知識:套索、魔術(shù)棒和任意變形工具4.任意變形工具在制作圖形的過程中,可以應(yīng)用任意變形工具來改變圖形的大小及傾斜度。系統(tǒng)在工具箱的下方設(shè)置了4種變形按鈕可供選擇。如“旋轉(zhuǎn)與傾斜”按鈕、“縮放”按鈕、“扭曲”按鈕、“封套”按鈕。4.2.3任務(wù)知識:套索、魔術(shù)棒和任意變形工具5.對象的變形與操作應(yīng)用變形命令可以對選擇的對象進(jìn)行變形修改,如扭曲、縮放、傾斜、旋轉(zhuǎn)和封套等。還可以根據(jù)需要對對象進(jìn)行組合、分離、疊放和對齊等一系列操作,從而達(dá)到制作的要求?!蚺で鷮ο蟆蚍馓讓ο蟆蚩s放對象◎旋轉(zhuǎn)與傾斜對象◎翻轉(zhuǎn)對象◎組合對象◎分離對象◎疊放對象◎?qū)R對象4.2.3任務(wù)知識:套索、魔術(shù)棒和任意變形工具4.2.4任務(wù)實(shí)施12344.2.5擴(kuò)展實(shí)踐:制作教育機(jī)構(gòu)標(biāo)志使用“文本”工具,輸入需要的文字;使用“分離”命令,將文字打散;使用“封套”命令,對文字進(jìn)行變形。效果圖任務(wù)引入設(shè)計(jì)理念任務(wù)4.3項(xiàng)目演練—制作電子競技動態(tài)標(biāo)志4.3.1任務(wù)引入手柄電子競技是一家電子競技俱樂部,成立不到一年時間,戰(zhàn)隊(duì)的競技實(shí)力上升迅速,接連獲得幾屆電子競技比賽冠軍,并晉級世界總決賽?,F(xiàn)要為俱樂部設(shè)計(jì)一個標(biāo)志,要求體現(xiàn)出游戲競技的特色。4.3.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,使用圖形和文字結(jié)合作為標(biāo)志,符合時下年輕人喜愛的風(fēng)格特色,使用藍(lán)色系同色表現(xiàn)出俱樂部沉著、冷靜的理念,藍(lán)白對比搭配看起來干凈清爽,符合俱樂部的形象。效果圖項(xiàng)目5制作網(wǎng)絡(luò)廣告—廣告設(shè)計(jì)本章簡介:現(xiàn)代社會中,信息傳遞的速度日益加快,傳播方式多種多樣。廣告憑借著各種信息傳遞媒介充斥著人們?nèi)粘I畹姆椒矫婷妫殉蔀樯鐣钪胁豢扇鄙俚囊粋€組成部分。廣告具有實(shí)效性強(qiáng)、受眾廣泛、宣傳力度大的特點(diǎn)。本章以運(yùn)動鞋廣告設(shè)計(jì)為例,講解廣告的設(shè)計(jì)方法和制作技巧。學(xué)習(xí)引導(dǎo)知識目標(biāo)能力目標(biāo)情感目標(biāo)學(xué)習(xí)目標(biāo)1、了解廣告的概念及功能2、掌握廣告的特點(diǎn)1、熟悉廣告的設(shè)計(jì)思路和過程2、掌握廣告的制作方法和技巧1、培養(yǎng)對廣告的設(shè)計(jì)創(chuàng)意能力2、培養(yǎng)對廣告的審美性與藝術(shù)性能力實(shí)訓(xùn)項(xiàng)目1、制作運(yùn)動鞋廣告2、制作液晶電視廣告3、制作漢堡廣告相關(guān)知識:廣告設(shè)計(jì)基礎(chǔ)1.廣告的概念廣告從廣義上講是指向公眾通知某一件事并最終達(dá)到廣而告之的目的。狹義上的廣告主要指盈利性的廣告,即廣告主為了某種特定的需要,通過各種媒介,耗費(fèi)一定的費(fèi)用,公開而廣泛地向公眾傳遞某種信息并最終從中獲利的宣傳手段。相關(guān)知識:廣告設(shè)計(jì)基礎(chǔ)2.廣告的功能現(xiàn)代廣告的形式多元、種類多樣,不同目的不同性質(zhì)的廣告其功能也各自有著一定的針對性。但總體來看,現(xiàn)代廣告的主要功能有:交流功能、經(jīng)濟(jì)功能、社會功能、宣傳功能、心理功能、美學(xué)功能等。相關(guān)知識:廣告設(shè)計(jì)基礎(chǔ)3.廣告的特點(diǎn)一則成功的廣告一般需要具備幾個共同的特點(diǎn),包括廣告自身具有強(qiáng)大的吸引力,藝術(shù)手法有助于突出廣告的主題,廣告的主題明確內(nèi)容通俗易懂,廣告效應(yīng)與預(yù)期目標(biāo)相一致。任務(wù)引入設(shè)計(jì)理念任務(wù)知識任務(wù)實(shí)施擴(kuò)展實(shí)踐任務(wù)5.1制作運(yùn)動鞋廣告5.1.1任務(wù)引入本案例是為YG推出的新款運(yùn)動鞋設(shè)計(jì)制作宣傳廣告,設(shè)計(jì)要求以低幫運(yùn)動鞋為主題,以全新的設(shè)計(jì)理念和獨(dú)特的表現(xiàn)手法宣傳新款產(chǎn)品。5.1.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,使用實(shí)景的背景營造出清新舒適的感覺,產(chǎn)品與展示臺的完美結(jié)合和創(chuàng)意設(shè)計(jì),在突出宣傳主體的同時,展現(xiàn)出產(chǎn)品的品質(zhì)和夢幻、知性的特色,加深了顧客的印象;醒目的產(chǎn)品名稱起到裝飾作用,且宣傳性強(qiáng)。效果圖5.1.3任務(wù)知識:導(dǎo)入圖像素材1.圖像素材的格式AnimateCC2019可以導(dǎo)入各種文件格式的矢量圖和位圖。矢量格式包括:AdobeIllustrator文件、EPS文件或PDF文件。位圖格式包括:JPG、GIF、PNG、BMP等格式。2.導(dǎo)入圖像素材AnimateCC2019可以識別多種不同的位圖和矢量圖的文件格式,可以通過導(dǎo)入或粘貼的方法將素材引入到AnimateCC2019中?!?qū)氲轿枧_◎?qū)氲綆臁蛲獠空迟N5.1.3任務(wù)知識:導(dǎo)入圖像素材3.設(shè)置導(dǎo)入位圖屬性對于導(dǎo)入的位圖,用戶可以根據(jù)需要消除鋸齒從而平滑圖像的邊緣,或選擇壓縮選項(xiàng)以減小位圖文件的大小,以及格式化文件以便在Web上顯示。這些變化都需要在“位圖屬性”對話框中進(jìn)行設(shè)定。在“庫”面板中雙擊位圖圖標(biāo),彈出“位圖屬性”對話框。5.1.3任務(wù)知識:導(dǎo)入圖像素材4.將位圖轉(zhuǎn)換為圖形使用AnimateCC2019可以將位圖分離為可編輯的圖形,位圖仍然保留它原來的細(xì)節(jié)。分離位圖后,可以使用繪畫工具和涂色工具來選擇和修改位圖的區(qū)域。5.1.3任務(wù)知識:導(dǎo)入圖像素材5.將位圖轉(zhuǎn)換為矢量圖選中位圖,選擇“修改>位圖>轉(zhuǎn)換位圖為矢量圖”命令,彈出“轉(zhuǎn)換位圖為矢量圖”對話框,設(shè)置數(shù)值后,單擊“確定”按鈕,位圖轉(zhuǎn)換為矢量圖。5.1.3任務(wù)知識:導(dǎo)入圖像素材6.測試動畫在制作完成動畫后,要對其進(jìn)行測試。可以通過以下幾種方法來測試動畫?!驊?yīng)用“播放”命令選擇“控制>播放”命令,或按Enter鍵,可以對當(dāng)前舞臺中的動畫進(jìn)行瀏覽。在“時間軸”面板中,可以看見播放頭在運(yùn)動。隨著播放頭的運(yùn)動,舞臺中顯示出播放頭所經(jīng)過的幀上的內(nèi)容?!驊?yīng)用“測試影片”命令選擇“控制>測試影片”命令,或按Ctrl+Enter組合鍵,可以進(jìn)入動畫測試窗口,對動畫作品的多個場景進(jìn)行連續(xù)的測試?!驊?yīng)用“測試場景”命令選擇“控制>測試場景”命令,或按Ctrl+Alt+Enter組合鍵,可以進(jìn)入動畫測試窗口,測試當(dāng)前舞臺窗口中顯示的場景或元件中的動畫。5.1.3任務(wù)知識:導(dǎo)入圖像素材5.1.4任務(wù)實(shí)施12345.1.5擴(kuò)展實(shí)踐:制作冰啤廣告使用“導(dǎo)入到庫”命令,將素材導(dǎo)入到“庫”面板中;使用“轉(zhuǎn)換位圖為矢量圖”命令,將位圖轉(zhuǎn)換為矢量圖形。效果圖任務(wù)引入設(shè)計(jì)理念任務(wù)知識任務(wù)實(shí)施擴(kuò)展實(shí)踐任務(wù)5.2制作液晶電視廣告5.2.1任務(wù)引入多維有限公司是一家電商用品零售企業(yè),販?zhǔn)燮秸桨b的家具、配件、浴室和廚房用品等。現(xiàn)因春節(jié)即將來臨,需要制作一款新年宣傳片,用于宣傳新款液晶電視,設(shè)計(jì)要求具有濃郁的民俗色彩,以及產(chǎn)品的優(yōu)惠力度,能夠充分表達(dá)本次活動的宣傳主題和特點(diǎn)。5.2.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,紅色和白色的文字背景色調(diào)和諧、舒適搭配自然,具有濃郁的傳統(tǒng)色彩。將產(chǎn)品圖像放在主要位置,突出產(chǎn)品的宣傳,圍繞產(chǎn)品的功能介紹,使人一目了然,能引導(dǎo)人們的視線關(guān)注宣傳主體。效果圖5.2.3任務(wù)知識1.視頻素材的格式AnimateCC2019版本對導(dǎo)入的視頻格式重新作了調(diào)整,可以導(dǎo)入FLV、F4V、Mp4和Mov等格式的視頻。其中Mp4和Mov格式的視頻需要使用播放組件加載外部視頻選項(xiàng)導(dǎo)入。而FLV視頻格式是當(dāng)前網(wǎng)頁視頻觀看的主流。5.2.3任務(wù)知識2.導(dǎo)入視頻素材MacromediaFlashVideo(FLV)文件可以導(dǎo)入或?qū)С鰩Ь幋a音頻的靜態(tài)視頻流。適用于通信應(yīng)用程序,例如視頻會議或包含從Adobe的MacromediaFlashMediaServer中導(dǎo)出的屏幕共享編碼數(shù)據(jù)的文件。5.2.3任務(wù)知識3.視頻的屬性在嵌入的視頻“屬性”面板中可以更改導(dǎo)入視頻的屬性。選中視頻,選擇“窗口>屬性”命令,彈出嵌入的視頻“屬性”面板。5.2.4任務(wù)實(shí)施12345.2.5擴(kuò)展實(shí)踐:制作旅游廣告使用“導(dǎo)入視頻”命令,導(dǎo)入視頻;使用“任意變形”工具,調(diào)整視頻的大小。效果圖任務(wù)引入設(shè)計(jì)理念任務(wù)知識任務(wù)實(shí)施擴(kuò)展實(shí)踐任務(wù)5.3制作漢堡廣告5.3.1任務(wù)引入快樂美食是一家中小型西餐廳,主打菜品為種類豐富的漢堡、披薩,牛排、意面、甜品和飲品等。現(xiàn)需要為新款漢堡制作一個宣傳廣告,設(shè)計(jì)要求畫面主題明確,風(fēng)格時尚簡約,符合行業(yè)特性,能夠突出產(chǎn)品特點(diǎn)和特色。5.3.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,通過簡約的頁面設(shè)計(jì),給人直觀的印象,易于閱讀;產(chǎn)品的展示豐富了畫面,讓人一目了然,促進(jìn)銷售;顏色的運(yùn)用合理,給人品質(zhì)感;整體設(shè)計(jì)清新自然,易給人好感,產(chǎn)生購買欲望。效果圖5.3.3任務(wù)知識:創(chuàng)建元件、補(bǔ)間動畫和補(bǔ)間形狀1.創(chuàng)建圖形元件選擇“插入>新建元件”命令,或按Ctrl+F8組合鍵,彈出“創(chuàng)建新元件”對話框。單擊“確定”按鈕,創(chuàng)建一個新的圖形元件“音樂播放器”。2.創(chuàng)建按鈕元件AnimateCC2019庫中提供了一些簡單的按鈕,如果需要復(fù)雜的按鈕,還是需要自己創(chuàng)建。選擇“插入>新建元件”命令,彈出“創(chuàng)建新元件”對話框。單擊“確定”按鈕,創(chuàng)建一個新的按鈕元件“動作”。5.3.3任務(wù)知識:創(chuàng)建元件、補(bǔ)間動畫和補(bǔ)間形狀3.創(chuàng)建影片剪輯元件選擇“插入>新建元件”命令,或按Ctrl+F8組合鍵,彈出“創(chuàng)建新元件”對話框。單擊“確定”按鈕,創(chuàng)建一個新的影片剪輯元件“變形”。5.3.3任務(wù)知識:創(chuàng)建元件、補(bǔ)間動畫和補(bǔ)間形狀4.轉(zhuǎn)換元件◎?qū)D形轉(zhuǎn)換為圖形元件如果在舞臺上已經(jīng)創(chuàng)建好矢量圖形并且以后還要再次應(yīng)用,可將其轉(zhuǎn)換為圖形元件。◎設(shè)置圖形元件的中心點(diǎn)選中矢量圖形,選擇“修改>轉(zhuǎn)換為元件”命令,彈出“轉(zhuǎn)換為元件”對話框,在對話框的“對齊”選項(xiàng)后有9個中心定位點(diǎn),可以用來設(shè)置轉(zhuǎn)換元件的中心點(diǎn)。5.3.3任務(wù)知識:創(chuàng)建元件、補(bǔ)間動畫和補(bǔ)間形狀5.改變實(shí)例的顏色和透明效果在舞臺中選中實(shí)例,在“屬性”面板中選擇“樣式”選項(xiàng)的下拉列表。5.3.3任務(wù)知識:創(chuàng)建元件、補(bǔ)間動畫和補(bǔ)間形狀6.元件編輯模式元件創(chuàng)建完畢后常常需要修改,此時需要進(jìn)入元件編輯狀態(tài),修改完元件后又需要退出元件編輯狀態(tài)進(jìn)入主場景編輯動畫?!蜻M(jìn)入組件編輯模式,可以通過以下幾種方式(1)在主場景中雙擊元件實(shí)例進(jìn)入元件編輯模式。(2)在“庫”面板中雙擊要修改的元件進(jìn)入元件編輯模式。(3)在主場景中用鼠標(biāo)右鍵單擊元件實(shí)例,在彈出的菜單中選擇“編輯”命令進(jìn)入元件編輯模式。(4)在主場景中選擇元件實(shí)例后,選擇“編輯>編輯元件”命令進(jìn)入元件編輯模式?!蛲顺鲈庉嬆J剑梢酝ㄟ^以下幾種方式(1)單擊舞臺窗口左上方的場景名稱,進(jìn)入主場景窗口。(2)選擇“編輯>編輯文檔”命令,進(jìn)入主場景窗口。5.3.3任務(wù)知識:創(chuàng)建元件、補(bǔ)間動畫和補(bǔ)間形狀7.逐幀動畫還可以通過從外部導(dǎo)入圖片組來實(shí)現(xiàn)逐幀動畫的效果。5.3.3任務(wù)知識:創(chuàng)建元件、補(bǔ)間動畫和補(bǔ)間形狀8.創(chuàng)建補(bǔ)間動畫補(bǔ)間動畫是一種使用元件的動畫,可以對元件進(jìn)行位移、大小、旋轉(zhuǎn)、透明和顏色等動畫設(shè)置。5.3.3任務(wù)知識:創(chuàng)建元件、補(bǔ)間動畫和補(bǔ)間形狀9.創(chuàng)建補(bǔ)間形狀如果舞臺上的對象是組件實(shí)例、多個圖形的組合、文字或?qū)氲乃夭膶ο?,必須先分離或取消組合,將其打散成圖形,才能制作形狀補(bǔ)間動畫。利用這種動畫,也可以實(shí)現(xiàn)上述對象的大小、位置、旋轉(zhuǎn)、顏色及透明度等變化。5.3.3任務(wù)知識:創(chuàng)建元件、補(bǔ)間動畫和補(bǔ)間形狀10.創(chuàng)建傳統(tǒng)補(bǔ)間5.3.3任務(wù)知識:創(chuàng)建元件、補(bǔ)間動畫和補(bǔ)間形狀5.3.4任務(wù)實(shí)施12345.3.5擴(kuò)展實(shí)踐:制作空調(diào)扇廣告使用“導(dǎo)入到庫”命令,導(dǎo)入素材;使用“新建元件”命令和“文本”工具,制作圖形元件;使用“分散到圖層”命令,制作功能動畫;使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令,制作補(bǔ)間動畫;使用“屬性”面板,調(diào)整實(shí)例的透明度。效果圖任務(wù)引入設(shè)計(jì)理念任務(wù)5.4項(xiàng)目演練—制作手機(jī)廣告5.4.1任務(wù)引入米心手機(jī)專營店是一家手機(jī)專賣場。該手機(jī)店最新推出了手機(jī)促銷活動,需要制作針對網(wǎng)店的宣傳廣告,能夠體現(xiàn)出新款產(chǎn)品的特點(diǎn)。廣告要求內(nèi)容豐富,重點(diǎn)宣傳此次推出新款產(chǎn)品活動。5.4.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,使用深色的背景突出前方的宣傳主體,起到襯托的效果;產(chǎn)品實(shí)品的展示,與文字一起構(gòu)成豐富的畫面,展現(xiàn)出時尚和現(xiàn)代感;畫面整體主次分明,對文字進(jìn)行具有特色的設(shè)計(jì),使消費(fèi)者快速了解產(chǎn)品信息,并且突出了宣傳主體,使畫面具有空間感,宣傳性強(qiáng)。效果圖項(xiàng)目6制作新媒體動圖—社交媒體動圖設(shè)計(jì)本章簡介:伴隨微信、微博等社交媒體的發(fā)展,其動圖設(shè)計(jì)也有了更豐富的表現(xiàn),當(dāng)中最為典型的是微信公眾號。在微信公眾號中,動畫表現(xiàn)力強(qiáng)的動圖為用戶帶來更好的視覺體驗(yàn),達(dá)到了品牌的傳播與維護(hù)的目的。本章以各個類型的社交媒體動圖設(shè)計(jì)為例,講解社交媒體動圖的設(shè)計(jì)方法和制作技巧。學(xué)習(xí)引導(dǎo)知識目標(biāo)能力目標(biāo)情感目標(biāo)學(xué)習(xí)目標(biāo)1、了解動態(tài)的概念及優(yōu)勢2、了解動態(tài)的分類1、熟悉動圖的設(shè)計(jì)思路和過程2、掌握動圖的制作方法和技巧1、培養(yǎng)對動圖的設(shè)計(jì)創(chuàng)意能力2、培養(yǎng)對動圖的審美能力實(shí)訓(xùn)項(xiàng)目1、制作鬧鐘詳情頁主圖2、制作化妝品主圖相關(guān)知識:社交媒體動圖設(shè)計(jì)基礎(chǔ)1.動圖的概念動圖是動態(tài)圖形的簡稱,是數(shù)字媒體發(fā)展中一種視覺表現(xiàn)形式。動圖在視覺表現(xiàn)上應(yīng)用了插畫和平面設(shè)計(jì)的方法,在技術(shù)上應(yīng)用了動畫制作的方法。相關(guān)知識:社交媒體動圖設(shè)計(jì)基礎(chǔ)2.動圖的優(yōu)勢動圖在傳播中的優(yōu)勢突出,可以更多方法豐富宣傳內(nèi)容,實(shí)現(xiàn)信息的更有效傳播,提升傳播的活潑性和趣味性,提高受眾的審美品位,擴(kuò)大傳播推廣的范圍。相關(guān)知識:社交媒體動圖設(shè)計(jì)基礎(chǔ)3.動圖的分類動圖在各領(lǐng)域被廣泛應(yīng)用,包括動態(tài)表情包、動態(tài)廣告、動態(tài)游戲等類別。任務(wù)引入設(shè)計(jì)理念任務(wù)知識任務(wù)實(shí)施擴(kuò)展實(shí)踐任務(wù)6.1制作鬧鐘詳情頁主圖6.1.1任務(wù)引入文森艾德是一家綜合網(wǎng)上購物平臺,商品涵蓋家電、手機(jī)、電腦、服裝、百貨、海外購等品類?,F(xiàn)推出新款掛鐘,要求為其設(shè)計(jì)詳情頁主圖,用于平臺宣傳及推廣,設(shè)計(jì)要符合現(xiàn)代設(shè)計(jì)風(fēng)格,給人沉穩(wěn)干凈的映像。6.1.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,要求以產(chǎn)品圖片為主體凸顯出宣傳主題,使用直觀醒目的文字來詮釋廣告內(nèi)容,表現(xiàn)活動特色,增加詳情頁主圖的趣味性。色彩使用帶給人激情洋溢的印象,能夠激起客戶購買對欲望。效果圖6.1.3任務(wù)知識:動作面板動作面板的使用選擇“窗口>動作”命令,或按F9鍵,彈出“動作”面板。6.1.4任務(wù)實(shí)施12346.1.5擴(kuò)展實(shí)踐:制作愛上新年公眾號封面首圖使用“橢圓”工具和“顏色”面板,繪制雪花圖形;使用“動作腳本”面板,添加腳本語言。效果圖任務(wù)引入設(shè)計(jì)理念任務(wù)知識任務(wù)實(shí)施擴(kuò)展實(shí)踐任務(wù)6.2制作化妝品主圖6.2.1任務(wù)引入DLAR一家涉足護(hù)膚、彩妝、香水等多個產(chǎn)品領(lǐng)域的全新年輕護(hù)膚品牌。現(xiàn)推出新款純露,要求設(shè)計(jì)一款主圖,用于線上宣傳。設(shè)計(jì)要求符合年輕人的喜好,給清爽干凈的感覺。6.2.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,整體設(shè)計(jì)清新淡雅,內(nèi)容豐富;畫面形式多樣,在細(xì)節(jié)上處理獨(dú)特。主圖的設(shè)計(jì)圍繞新款純露這一主題,畫面層次分明,具有吸引力。使用藍(lán)色作為主圖的背景顏色,與產(chǎn)品相呼應(yīng),給人清爽干凈的感受。效果圖1.對齊面板選擇“窗口>對齊”命令,或按Ctrl+K組合鍵,彈出“對齊”面板。6.2.3任務(wù)知識:對齊面板和遮罩層2.靜態(tài)遮罩動畫靜態(tài)遮罩動畫過程圖6.2.3任務(wù)知識:對齊面板和遮罩層6.2.3任務(wù)知識:對齊面板和遮罩層3.動態(tài)遮罩動畫動態(tài)遮罩動畫過程圖6.2.4任務(wù)實(shí)施12346.2.5擴(kuò)展實(shí)踐:制作服裝飾品類公眾號封面首圖使用“添加傳統(tǒng)運(yùn)動引導(dǎo)層”命令,添加引導(dǎo)層;使用“鉛筆”工具,繪制曲線條;使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令,制作花瓣飄落動畫效果。效果圖任務(wù)引入設(shè)計(jì)理念任務(wù)6.3項(xiàng)目演練—制作社交媒體類微信公眾號文章配圖6.3.1任務(wù)引入“小雪”是反映氣候特征的節(jié)氣。表達(dá)了此時我國的太行山出現(xiàn)初雪,對植物包括花卉產(chǎn)生很大影響等時節(jié)特征。本例是制作公眾號文章配圖,要求表現(xiàn)出節(jié)氣特點(diǎn)及特色。6.3.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,使用實(shí)物照片作為背景烘托出節(jié)氣氛圍,裝飾畫面,再添加標(biāo)題文字和宣傳語體現(xiàn)文章主題。在表現(xiàn)形式上以簡單的文字動畫效果,增強(qiáng)畫面的韻味和美感。效果圖項(xiàng)目7制作節(jié)目包裝—節(jié)目片頭設(shè)計(jì)本章簡介:隨著影視產(chǎn)業(yè)的發(fā)展,節(jié)目片頭的種類和涉及的方面都越發(fā)豐富。節(jié)目片頭雖然時長較短,但卻是一檔節(jié)目內(nèi)容和性質(zhì)的高度體現(xiàn),并且在內(nèi)容表達(dá)、技術(shù)含量以及藝術(shù)表現(xiàn)都有很高的要求,能讓觀眾眼前一亮。本章以多種類型的節(jié)目片頭設(shè)計(jì)為例,講解節(jié)目片頭的設(shè)計(jì)方法和制作技巧。學(xué)習(xí)引導(dǎo)知識目標(biāo)能力目標(biāo)情感目標(biāo)學(xué)習(xí)目標(biāo)1、了解節(jié)目片頭的概念及分類2、掌握節(jié)目片頭的設(shè)計(jì)原則1、熟悉節(jié)目片頭設(shè)計(jì)思路和過程2、掌握節(jié)目片頭的制作方法和技巧1、培養(yǎng)對節(jié)目片頭的設(shè)計(jì)創(chuàng)意能力2、培養(yǎng)對節(jié)目片頭的審美能力實(shí)訓(xùn)項(xiàng)目1、制作時裝節(jié)目片頭2、制作談話節(jié)目片頭相關(guān)知識:節(jié)目片頭設(shè)計(jì)基礎(chǔ)1.節(jié)目片頭的概念節(jié)目片頭是節(jié)目正片內(nèi)容播放前的一個短片,它包含視頻,音樂,文字等元素。節(jié)目片頭通過對元素的設(shè)計(jì)組織來達(dá)到烘托內(nèi)容主題,吸引觀眾關(guān)注和營造影片氛圍的目的。相關(guān)知識:節(jié)目片頭設(shè)計(jì)基礎(chǔ)2.節(jié)目片頭的分類節(jié)目片頭的范圍廣泛,包括電影片頭、電視頻道片頭、電視欄目片頭、企業(yè)宣傳片頭和活動宣傳片頭等多種類型。相關(guān)知識:節(jié)目片頭設(shè)計(jì)基礎(chǔ)3.節(jié)目片頭設(shè)計(jì)的原則節(jié)目片頭設(shè)計(jì)的原則包括創(chuàng)意構(gòu)思緊貼主題,意境渲染帶動觀眾、畫面視覺美感呈現(xiàn)、時代文化充分體現(xiàn)。任務(wù)引入設(shè)計(jì)理念任務(wù)知識任務(wù)實(shí)施擴(kuò)展實(shí)踐任務(wù)7.1制作時裝節(jié)目片頭7.1.1任務(wù)引入本案例的時裝節(jié)目是展現(xiàn)現(xiàn)代都市女性服裝潮流的專欄節(jié)目,節(jié)目宗旨是追蹤時裝的流行趨勢,引導(dǎo)著裝的品位方向。在節(jié)目包裝中要強(qiáng)化時裝的現(xiàn)代感和潮流感。7.1.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,背景的處理采用藍(lán)色及簡單線條的搭配,給人時尚和品位感,同時表現(xiàn)出現(xiàn)代感和生活氣息。漂亮的都市女性身穿靚麗的時裝,以照片的形式在畫面中表現(xiàn),體現(xiàn)時裝節(jié)目的主題。標(biāo)題和圖片居中顯示使其更加醒目直觀。效果圖7.1.3任務(wù)知識1.聲音素材的格式AnimateCC2019提供了許多使用聲音的方式。它可以使聲音獨(dú)立于時間軸連續(xù)播放,或使動畫和一個音軌同步播放;可以向按鈕添加聲音,使按鈕具有更強(qiáng)的互動性;還可以通過聲音淡入淡出產(chǎn)生更優(yōu)美的聲音效果。下面介紹如下幾種可導(dǎo)入Animate中的常見的聲音文件格式?!騑AV格式◎MP3格式◎AIFF格式◎AU格式7.1.3任務(wù)知識:添加聲音2.添加聲音◎?yàn)閯赢嬏砑勇曇簟驗(yàn)榘粹o添加音效3.“屬性”面板在“時間軸”面板中選中聲音文件所在圖層的第1幀,按Ctrl+F3組合鍵,彈出幀“屬性”面板。7.1.3任務(wù)知識:添加聲音7.1.4任務(wù)實(shí)施12347.1.5擴(kuò)展實(shí)踐:制作體育節(jié)目片頭使用“文本”工具,添加主體文字;使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令,生成傳統(tǒng)補(bǔ)間動畫;使用“動作”面板,添加腳本語言。效果圖任務(wù)引入設(shè)計(jì)理念任務(wù)知識任務(wù)實(shí)施擴(kuò)展實(shí)踐任務(wù)7.2制作談話節(jié)目片頭7.2.1任務(wù)引入說點(diǎn)啥是一檔由椰餅干出品,制作的說話達(dá)人秀。提倡用幽默跟生活和解。用積極、樂觀的態(tài)度面對生活煩惱?,F(xiàn)要為此欄目制作片頭,要求能夠展現(xiàn)該節(jié)目的最新消息,宣傳節(jié)目內(nèi)容。7.2.2設(shè)計(jì)理念在設(shè)計(jì)過程中,首先考慮把背景設(shè)計(jì)得生動有趣,所以運(yùn)用了火箭和幾何裝飾圖形在畫面中搭配,使畫面活潑生動,營造出歡快愉悅的節(jié)目氛圍。效果圖7.2.3任務(wù)知識:變形、庫和時間軸面板1.“變形”面板選擇“窗口>變形”命令,或按Ctrl+T組合鍵,彈出“變形”面板。2.“庫”面板在Animate文檔的“庫”面板中可以存儲創(chuàng)建的元件和導(dǎo)入的文件。只要建立Animate文檔,就可以使用相應(yīng)的庫?!驇烀姘宓慕M成◎庫面板彈出式菜單7.2.3任務(wù)知識:變形、庫和時間軸面板3.幀的顯示形式在AnimateCC2019動畫制作過程中,幀包括下述多種顯示形式?!蚩瞻钻P(guān)鍵幀◎關(guān)鍵幀◎傳統(tǒng)補(bǔ)間幀◎形狀補(bǔ)間幀◎包含動作語句的幀◎幀標(biāo)簽7.2.3任務(wù)知識:變形、庫和時間軸面板4.“時間軸”面板“時間軸”面板由圖層面板和時間軸組成。7.2.3任務(wù)知識:變形、庫和時間軸面板5.在時間軸面板中設(shè)置幀在時間軸面板中,可以對幀進(jìn)行一系列的操作?!虿迦霂蜻x擇幀◎移動幀◎刪除幀7.2.3任務(wù)知識:變形、庫和時間軸面板7.2.4任務(wù)實(shí)施12347.2.5擴(kuò)展實(shí)踐:制作卡通歌曲片頭使用“導(dǎo)入到庫”命令,導(dǎo)入素材文件;使用“幀”命令,延長動畫的播放時間;使用“新建元件”命令,創(chuàng)建影片剪輯;使用“插入關(guān)鍵幀”命令,制作幀動畫效果;使用“動作”面板,添加動作腳本;使用“聲音”文件,為動畫添加音效,使動畫變得更生動。效果圖任務(wù)引入設(shè)計(jì)理念任務(wù)7.3項(xiàng)目演練—制作夢想少年動畫片頭7.3.1任務(wù)引入動畫是一種綜合藝術(shù),它是集合了繪畫、漫畫、電影、數(shù)字媒體、攝影、音樂和文學(xué)等眾多藝術(shù)門類于一身的藝術(shù)表現(xiàn)形式,一部動畫的制作需要很大的努力,而動畫的片頭在動畫的制作里也占有很重要的作用,本例要求體現(xiàn)出動畫片中的主旨精神。7.3.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,清新文藝的畫面風(fēng)格能夠帶給人清新、舒適的感覺,藍(lán)天的背景起到襯托的效果;少年依偎在大樹下充滿對夢想的憧憬與期盼,展現(xiàn)出自在樂觀的精神;動畫片的名稱使用漸變的效果,在畫面中更加突出,讓人印象深刻。效果圖項(xiàng)目8制作精美網(wǎng)頁—網(wǎng)頁應(yīng)用本章簡介:網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素,網(wǎng)頁設(shè)計(jì)是對網(wǎng)站界面的全方位設(shè)計(jì),通過嚴(yán)謹(jǐn)?shù)牟邉澐治?、合理的?nèi)容規(guī)劃、成熟的創(chuàng)意設(shè)計(jì)可以設(shè)計(jì)出精美的網(wǎng)頁作品。應(yīng)用Animate技術(shù)制作的網(wǎng)頁打破了以往靜止、呆板的網(wǎng)頁形式,它將網(wǎng)頁與動畫、音效和視頻相結(jié)合,使其變得豐富多彩并增強(qiáng)了交互性。本章以多個主題的網(wǎng)頁為例,介紹網(wǎng)頁的設(shè)計(jì)構(gòu)思和制作方法。讀者通過本章的學(xué)習(xí),可以掌握網(wǎng)頁設(shè)計(jì)的要領(lǐng)和技巧,從而制作出不同風(fēng)格的網(wǎng)頁作品。學(xué)習(xí)引導(dǎo)知識目標(biāo)能力目標(biāo)情感目標(biāo)學(xué)習(xí)目標(biāo)1、了解網(wǎng)頁設(shè)計(jì)概念2、掌握網(wǎng)頁設(shè)計(jì)流程及原則1、熟悉網(wǎng)頁的設(shè)計(jì)思路和過程2、掌握網(wǎng)頁的制作方法和技巧1、培養(yǎng)對網(wǎng)頁的設(shè)計(jì)創(chuàng)意能力2、培養(yǎng)對網(wǎng)頁的審美能力實(shí)訓(xùn)項(xiàng)目1、制作化妝品網(wǎng)頁2、制作購物狂歡節(jié)網(wǎng)頁相關(guān)知識:網(wǎng)頁設(shè)計(jì)基礎(chǔ)1.網(wǎng)頁設(shè)計(jì)的概念網(wǎng)頁設(shè)計(jì)是根據(jù)企業(yè)希望向用戶傳遞的信息進(jìn)行網(wǎng)站功能策劃,然后進(jìn)行頁面設(shè)計(jì)美化的工作。網(wǎng)頁設(shè)計(jì)包含了信息架構(gòu)設(shè)計(jì)、網(wǎng)頁圖形設(shè)計(jì)、用戶界面設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)和Banner設(shè)計(jì)等。相關(guān)知識:網(wǎng)頁設(shè)計(jì)基礎(chǔ)2.網(wǎng)頁設(shè)計(jì)的流程網(wǎng)頁設(shè)計(jì)的流程可以按照網(wǎng)站策劃、交互設(shè)計(jì)、交互自查、界面設(shè)計(jì)、界面測試、設(shè)計(jì)驗(yàn)證的步驟來進(jìn)行。相關(guān)知識:網(wǎng)頁設(shè)計(jì)基礎(chǔ)3.網(wǎng)頁設(shè)計(jì)的原則網(wǎng)頁設(shè)計(jì)的原則可以分為直截了當(dāng)、簡化交互、足不出戶、提供邀請、巧用過渡、即時反應(yīng)六大原則。任務(wù)引入設(shè)計(jì)理念任務(wù)知識任務(wù)實(shí)施擴(kuò)展實(shí)踐任務(wù)8.1制作化妝品網(wǎng)頁8.1.1任務(wù)引入化妝品網(wǎng)頁主要是對化妝品的產(chǎn)品系列和功能特色進(jìn)行生動的介紹,其中包括圖片和詳細(xì)的文字講解。網(wǎng)頁的設(shè)計(jì)上力求表現(xiàn)出化妝品的產(chǎn)品特性,營造出淡雅的時尚文化品位。8.1.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,整體界面以藍(lán)色為主基調(diào),表現(xiàn)出冷靜高雅的氛圍。界面背景以時尚雅致的花朵來襯托,使界面的文化感和設(shè)計(jì)感更強(qiáng)。制作的標(biāo)簽欄能很好地與化妝品產(chǎn)品相呼應(yīng),在設(shè)計(jì)理念上強(qiáng)化了產(chǎn)品的性能和特點(diǎn)。效果圖8.1.3任務(wù)知識:按鈕事件1.播放和停止動畫控制動畫的播放和停止所使用的動作腳本如下。(1)stop():用于在此幀進(jìn)行停止。(2)gotoAndStop():用于轉(zhuǎn)到某幀并停止播放。(3)gotoAndPlay():用于轉(zhuǎn)到某幀并開始播放。(4)addEventListener():用于添加事件的方法。2.按鈕事件按鈕是交互動畫的常用控制方式,可以利用按鈕來控制和影響動畫的播放,實(shí)現(xiàn)頁面的鏈接、場景的跳轉(zhuǎn)等功能。8.1.3任務(wù)知識:按鈕事件8.1.4任務(wù)實(shí)施12348.1.5擴(kuò)展實(shí)踐:制作美食網(wǎng)頁使用“導(dǎo)入”命令,導(dǎo)入素材文件;使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令,制作美食動畫效果;使用“動作”面板,添加腳本語言。效果圖任務(wù)引入設(shè)計(jì)理念任務(wù)知識任務(wù)實(shí)施擴(kuò)展實(shí)踐任務(wù)8.2制作購物狂歡節(jié)網(wǎng)頁8.2.1任務(wù)引入本案例是為某平臺設(shè)計(jì)的購物狂歡節(jié)網(wǎng)頁,登錄該網(wǎng)站后,可以瀏覽更多的品牌優(yōu)惠活動和信息,了解更多的新折扣及產(chǎn)品介紹。網(wǎng)頁的設(shè)計(jì)上力求表現(xiàn)出本次活動的主題,展現(xiàn)出熱鬧的氛圍和視覺沖擊感。畫面設(shè)計(jì)要具有感染力,讓人耳目一新。8.2.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,通過富有特色的背景,顯示出平臺的品質(zhì)與獨(dú)特,標(biāo)題文字立體感強(qiáng),視覺醒目突出,店慶的活動信息清晰明確,能夠使消費(fèi)者快速接收到主要信息,從而達(dá)到宣傳效果,時尚漂亮的裝飾使畫面更加美觀,具有其特色。效果圖8.2.3任務(wù)知識:添加控制命令添加控制命令控制鼠標(biāo)跟隨所使用的腳本如下。root.addEventListener(Event.ENTER_FRAME,元件實(shí)例);function元件實(shí)例(e:Event){ varh:元件=new元件();//添加一個元件實(shí)例

h.x=root.mouseX; h.y=root.mouseY;//設(shè)置元件實(shí)例在x軸和y軸的坐標(biāo)位置

root.addChild(h);//將元件實(shí)例放入場景}8.2.4任務(wù)實(shí)施12348.2.5擴(kuò)展實(shí)踐:制作雪場網(wǎng)頁使用“矩形”工具、“文本”工具,制作按鈕效果;使用“影片剪輯”元件,制作導(dǎo)航條動畫效果;使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令,制作動畫效果;使用“屬性”面板,改變實(shí)例的不透明度;使用“動作”面板,添加腳本語言。效果圖任務(wù)引入設(shè)計(jì)理念任務(wù)8.3項(xiàng)目演練—制作購物網(wǎng)頁8.3.1任務(wù)引入優(yōu)選是依托網(wǎng)絡(luò)進(jìn)行生產(chǎn)和營銷的商務(wù)活動。利用電子信息技術(shù)來擴(kuò)大宣傳、降低成本;包括上網(wǎng)查詢原材料、采購、訂購、生產(chǎn)、儲運(yùn)以及電子支付等一系列貿(mào)易活動的網(wǎng)站。本例是為優(yōu)選設(shè)計(jì)制作的網(wǎng)頁,目的是進(jìn)行宣傳、吸引更多的消費(fèi)者,要求在設(shè)計(jì)上注意界面的美觀和布局的合理,操作方式簡單合理,方便用戶的瀏覽和操作。8.3.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,上方的標(biāo)志和導(dǎo)航欄的設(shè)計(jì)簡潔明快,方便用戶瀏覽和交換商務(wù)信息;熱門板塊分類,提供了其他的購物信息欄目,詳細(xì)介紹了與商務(wù)活動有關(guān)的各種信息。整個頁面簡潔大方,結(jié)構(gòu)清晰,有利于用戶的商務(wù)查詢和交易。效果圖項(xiàng)目9制作宣傳廣告—動態(tài)海報設(shè)計(jì)本章簡介:動態(tài)海報的產(chǎn)生得益于新媒體發(fā)展的環(huán)境。動態(tài)海報打破傳統(tǒng)的海報平面二維的展現(xiàn)形式,運(yùn)用嶄新的動態(tài)圖形為用戶帶來更為深刻的視覺體驗(yàn)與感受。本章以多種題材的動態(tài)海報設(shè)計(jì)為例,講解動態(tài)海報的設(shè)計(jì)方法和制作技巧。學(xué)習(xí)引導(dǎo)知識目標(biāo)能力目標(biāo)情感目標(biāo)學(xué)習(xí)目標(biāo)1、了解動態(tài)海報的概念2、掌握動態(tài)海報的視覺表現(xiàn)3、了解動態(tài)海報的優(yōu)勢1、熟悉動態(tài)海報的設(shè)計(jì)思路和視覺表現(xiàn)2、掌握動態(tài)海報的制作方法和技巧1、培養(yǎng)對動態(tài)海報的設(shè)計(jì)創(chuàng)意能力2、培養(yǎng)對動態(tài)海報的視覺表現(xiàn)能力實(shí)訓(xùn)項(xiàng)目1、制作運(yùn)動鞋促銷海報2、制作美妝類微信公眾號橫版海報相關(guān)知識:動態(tài)海報設(shè)計(jì)基礎(chǔ)1.動態(tài)海報的概念動態(tài)海報是在傳統(tǒng)海報的基礎(chǔ)上,運(yùn)用動態(tài)圖像技術(shù)對圖像、圖形、影像、文字、色彩和版式等視覺元素進(jìn)行全新的設(shè)計(jì),并在數(shù)字媒體中發(fā)布展現(xiàn)海報效果。動態(tài)海報作為一種全新的表現(xiàn)形式,營造出一種全新的視覺體驗(yàn)。相關(guān)知識:動態(tài)海報設(shè)計(jì)基礎(chǔ)2.動態(tài)海報的視覺表現(xiàn)動態(tài)海報的視覺表現(xiàn)是海報視覺元素的表現(xiàn),主要包括圖形、圖像和影像的運(yùn)動、色彩的變換、文字的變化和版式的表現(xiàn)。相關(guān)知識:動態(tài)海報設(shè)計(jì)基礎(chǔ)3.動態(tài)海報的優(yōu)勢動態(tài)海報和傳統(tǒng)海報相比有比較明顯的優(yōu)勢,包括信息容量更大,視覺效果更強(qiáng)烈、情感體驗(yàn)更豐富、表現(xiàn)形式更多樣。任務(wù)引入設(shè)計(jì)理念任務(wù)知識任務(wù)實(shí)施擴(kuò)展實(shí)踐任務(wù)9.1制作運(yùn)動鞋促銷海報9.1.1任務(wù)引入傲米商城是一家平民化的綜合性購物商城,涉及衣物、鞋帽、果品、蔬菜、模具、花卉、等產(chǎn)品。致力于打造貼合平民大眾的購物平臺?,F(xiàn)新款運(yùn)動鞋推出需要為其設(shè)計(jì)一款促銷海報,要求能突出體現(xiàn)海報宣傳的主題,同時展現(xiàn)出熱鬧的氛圍和視覺沖擊感。9.1.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,實(shí)景背景使頁面看起來清爽干凈,表現(xiàn)出運(yùn)動、健康、活潑、輕松的氛圍。明亮的色彩使觀看者耳目一新,畫面簡潔直觀,主題醒目突出,與背景搭配和諧舒適。效果圖9.1.3任務(wù)知識:動畫預(yù)設(shè)1.預(yù)覽動畫預(yù)設(shè)Animate隨附的每個動畫預(yù)設(shè)都包括預(yù)覽,可在“動畫預(yù)設(shè)”面板中查看其預(yù)覽。通過預(yù)覽,用戶可以了解在將動畫應(yīng)用于FLA文件中的對象時所獲得的結(jié)果。對于用戶創(chuàng)建或?qū)氲淖远x預(yù)設(shè),用戶可以添加自己的預(yù)覽。選擇“窗口>動畫預(yù)設(shè)”命令,彈出“動畫預(yù)設(shè)”面板。2.應(yīng)用動畫預(yù)設(shè)在舞臺上選中可補(bǔ)間的對象(元件實(shí)例或文本字段)后,可單擊“應(yīng)用”按鈕來應(yīng)用預(yù)設(shè)。每個對象只能應(yīng)用一個預(yù)設(shè)。如果將第二個預(yù)設(shè)應(yīng)用于相同的對象,則第二個預(yù)設(shè)將替換第一個預(yù)設(shè)。一旦將預(yù)設(shè)應(yīng)用于舞臺上的對象后,在時間軸中創(chuàng)建的補(bǔ)間就不再與“動畫預(yù)設(shè)”面板有任何關(guān)系了。在“動畫預(yù)設(shè)”面板中刪除或重命名某個預(yù)設(shè)對以前使用該預(yù)設(shè)創(chuàng)建的所有補(bǔ)間沒有任何影響。如果在面板中的現(xiàn)有預(yù)設(shè)上保存新預(yù)設(shè),它對使用原始預(yù)設(shè)創(chuàng)建的任何補(bǔ)間沒有影響。9.1.3任務(wù)知識:動畫預(yù)設(shè)3.將補(bǔ)間另存為自定義動畫預(yù)設(shè)如果用戶想將自己創(chuàng)建的補(bǔ)間,或?qū)摹皠赢嬵A(yù)設(shè)”面板應(yīng)用的補(bǔ)間進(jìn)行更改,可將它另存為新的動畫預(yù)設(shè)。新預(yù)設(shè)將顯示在“動畫預(yù)設(shè)”面板中的“自定義預(yù)設(shè)”文件夾中。9.1.3任務(wù)知識:動畫預(yù)設(shè)4.導(dǎo)入和導(dǎo)出動畫預(yù)設(shè)在AnimateCC2019中動畫預(yù)設(shè)除了默認(rèn)預(yù)設(shè)和自定義預(yù)設(shè)外,還可以通過導(dǎo)入和導(dǎo)出的方式添加動畫預(yù)設(shè)。◎?qū)雱赢嬵A(yù)設(shè)動畫預(yù)設(shè)存儲為XML文件,導(dǎo)入XML補(bǔ)間文件可將其添加到“動畫預(yù)設(shè)”面板。◎?qū)С鰟赢嬵A(yù)設(shè)在AnimateCC2019中除了導(dǎo)入動畫預(yù)設(shè)外,還可以將制作好的動畫預(yù)設(shè)導(dǎo)出為XML文件,以便與其他Animate用戶共享。9.1.3任務(wù)知識:動畫預(yù)設(shè)5.刪除動畫預(yù)設(shè)可從“動畫預(yù)設(shè)”面板中刪除預(yù)設(shè)。在刪除預(yù)設(shè)時,Animate將從磁盤中刪除其XML文件。請考慮制作要在以后再次使用的任何預(yù)設(shè)的備份,方法是先導(dǎo)出這些預(yù)設(shè)的副本。9.1.3任務(wù)知識:動畫預(yù)設(shè)9.1.4任務(wù)實(shí)施12349.1.5擴(kuò)展實(shí)踐:制作迷你風(fēng)扇海報使用“新建元件”命令,制作圖形元件;使用“從左邊飛入”選項(xiàng)、“從頂部飛入”選項(xiàng)、“從右邊飛入”選項(xiàng)、“從底部飛入”選項(xiàng),制作文字動畫;使用“脈搏”選項(xiàng),制作價位動畫。效果圖任務(wù)引入設(shè)計(jì)理念任務(wù)知識任務(wù)實(shí)施擴(kuò)展實(shí)踐任務(wù)9.2制作美妝類微信公眾號橫版海報9.2.1任務(wù)引入艾雀羚有限公司是一家涉足護(hù)膚、彩妝、香水等多個產(chǎn)品領(lǐng)域的化妝品公司?,F(xiàn)推出新款草本護(hù)膚水乳套裝,要求設(shè)計(jì)一款公眾號宣傳海報,用于線上宣傳。設(shè)計(jì)要求符合流行趨勢的喜好,給人清爽透亮的感覺,引起人民購買的欲望。9.2.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中,以一幅自然風(fēng)景作為背景,使畫面充滿自然的氣息,以產(chǎn)品實(shí)物為主導(dǎo)樹葉的動畫效果增加了畫面的活潑感和生動性。畫面整體以綠色為主,主題明確,在視覺上觀看舒適,畫面簡單精巧。效果圖9.2.3任務(wù)知識:層和運(yùn)動引導(dǎo)層1.層的設(shè)置◎?qū)拥膹棾鍪讲藛斡檬髽?biāo)右鍵單擊“時間軸”面板中的

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論