After Effects移動(dòng)UI交互動(dòng)效設(shè)計(jì)與制作（全彩慕課版）PPT全套完整教學(xué)課件

第1章UI動(dòng)效設(shè)計(jì)基礎(chǔ)了解UI動(dòng)效設(shè)計(jì)

什么是UI動(dòng)效設(shè)計(jì)

近些年，人們對(duì)產(chǎn)品的要求也越來(lái)越高，不再僅僅喜歡那些功能好、實(shí)用、耐用的產(chǎn)品，而是轉(zhuǎn)向了產(chǎn)品給人的心理感覺(jué)，這就要求我們?cè)谠O(shè)計(jì)產(chǎn)品時(shí)能夠提高產(chǎn)品的用戶體驗(yàn)。提高用戶體驗(yàn)的目的在于給用戶一些舒適的，與眾不同的或意料之外的感覺(jué)。用戶體驗(yàn)的提高使整個(gè)操作過(guò)程符合產(chǎn)品使用基本邏輯，使交互操作過(guò)程順理成章，而良好的用戶體驗(yàn)則是用戶在這個(gè)流程的操作過(guò)程中獲得的便利和收獲。UI動(dòng)效作為一種提高交互操作可用性的方法，越來(lái)越受到重視，國(guó)內(nèi)外各大企業(yè)都在自己的產(chǎn)品中加入了動(dòng)效設(shè)計(jì)。了解UI動(dòng)效設(shè)計(jì)

什么是UI動(dòng)效設(shè)計(jì)

為什么現(xiàn)在的產(chǎn)品越來(lái)越注重動(dòng)效設(shè)計(jì)？我們可以先從人們對(duì)于產(chǎn)品元素的感知順序來(lái)看，不難看出人們對(duì)于產(chǎn)品的動(dòng)態(tài)信息感知是最強(qiáng)的，其次才是產(chǎn)品的顏色，最后才是產(chǎn)品的形狀，也就是說(shuō)動(dòng)態(tài)效果的感知要明顯高于產(chǎn)品的界面設(shè)計(jì)。了解UI動(dòng)效設(shè)計(jì)

什么是UI動(dòng)效設(shè)計(jì)

動(dòng)效是物體空間關(guān)系與功能有意識(shí)的流動(dòng)之美，恰當(dāng)?shù)膭?dòng)效設(shè)計(jì)能夠使用戶更容易理解UI界面的交互。在產(chǎn)品的交互操作過(guò)程中恰當(dāng)?shù)募尤刖脑O(shè)計(jì)的動(dòng)效，能夠向用戶有效地傳達(dá)當(dāng)前的操作狀態(tài)，增強(qiáng)用戶對(duì)于直接操縱的感知，通過(guò)視覺(jué)化的方式向用戶呈現(xiàn)操作結(jié)果。了解UI動(dòng)效設(shè)計(jì)

UI動(dòng)效的發(fā)展

在扁平化設(shè)計(jì)興起之后，UI動(dòng)效的設(shè)計(jì)應(yīng)用越來(lái)越多。扁平化設(shè)計(jì)的好處在于用戶的注意力可以集中到界面的核心信息上，將界面中無(wú)效的設(shè)計(jì)元素去除，用戶不會(huì)被設(shè)計(jì)所打擾分散注意力，使用戶體驗(yàn)更加的純粹自然。這個(gè)思路是對(duì)的，回歸了產(chǎn)品設(shè)計(jì)的本質(zhì)，就是為用戶提供更好的使用體驗(yàn)，其次才是精美的界面設(shè)計(jì)。但是，過(guò)于扁平化的設(shè)計(jì)，也會(huì)帶來(lái)新的問(wèn)題，一些復(fù)雜的層級(jí)關(guān)系如何展現(xiàn)？用戶如何被引導(dǎo)和吸引？這與用戶在現(xiàn)實(shí)世界中的自然感受很不一致，所以Google推出了MaterialDesign設(shè)計(jì)語(yǔ)言。了解UI動(dòng)效設(shè)計(jì)

UI動(dòng)效的發(fā)展MaterialDesign設(shè)計(jì)語(yǔ)言的一部分作用是為了解決過(guò)于扁平化設(shè)計(jì)所帶來(lái)的弊端，復(fù)雜層級(jí)關(guān)系如何展現(xiàn)，用戶如何被引導(dǎo)和代入。為了解決這個(gè)問(wèn)題，在MaterialDesign設(shè)計(jì)語(yǔ)言中通過(guò)分層設(shè)計(jì)以及動(dòng)效設(shè)計(jì)相結(jié)合的方式，在扁平化的基礎(chǔ)上為用戶提供更容易理解的層級(jí)關(guān)系，為UI設(shè)計(jì)賦予情感，增強(qiáng)用戶在產(chǎn)品使用過(guò)程中的參與度。了解UI動(dòng)效設(shè)計(jì)

動(dòng)效在UI界面中的作用吸引用戶注意力為用戶提供操作反饋加強(qiáng)指向性傳遞信息深度UI動(dòng)效設(shè)計(jì)的必要性

增強(qiáng)用戶體驗(yàn)

設(shè)計(jì)師如果僅僅只是追求靜態(tài)畫(huà)面的完美呈現(xiàn)，而忽略了動(dòng)態(tài)過(guò)程的合理表達(dá)，會(huì)導(dǎo)致用戶不能在視覺(jué)上覺(jué)察到元素的狀態(tài)變化，從而很難對(duì)新舊狀態(tài)的更替有清晰的感知。動(dòng)效設(shè)計(jì)的重點(diǎn)在于“時(shí)間點(diǎn)”和“空間幅度”，通過(guò)“時(shí)間點(diǎn)”和“空間幅度”的設(shè)計(jì)為用戶建立運(yùn)動(dòng)的可信度，即視覺(jué)上的真實(shí)感，當(dāng)用戶意識(shí)到這個(gè)動(dòng)效是合理的，才能夠使用戶更加清晰地使用該產(chǎn)品。UI動(dòng)效設(shè)計(jì)的必要性

提升產(chǎn)品氣質(zhì)

沒(méi)有添加動(dòng)效設(shè)計(jì)的產(chǎn)品，會(huì)給人一種死氣沉沉的感覺(jué)，所有內(nèi)容平鋪直敘、毫無(wú)生機(jī)，即使界面設(shè)計(jì)的非常美，也會(huì)缺乏一種靈動(dòng)細(xì)膩的氣質(zhì)。如果把產(chǎn)品比作美女，那么界面視覺(jué)就是美女的顏值，動(dòng)效設(shè)計(jì)就是美女的肢體語(yǔ)言。合理的動(dòng)效設(shè)計(jì)能夠?qū)⒏Ⅲw、更富有關(guān)聯(lián)性的信息傳遞出去，提高產(chǎn)品的“表達(dá)能力”，增加產(chǎn)品的親和力和趣味性，也有利于品牌的建立。UI動(dòng)效設(shè)計(jì)的必要性

體現(xiàn)設(shè)計(jì)師優(yōu)勢(shì)

設(shè)計(jì)師通過(guò)制作高保真動(dòng)效Demo展示設(shè)計(jì)思路和創(chuàng)意，大大提高設(shè)計(jì)提案交接率，降低了設(shè)計(jì)師與開(kāi)發(fā)的溝通成本，提高了動(dòng)效的還原度，體現(xiàn)專業(yè)性。如何設(shè)計(jì)動(dòng)效

首先需要有一個(gè)創(chuàng)意想法結(jié)合產(chǎn)品去設(shè)計(jì)了解動(dòng)效的基本常識(shí)觀察生活多看多思考學(xué)會(huì)拆解緊跟設(shè)計(jì)潮流如何設(shè)計(jì)動(dòng)效

根據(jù)想法進(jìn)行豐滿實(shí)現(xiàn)動(dòng)手嘗試，熟能生巧多臨摹，多練習(xí)注重細(xì)節(jié)使動(dòng)效富有節(jié)奏感先加后減動(dòng)效設(shè)計(jì)的類型有哪些

轉(zhuǎn)場(chǎng)過(guò)渡

人們的大腦會(huì)對(duì)動(dòng)態(tài)事物（例如：對(duì)象的移動(dòng)、變形、變色等）保持敏感，在界面中加入一些平滑舒適的過(guò)渡轉(zhuǎn)場(chǎng)動(dòng)效，不僅能夠讓界面顯得更加生動(dòng)，更能夠幫助用戶理解界面前后變化的邏輯關(guān)系。動(dòng)效設(shè)計(jì)的類型有哪些

層級(jí)展示

在現(xiàn)實(shí)空間中，物體存在近大遠(yuǎn)小的原則，運(yùn)動(dòng)則會(huì)表現(xiàn)為近快遠(yuǎn)慢。當(dāng)界面中的元素存不同的層級(jí)時(shí)，恰當(dāng)?shù)膭?dòng)效設(shè)計(jì)可以幫助用戶更好的理解前后位置關(guān)系，通過(guò)動(dòng)效設(shè)計(jì)能夠體現(xiàn)出整個(gè)界面的空間感。動(dòng)效設(shè)計(jì)的類型有哪些

空間擴(kuò)展

在移動(dòng)界面設(shè)計(jì)中，由于有限的屏幕空間難以承載大量的信息內(nèi)容，通過(guò)動(dòng)效的形式，可以在界面中通過(guò)折疊、翻轉(zhuǎn)、縮放等形式拓展附加內(nèi)容的界面空間，以漸進(jìn)展示的方式來(lái)減輕用戶的認(rèn)知負(fù)擔(dān)。動(dòng)效設(shè)計(jì)的類型有哪些

關(guān)注聚焦

關(guān)注聚焦是指在界面中通過(guò)元素的動(dòng)態(tài)變化，提醒用戶關(guān)注界面中特定的信息內(nèi)容。這種提醒方式不僅可以降低視覺(jué)元素的干擾，使界面更加清爽簡(jiǎn)潔，還能夠在用戶使用過(guò)程中，自然地吸引用戶的注意力。動(dòng)效設(shè)計(jì)的類型有哪些

內(nèi)容呈現(xiàn)

界面中的內(nèi)容元素按照一定的秩序規(guī)律逐級(jí)呈現(xiàn)，引導(dǎo)用戶視覺(jué)焦點(diǎn)走向，幫助用戶更好地感知界面布局、層級(jí)結(jié)構(gòu)和重點(diǎn)內(nèi)容，同時(shí)也能夠讓界面的操作流程更加豐富流暢，增添了界面的表現(xiàn)活力。動(dòng)效設(shè)計(jì)的類型有哪些

操作反饋

無(wú)論在界面中進(jìn)行點(diǎn)擊、長(zhǎng)按、拖拽、滑動(dòng)等交互操作，都應(yīng)該得到系統(tǒng)的即時(shí)反饋，以視覺(jué)動(dòng)效的方式表現(xiàn)操作反饋，能夠幫助用戶了解當(dāng)前系統(tǒng)對(duì)用戶操作過(guò)程的響應(yīng)情況，為用戶帶來(lái)安全感。動(dòng)效設(shè)計(jì)制作軟件有哪些

AdobeAfterEffectsAdobePhotoshopAdobeFlashCINEMA4DPixate基礎(chǔ)動(dòng)效類型

基礎(chǔ)動(dòng)效移動(dòng)旋轉(zhuǎn)縮放基礎(chǔ)動(dòng)效類型

屬性變化

屬性變化也可以理解為是一種基礎(chǔ)動(dòng)效，例如可以通過(guò)改變?cè)氐耐该鞫葋?lái)實(shí)現(xiàn)元素淡入/淡出的動(dòng)畫(huà)效果等。同時(shí)還可以通過(guò)改變?cè)氐拇笮　㈩伾?、位置等幾乎所有屬性?lái)體現(xiàn)動(dòng)畫(huà)效果?；A(chǔ)動(dòng)效類型

運(yùn)動(dòng)節(jié)奏

優(yōu)秀的動(dòng)效設(shè)計(jì)應(yīng)該反映真實(shí)的物理現(xiàn)象，如果動(dòng)效想要表現(xiàn)的對(duì)象是一個(gè)沉甸甸的物體，那么它的起始動(dòng)畫(huà)響應(yīng)的變化會(huì)比較慢。反之，對(duì)象如果是輕巧的，那么其起始動(dòng)畫(huà)響應(yīng)的變化會(huì)比較快。所以，在動(dòng)效設(shè)計(jì)中還需要考慮到元素的運(yùn)動(dòng)節(jié)奏，從而使所制作的動(dòng)效表現(xiàn)的更加真實(shí)、自然?；A(chǔ)動(dòng)效類型

基礎(chǔ)動(dòng)效組合應(yīng)用

在大多數(shù)場(chǎng)景中，需要同時(shí)使用2種以上的基礎(chǔ)動(dòng)效，將它們有效地組合在一起，以達(dá)到更好的動(dòng)態(tài)效果。另外我們?nèi)匀恍枰寗?dòng)效遵循普遍的物理規(guī)律，這樣才能使所制作的動(dòng)效更容易被用戶接受。課后測(cè)試

選擇題MaterialDesign設(shè)計(jì)語(yǔ)言是由（）公司推出的。A．百度B．騰訊C．蘋(píng)果D．谷歌課后測(cè)試

選擇題以下說(shuō)法中，正確的是（）。A．動(dòng)效設(shè)計(jì)只可以表現(xiàn)元素在界面上的位置、大小的變化，無(wú)法表現(xiàn)元素之間的層級(jí)關(guān)系。B．動(dòng)效設(shè)計(jì)的重點(diǎn)在于“時(shí)間點(diǎn)”和“空間幅度”，通過(guò)“時(shí)間點(diǎn)”和“空間幅度”的設(shè)計(jì)為用戶建立運(yùn)動(dòng)的可信度，即視覺(jué)上的真實(shí)感。C．動(dòng)效設(shè)計(jì)可以作為產(chǎn)品炫酷的手段，同時(shí)也可以將動(dòng)效作為產(chǎn)品的某種功能或者亮點(diǎn)。D．UI界面中的動(dòng)效設(shè)計(jì)是為了能夠更好的吸引用戶眼球。課后測(cè)試

選擇題以下說(shuō)法中，（）不屬于動(dòng)效設(shè)計(jì)類型。A．操作反饋B．轉(zhuǎn)場(chǎng)過(guò)渡C．界面顏色D．空間擴(kuò)展課后測(cè)試

選擇題以下屬性中，（）不屬于基礎(chǔ)動(dòng)效屬性。A．移動(dòng)B．旋轉(zhuǎn)C．不透明度D．縮放課后測(cè)試

選擇題在設(shè)計(jì)淡入淡出、滑動(dòng)、縮放等動(dòng)效時(shí)，應(yīng)該將動(dòng)效時(shí)長(zhǎng)應(yīng)該控制在（）之間。A．0.5~1秒B．1~2秒C．2~3秒D．任意時(shí)長(zhǎng)課后測(cè)試

判斷題1．人們對(duì)于產(chǎn)品界面的顏色感知是最強(qiáng)的，其次才是產(chǎn)品界面的動(dòng)態(tài)信息，最后才是產(chǎn)品界面中的形狀。（×）2．動(dòng)效設(shè)計(jì)中的基礎(chǔ)屬性變化主要包含4種，主要是移動(dòng)、旋轉(zhuǎn)、縮放和屬性變化。所有的這些變化形式，經(jīng)過(guò)合理的編排配合恰當(dāng)?shù)倪\(yùn)動(dòng)節(jié)奏，就是一個(gè)完整的動(dòng)效設(shè)計(jì)。（√）3．在現(xiàn)實(shí)空間中，物體存在近大遠(yuǎn)小的原則，運(yùn)動(dòng)則會(huì)表現(xiàn)為近慢遠(yuǎn)快。（×）4．過(guò)長(zhǎng)的、冗余的動(dòng)效會(huì)影響用戶的操作，更嚴(yán)重的是還可能引起用戶負(fù)面的體驗(yàn)。（√）5．Adobe公司的Photoshop和AfterEffects都能夠制作出動(dòng)效，Photoshop可以制作一些簡(jiǎn)單的Gif圖片動(dòng)效，而AfterEffects則能夠制作很多復(fù)雜的動(dòng)效。（√）課后測(cè)試

創(chuàng)新題

根據(jù)本章所學(xué)習(xí)的知識(shí)，打開(kāi)自己手機(jī)中的各種App應(yīng)用軟件，仔細(xì)觀察在這些App應(yīng)用中哪些地方使用了動(dòng)效設(shè)計(jì)，表現(xiàn)方式是什么樣的。App應(yīng)用中應(yīng)用的動(dòng)效設(shè)計(jì)

列舉App應(yīng)用中哪些地方使用了動(dòng)效設(shè)計(jì)。表現(xiàn)形式

簡(jiǎn)單描述App應(yīng)用中的動(dòng)效設(shè)計(jì)表現(xiàn)形式，以及動(dòng)效表現(xiàn)中使用了哪些基礎(chǔ)動(dòng)效。第2章掌握AfterEffects基礎(chǔ)操作After

Effects概述

AfterEffects簡(jiǎn)稱AE，是Adobe公司開(kāi)發(fā)的一款視頻剪輯及后期處理軟件，目前的最新版本是AfterEffectsCC2018。AfterEffects是制作動(dòng)態(tài)影像設(shè)計(jì)不可或缺的輔助工具，是視頻后期合成處理的專業(yè)非線性編輯軟件。AfterEffects應(yīng)用范圍廣泛，涵蓋視頻短片、電影、廣告、多媒體以及網(wǎng)站等。認(rèn)識(shí)After

Effects工作界面After

Effects工作界面

菜單欄工具欄“項(xiàng)目”面板“合成”窗口“時(shí)間軸”

面板其他浮動(dòng)面板After

Effects工作界面

工具欄選擇工具手形工具縮放工具旋轉(zhuǎn)工具After

Effects工作界面

工具欄矩形工具鋼筆工具畫(huà)筆工具橡皮擦工具Roto筆刷工具操控點(diǎn)工具After

Effects工作界面

工具欄統(tǒng)一攝像機(jī)工具向后平移（錨點(diǎn)）工具橫排文字工具仿制圖章工具After

Effects工作界面

項(xiàng)目面板素材預(yù)覽搜索欄素材列表解釋素材按鈕After

Effects工作界面

項(xiàng)目面板新建文件夾按鈕新建合成按鈕項(xiàng)目顏色深度選項(xiàng)刪除所選項(xiàng)目項(xiàng)選項(xiàng)After

Effects工作界面

合成窗口當(dāng)前顯示的合成始終預(yù)覽此視圖主查看器Adobe沉浸式環(huán)境After

Effects工作界面

合成窗口選擇網(wǎng)格和參考線選項(xiàng)切換蒙版和形狀路徑可視性顯示通道及色彩管理設(shè)置分辨率/向下采樣系數(shù)After

Effects工作界面

合成窗口預(yù)覽時(shí)間創(chuàng)建快照顯示快照目標(biāo)區(qū)域After

Effects工作界面

合成窗口切換透明網(wǎng)格3D視圖選項(xiàng)選擇視圖布局調(diào)整曝光度重置曝光度合成流程視圖After

Effects工作界面

合成窗口放大率快速預(yù)覽切換像素長(zhǎng)寬比校正時(shí)間軸After

Effects工作界面

時(shí)間軸面板隱藏為其設(shè)置了‘消隱’開(kāi)關(guān)的所有圖層為設(shè)置了‘運(yùn)動(dòng)模糊’開(kāi)關(guān)的所有圖層啟用運(yùn)動(dòng)模糊為設(shè)置了‘幀混合’開(kāi)關(guān)的所有圖層啟用幀混合After

Effects工作界面

時(shí)間軸面板當(dāng)前時(shí)間合成微型流程圖草圖3D圖表編輯器After

Effects工作界面

其他面板信息音頻預(yù)覽效果預(yù)設(shè)After

Effects的基本操作

創(chuàng)建項(xiàng)目文件

在創(chuàng)建新項(xiàng)目文件的時(shí)候，AfterEffects軟件與其他軟件有一個(gè)明顯的區(qū)別，就是在使用AfterEffects創(chuàng)建新項(xiàng)目文件后，并不可以在項(xiàng)目中直接進(jìn)行動(dòng)畫(huà)的編輯操作，還需要在該項(xiàng)目文件中創(chuàng)建合成，才能夠進(jìn)行動(dòng)畫(huà)的制作與編輯操作。After

Effects的基本操作

創(chuàng)建項(xiàng)目文件

剛打開(kāi)AfterEffects軟件時(shí)，會(huì)在軟件工作界面之前顯示“開(kāi)始”窗口，在該窗口中為用戶提供了軟件操作的一些基本命令。單擊“新建項(xiàng)目”按鈕，或者關(guān)閉該“開(kāi)始”窗口，進(jìn)入到AfterEffects工作界面中。默認(rèn)情況下，AfterEffects會(huì)自動(dòng)新建一個(gè)空的項(xiàng)目文件。After

Effects的基本操作

在項(xiàng)目文件中創(chuàng)建合成

完成項(xiàng)目文件的創(chuàng)建之后，接下來(lái)就需要在該項(xiàng)目文件中創(chuàng)建合成了。在“合成”窗口中為用戶提供了兩種創(chuàng)建合成的方法。一種是新建一個(gè)空白的合成，另一種是通過(guò)導(dǎo)入的素材文件來(lái)創(chuàng)建合成。After

Effects的基本操作

在項(xiàng)目文件中創(chuàng)建合成

如果單擊“新建合成”按鈕，則會(huì)彈出“合成設(shè)置”對(duì)話框，在該對(duì)話框中可以對(duì)合成的相關(guān)選項(xiàng)進(jìn)行設(shè)置。如果單擊“從素材新建合成”按鈕，則會(huì)彈出“導(dǎo)入文件”對(duì)話框，可以選擇需要導(dǎo)入的素材文件，AfterEffects會(huì)根據(jù)用戶所選擇導(dǎo)入的素材文件自動(dòng)創(chuàng)建相應(yīng)的合成。After

Effects的基本操作

在項(xiàng)目文件中創(chuàng)建合成

在“合成設(shè)置”對(duì)話框中設(shè)置合成的名稱、尺寸大小、幀速率、持續(xù)時(shí)間等選項(xiàng)，單擊“確定”按鈕，即可創(chuàng)建一個(gè)合成文件，在“項(xiàng)目”面板中可以看到剛創(chuàng)建的合成。此時(shí)，“合成”窗口和“時(shí)間軸”面板都變?yōu)榭刹僮鳡顟B(tài)。After

Effects的基本操作

保存和關(guān)閉項(xiàng)目文件

在對(duì)項(xiàng)目進(jìn)行編輯制作的過(guò)程中，需要將項(xiàng)目文件隨時(shí)進(jìn)行保存，防止出現(xiàn)程序出錯(cuò)或發(fā)生其他意外情況而帶來(lái)不必要的麻煩。After

Effects的基本操作

保存和關(guān)閉項(xiàng)目文件

在AfterEffects的“文件”菜單中提供了多個(gè)用于保存文件的命令。如果是新創(chuàng)建的項(xiàng)目文件，執(zhí)行“文件>保存”命令，或按快捷鍵Ctrl+S，在彈出的“另存為”對(duì)話框中進(jìn)行設(shè)置，單擊“保存”按鈕，即可將文件保存。如果該項(xiàng)目文件已經(jīng)被保存過(guò)一次，那么執(zhí)行“保存”命令時(shí)則不會(huì)彈出“另存為”對(duì)話框，而是直接將原來(lái)的文件覆蓋。After

Effects的基本操作

保存和關(guān)閉項(xiàng)目文件

當(dāng)用戶想要關(guān)閉當(dāng)前項(xiàng)目文件時(shí)，可以執(zhí)行“文件>關(guān)閉”命令或執(zhí)行“文件>關(guān)閉項(xiàng)目”命令。如果當(dāng)前項(xiàng)目是已經(jīng)保存過(guò)的文件，則可以直接關(guān)閉該項(xiàng)目文件；如果當(dāng)前項(xiàng)目是未保存的或者做了某些修改而未保存的，則系統(tǒng)將會(huì)彈出提示窗口，提示用戶是否需要保存當(dāng)前項(xiàng)目或已做修改的項(xiàng)目。After

Effects的基本操作

After

Effects中的基本工作流程新建合成導(dǎo)入素材添加素材添加文字渲染輸出素材的導(dǎo)入與管理操作

導(dǎo)入素材的基本方法—導(dǎo)入單個(gè)素材

執(zhí)行“文件>導(dǎo)入>文件”命令，或按快捷鍵Ctrl+I，在彈出的“導(dǎo)入文件”對(duì)話框中選擇需要導(dǎo)入的素材。單擊“打開(kāi)”按鈕，即可將該素材導(dǎo)入到“項(xiàng)目”面板中。素材的導(dǎo)入與管理操作

導(dǎo)入素材的基本方法—導(dǎo)入多個(gè)素材

執(zhí)行“文件>導(dǎo)入>文件”命令，或按快捷鍵Ctrl+I，在彈出的“導(dǎo)入文件”對(duì)話框中按住Ctrl鍵的同時(shí)逐個(gè)單擊需要導(dǎo)入的多個(gè)素材文件。單擊“打開(kāi)”按鈕，即可同時(shí)導(dǎo)入多個(gè)素材文件，在“項(xiàng)目”面板中可以看到導(dǎo)入的多個(gè)素材文件。素材的導(dǎo)入與管理操作

導(dǎo)入素材的基本方法—導(dǎo)入素材序列

序列文件是指若干張按順序排列的圖片組成的一個(gè)圖片序列，每張圖片代表一個(gè)幀，用來(lái)記錄運(yùn)動(dòng)的影像。素材的導(dǎo)入與管理操作

導(dǎo)入素材的基本方法—導(dǎo)入素材序列

執(zhí)行“文件>導(dǎo)入>文件”命令，在彈出的“導(dǎo)入文件”對(duì)話框中選擇順序命名的一系列素材中的第1個(gè)素材，并且勾選中對(duì)話框下方的“PNG序列”復(fù)選框。單擊“導(dǎo)入”按鈕，即可將圖像以序列的形式導(dǎo)入，一般導(dǎo)入后的序列圖像為動(dòng)態(tài)文件。素材的導(dǎo)入與管理操作

導(dǎo)入Psd格式素材

在AfterEffects中，不分層的靜態(tài)素材導(dǎo)入方法基本相同，但是想要做出豐富多彩的動(dòng)效，單憑不分層的靜態(tài)素材是不夠的，我們通常都會(huì)在專業(yè)的圖像設(shè)計(jì)軟件中設(shè)計(jì)效果圖，再導(dǎo)入到AfterEffects中制作動(dòng)效。

在AfterEffects中可以直接導(dǎo)入Psd或AI格式的分層文件，在導(dǎo)入過(guò)程中可以設(shè)置如何對(duì)文件中的圖層進(jìn)行處理，是將圖層合并為單一的素材，還是保留文件中的圖層。素材的導(dǎo)入與管理操作

導(dǎo)入Psd格式素材

執(zhí)行“文件>導(dǎo)入>文件”命令，在彈出的“導(dǎo)入文件”對(duì)話框中選擇一個(gè)需要導(dǎo)入的Psd文件，單擊“導(dǎo)入”按鈕，彈出設(shè)置對(duì)話框。在“導(dǎo)入種類”選項(xiàng)下拉列表中可以選擇將Psd文件導(dǎo)入為哪種類型的素材。實(shí)戰(zhàn)

通過(guò)導(dǎo)入Psd格式文件創(chuàng)建合成

在Photoshop中打開(kāi)一個(gè)設(shè)計(jì)好的Psd素材文件，打開(kāi)“圖層”面板，可以看到該P(yáng)sd文件中的相關(guān)圖層。打開(kāi)AfterEffects，執(zhí)行“文件>導(dǎo)入>文件”命令，在彈出的“導(dǎo)入文件”對(duì)話框中選擇該P(yáng)sd素材文件。實(shí)戰(zhàn)

通過(guò)導(dǎo)入Psd格式文件創(chuàng)建合成

單擊“導(dǎo)入”按鈕，彈出設(shè)置對(duì)話框，在“導(dǎo)入種類”下拉列表中選擇“合成-保持圖層大小”選項(xiàng)。單擊“確定”按鈕，將該P(yáng)sd素材文件導(dǎo)入為合成，在“項(xiàng)目”面板中可以看到自動(dòng)創(chuàng)建的合成

。實(shí)戰(zhàn)

通過(guò)導(dǎo)入Psd格式文件創(chuàng)建合成

在“項(xiàng)目”面板中雙擊自動(dòng)創(chuàng)建的合成，可以在“合成”窗口中看到該合成的效果與Psd素材的效果完全一致。并且在“時(shí)間軸”面板中可以看到圖層與Psd文件中的圖層是相對(duì)應(yīng)的。執(zhí)行“文件>保存”命令，彈出“另存為”對(duì)話框，將該文件進(jìn)行保存。導(dǎo)入AI格素材

導(dǎo)入AI格式素材文件的方法與導(dǎo)入Psd格式素材文件的方法基本相同，需要注意的是，所導(dǎo)入的AI格式素材文件，必須是包含多個(gè)圖層的AI格式文件，這樣在導(dǎo)入時(shí)才可以將該AI格式素材文件導(dǎo)入為合成，如果該AI格式的素材文件中并沒(méi)有分層，則導(dǎo)入到AfterEffects中將是一個(gè)靜態(tài)的失量素材。素材的導(dǎo)入與管理操作

實(shí)戰(zhàn)

通過(guò)導(dǎo)入AI格式文件創(chuàng)建合成

在Illustrator中打開(kāi)一個(gè)設(shè)計(jì)好的AI素材文件，打開(kāi)“圖層”面板，可以看到該AI文件中的相關(guān)圖層。打開(kāi)AfterEffects，執(zhí)行“文件>導(dǎo)入>文件”命令，在彈出的“導(dǎo)入文件”對(duì)話框中選擇該AI格式素材文件。實(shí)戰(zhàn)

通過(guò)導(dǎo)入AI格式文件創(chuàng)建合成

單擊“導(dǎo)入”按鈕，彈出設(shè)置對(duì)話框，在“導(dǎo)入種類”下拉列表中選擇“合成”選項(xiàng)。單擊“確定”按鈕，將該AI格式素材文件導(dǎo)入為合成，在“項(xiàng)目”面板中可以看到自動(dòng)創(chuàng)建的合成。實(shí)戰(zhàn)

通過(guò)導(dǎo)入AI格式文件創(chuàng)建合成

在“項(xiàng)目”面板中雙擊自動(dòng)創(chuàng)建的合成，可以在“合成”窗口中看到該合成的效果與AI格式素材的效果完全一致。并且在“時(shí)間軸”面板中可以看到圖層與AI格式素材文件中的圖層是相對(duì)應(yīng)的。執(zhí)行“文件>保存”命令，彈出“另存為”對(duì)話框，將該文件進(jìn)行保存。素材的管理操作素材的導(dǎo)入與管理操作

添加素材使用文件夾歸類素材刪除素材替換素材查看素材創(chuàng)建合成嵌套的方法素材的導(dǎo)入與管理操作

第1種方法：在“項(xiàng)目”面板中將某個(gè)合成拖曳至“時(shí)間軸”面板中的圖層中，將其作為素材添加到當(dāng)前所制作的合成中，從而實(shí)現(xiàn)合成的嵌套。創(chuàng)建合成嵌套的方法素材的導(dǎo)入與管理操作

第2種方法：在“時(shí)間軸”面板中選擇一個(gè)或多個(gè)圖層，執(zhí)行“圖層>預(yù)合成”命令，彈出“預(yù)合成”對(duì)話框，對(duì)相關(guān)選項(xiàng)進(jìn)行設(shè)置。單擊“確定”按鈕，即可將所選擇的一個(gè)或多個(gè)圖層創(chuàng)建為嵌套的合成。預(yù)合成對(duì)話框素材的導(dǎo)入與管理操作

預(yù)合成名稱保留‘背景’中的所有屬性將所有屬性移動(dòng)到新合成將合成持續(xù)時(shí)間調(diào)整為所選圖層的時(shí)間范圍打開(kāi)新合成音頻/視頻選項(xiàng)認(rèn)識(shí)時(shí)間軸面板

視頻按鈕音頻按鈕獨(dú)奏按鈕鎖定按鈕圖層基礎(chǔ)選項(xiàng)認(rèn)識(shí)時(shí)間軸面板

標(biāo)簽選項(xiàng)編號(hào)選項(xiàng)圖層名稱選項(xiàng)圖層開(kāi)關(guān)選項(xiàng)認(rèn)識(shí)時(shí)間軸面板

消隱按鈕柵格化按鈕質(zhì)量和采樣按鈕效果按鈕圖層開(kāi)關(guān)選項(xiàng)認(rèn)識(shí)時(shí)間軸面板

幀混合按鈕運(yùn)動(dòng)模糊按鈕調(diào)整圖層按鈕3D圖層按鈕轉(zhuǎn)換控制選項(xiàng)認(rèn)識(shí)時(shí)間軸面板

模式選項(xiàng)保留基礎(chǔ)透明度選項(xiàng)軌道遮罩選項(xiàng)父級(jí)和鏈接選項(xiàng)認(rèn)識(shí)時(shí)間軸面板

父子鏈接是讓圖層與圖層之間建立從屬關(guān)系的一種功能，當(dāng)對(duì)父對(duì)象進(jìn)行操作的時(shí)候子對(duì)象也會(huì)執(zhí)行相應(yīng)的操作，但子對(duì)象執(zhí)行操作的時(shí)候父對(duì)象不會(huì)發(fā)生變化。時(shí)間控制選項(xiàng)認(rèn)識(shí)時(shí)間軸面板

入點(diǎn)選項(xiàng)出點(diǎn)選項(xiàng)持續(xù)時(shí)間選項(xiàng)伸縮選項(xiàng)認(rèn)識(shí)不同類型的圖層After

Effects中的圖層

素材圖層文字圖層純色圖層燈光圖層認(rèn)識(shí)不同類型的圖層After

Effects中的圖層

攝像機(jī)圖層空對(duì)象圖層形狀圖層調(diào)整圖層圖層的混合模式After

Effects中的圖層

AfterEffects中的圖層之間可以通過(guò)混合模式來(lái)實(shí)現(xiàn)一些特殊的融合效果。當(dāng)某一圖層使用混合模式的時(shí)候，會(huì)根據(jù)所使用的混合模式與下層圖像進(jìn)行相應(yīng)的融合而產(chǎn)生特殊的效果?？焖僦谱鲌D片切換動(dòng)效實(shí)戰(zhàn)

在Photoshop中打開(kāi)一個(gè)設(shè)計(jì)好的Psd素材文件，打開(kāi)“圖層”面板，可以看到該P(yáng)sd文件中的相關(guān)圖層。打開(kāi)AfterEffects，執(zhí)行“文件>導(dǎo)入>文件”命令，在彈出的“導(dǎo)入文件”對(duì)話框中選擇該P(yáng)sd素材文件?？焖僦谱鲌D片切換動(dòng)效實(shí)戰(zhàn)

單擊“導(dǎo)入”按鈕，彈出設(shè)置對(duì)話框。單擊“確定”按鈕，導(dǎo)入該P(yáng)sd素材文件，在“項(xiàng)目”面板中可以看到自動(dòng)創(chuàng)建的合成。快速制作圖片切換動(dòng)效實(shí)戰(zhàn)

在“項(xiàng)目”面板中雙擊名稱為26201的合成，在“合成”窗口中可以看到該合成的效果。在“時(shí)間軸”面板中可以看到該合成中的相關(guān)素材圖層，將不需要制作動(dòng)畫(huà)的素材圖層鎖定?？焖僦谱鲌D片切換動(dòng)效實(shí)戰(zhàn)

在“時(shí)間軸”面板中同時(shí)選中需要制作圖片切換動(dòng)畫(huà)的“背景1”至“背景4”圖層。執(zhí)行“動(dòng)畫(huà)>關(guān)鍵幀輔助>序列圖層”命令，彈出“序列圖層”對(duì)話框?？焖僦谱鲌D片切換動(dòng)效實(shí)戰(zhàn)

單擊“確定”按鈕，完成“序列圖層”對(duì)話框的設(shè)置。在“項(xiàng)目”面板中的合成名稱上單擊鼠標(biāo)右鍵，在彈出菜單中選擇“合成設(shè)置”選項(xiàng)。彈出“合成設(shè)置”對(duì)話框，修改“持續(xù)時(shí)間”為20秒?？焖僦谱鲌D片切換動(dòng)效實(shí)戰(zhàn)

單擊“確定”按鈕，完成“合成設(shè)置”對(duì)話框的設(shè)置?？焖僦谱鲌D片切換動(dòng)效實(shí)戰(zhàn)

將鎖定的圖層解鎖，同時(shí)選中“工具欄”、“Logo”和“工具背景”這3個(gè)圖層，將光標(biāo)置于這3個(gè)圖層持續(xù)時(shí)間的右側(cè)，光標(biāo)指針為雙向箭頭。向右拖動(dòng)鼠標(biāo)，調(diào)整這3個(gè)圖層內(nèi)容的持續(xù)時(shí)間同樣為20秒。快速制作圖片切換動(dòng)效實(shí)戰(zhàn)

在“項(xiàng)目”面板上的“工具圖標(biāo)”合成上單擊鼠標(biāo)右鍵，在彈出菜單中選擇“合成設(shè)置”選項(xiàng)，彈出“合成設(shè)置”對(duì)話框，修改“持續(xù)時(shí)間”為20秒。在“時(shí)間軸”面板中雙擊嵌套的“工具圖標(biāo)”合成，可以進(jìn)入到該合成的編輯狀態(tài)中?？焖僦谱鲌D片切換動(dòng)效實(shí)戰(zhàn)

使用相同的調(diào)整方法，調(diào)整“工具圖標(biāo)”合成中所有圖層內(nèi)容的持續(xù)時(shí)間為20秒。快速制作圖片切換動(dòng)效實(shí)戰(zhàn)

完成圖片切換動(dòng)效的制作，執(zhí)行“文件>保存”命令，將文件保存為“源文件\第2章\2-6-2.aep”。單擊“預(yù)覽”面板上的“播放/停止”按鈕,可以在“合成”窗口中預(yù)覽動(dòng)畫(huà)效果。選擇題課后測(cè)試

在AfterEffects軟件中，縮放動(dòng)效是指圍繞（）放大縮小效果。A．圖層的定位點(diǎn)進(jìn)行的B．對(duì)象原點(diǎn)進(jìn)行的C．對(duì)象中心點(diǎn)進(jìn)行的D．隨機(jī)點(diǎn)選擇題課后測(cè)試

在AfterEffects軟件中，如果需要導(dǎo)入序列靜態(tài)圖片，應(yīng)該如何操作（）。A．直接雙擊序列圖片中的第一個(gè)文件即可導(dǎo)入。B．選擇序列圖片文件中的第一個(gè)圖片文件后，勾選“序列”選項(xiàng)，單擊“導(dǎo)入”按鈕。C．需要選擇全部序列圖像。D．執(zhí)行“導(dǎo)入>合成”命令。選擇題課后測(cè)試

在AfterEffects軟件中，復(fù)制圖層的快捷鍵是（）。A．Ctrl+CB．Ctrl+VC．Ctrl+BD．Ctrl+D選擇題課后測(cè)試

將素材添加到合成的正確方法是（）。A．將素材從“項(xiàng)目”面板拖入“時(shí)間軸”面板中B．直接在“項(xiàng)目”面板中雙擊素材C．按快捷鍵Ctrl+/D．按快捷鍵Ctrl+\選擇題課后測(cè)試

在Photoshop中繪制Psd文件導(dǎo)入After?Effects?后，怎樣保持各個(gè)圖層信息并可以對(duì)單個(gè)圖層設(shè)置效果（）。A．直接導(dǎo)入為對(duì)象B．直接導(dǎo)入為腳本C．直接導(dǎo)入為合成D．導(dǎo)入為Photoshop序列判斷題課后測(cè)試

1．AfterEffects支持無(wú)限多個(gè)圖層，它能夠直接導(dǎo)入Illustrator和Photoshop文件。（√）2．所制作動(dòng)效中需要使用的素材都要先導(dǎo)入到“合成”窗口中，在該窗口中可以對(duì)素材進(jìn)行預(yù)覽和管理操作。（×）3．使用AfterEffects創(chuàng)建新項(xiàng)目文件后，并不可以在項(xiàng)目中直接進(jìn)行動(dòng)畫(huà)的編輯操作，還需要在該項(xiàng)目文件中創(chuàng)建合成，才能夠進(jìn)行動(dòng)畫(huà)的制作與編輯操作。（√）4．在AfterEffects中可以直接導(dǎo)入Psd或AI格式的分層文件，會(huì)直接保留所導(dǎo)入Psd或AI格式文件中的圖層。（×）5．AfterEffects中的圖層類似于Photoshop中的圖層，在制作動(dòng)效的時(shí)候所有操作都必須在圖層的基礎(chǔ)上來(lái)完成。（√）創(chuàng)新題課后測(cè)試

根據(jù)本項(xiàng)目前面所學(xué)習(xí)和了解到的知識(shí)，掌握在AfterEffects中導(dǎo)入Psd格式分層文件的方法，具體要求和規(guī)范如下。內(nèi)容/題材/形式Psd格式素材文件，文件中需要包含多個(gè)圖層。設(shè)計(jì)要求在AfterEffects中導(dǎo)入Psd格式素材文件，對(duì)相關(guān)的導(dǎo)入選項(xiàng)進(jìn)行設(shè)置，將Psd格式素材文件導(dǎo)入為合成。第3章關(guān)鍵幀基礎(chǔ)動(dòng)效制作了解關(guān)鍵幀

理解幀與關(guān)鍵幀所謂關(guān)鍵幀動(dòng)畫(huà)，就是給需要?jiǎng)赢?huà)效果的屬性準(zhǔn)備一組與時(shí)間相關(guān)的值，這些值都是在動(dòng)畫(huà)序列中比較關(guān)鍵的幀中提取出來(lái)的，而其他時(shí)間幀中的值，可以使用這些關(guān)鍵值采用特定的插值方式計(jì)算得到，從而獲得比較流暢的動(dòng)畫(huà)效果。動(dòng)畫(huà)是基于時(shí)間的變化，如果圖層的某個(gè)屬性在不同時(shí)間發(fā)生不同的參數(shù)變化，并且被正確地記錄下來(lái)，那么可以稱這個(gè)動(dòng)畫(huà)為“關(guān)鍵幀動(dòng)畫(huà)”。了解關(guān)鍵幀

理解幀與關(guān)鍵幀

關(guān)鍵幀是組成動(dòng)畫(huà)的基本元素，關(guān)鍵幀的應(yīng)用是制作動(dòng)畫(huà)的基礎(chǔ)和關(guān)鍵。在AfterEffects的關(guān)鍵幀動(dòng)畫(huà)中，至少要通過(guò)兩個(gè)關(guān)鍵幀才能產(chǎn)生作用，第1個(gè)關(guān)鍵幀表示動(dòng)畫(huà)的初始狀態(tài)，第2個(gè)關(guān)鍵幀表示動(dòng)畫(huà)的結(jié)束狀態(tài)，而中間的動(dòng)態(tài)則由計(jì)算機(jī)通過(guò)插值計(jì)算得出。例如，可以在0秒的位置設(shè)置圖層的“不透明度”屬性為0%，然后在1秒的位置設(shè)置該圖層的“不透明度”屬性為100%，如果這個(gè)變化被正確地記錄下來(lái)，那么圖層就產(chǎn)生了“不透明度”屬性在0~1秒從0%~100%的變化。了解關(guān)鍵幀

一個(gè)關(guān)鍵幀包括的信息內(nèi)容屬性，指的是圖層中的哪個(gè)屬性發(fā)生變化時(shí)間，指的是在哪個(gè)時(shí)間點(diǎn)確定的關(guān)鍵幀參數(shù)值，指的是當(dāng)前時(shí)間點(diǎn)參數(shù)的數(shù)值是多少關(guān)鍵幀類型，關(guān)鍵幀之間是線性還是曲線關(guān)鍵幀速率，關(guān)鍵幀之間是什么樣的變化速率了解關(guān)鍵幀

關(guān)鍵幀的創(chuàng)建方法

在AfterEffects中，基本上每一個(gè)特效或?qū)傩远加幸粋€(gè)對(duì)應(yīng)的“時(shí)間變化秒表”按鈕，可以通過(guò)單擊屬性名稱左側(cè)的“秒表”按鈕，來(lái)激活關(guān)鍵幀功能。關(guān)鍵幀的編輯操作

選擇關(guān)鍵幀在“時(shí)間軸”面板中直接單擊某個(gè)關(guān)鍵幀圖標(biāo)，被選中的關(guān)鍵幀顯示為藍(lán)色，表示已經(jīng)選中關(guān)鍵幀。在“時(shí)間軸”面板中的空白位置單擊并拖動(dòng)出一個(gè)矩形框，在矩形框內(nèi)的多個(gè)關(guān)鍵幀都將被同時(shí)選中。對(duì)于存在關(guān)鍵幀的某個(gè)屬性，單擊該屬性名稱，即可將該屬性的所有關(guān)鍵幀全部選中配合Shift鍵可以同時(shí)選擇多個(gè)關(guān)鍵幀，即按住Shift鍵不放，在多個(gè)關(guān)鍵幀上單擊，可以同時(shí)選擇多個(gè)關(guān)鍵幀。關(guān)鍵幀的編輯操作

移動(dòng)關(guān)鍵幀

在AfterEffects中為了更好地控制動(dòng)畫(huà)效果，關(guān)鍵幀的位置是可以隨意移動(dòng)的，可以單獨(dú)移動(dòng)一個(gè)關(guān)鍵幀，也可以同時(shí)移動(dòng)多個(gè)關(guān)鍵幀。如果想要移動(dòng)單個(gè)關(guān)鍵幀，可以選中需要移動(dòng)的關(guān)鍵幀，按住鼠標(biāo)左鍵拖動(dòng)關(guān)鍵幀到需要的位置，這樣就可以移動(dòng)關(guān)鍵幀。關(guān)鍵幀的編輯操作

復(fù)制關(guān)鍵幀

在AfterEffects中制作動(dòng)效時(shí)，經(jīng)常會(huì)需要重復(fù)設(shè)置關(guān)鍵幀參數(shù)，因此需要對(duì)關(guān)鍵幀進(jìn)行復(fù)制粘貼的操作，這樣可以大大提高創(chuàng)作效率，避免一些重復(fù)性的操作。關(guān)鍵幀的編輯操作

復(fù)制關(guān)鍵幀

如果需要進(jìn)行關(guān)鍵幀的復(fù)制操作，首先需要在“時(shí)間軸”面板中選中1個(gè)或多個(gè)需要復(fù)制的關(guān)鍵幀。執(zhí)行“編輯>復(fù)制”命令，即可復(fù)制所選中的關(guān)鍵幀，將“時(shí)間指示器”移至需要粘貼關(guān)鍵幀的位置，執(zhí)行“編輯>粘貼”命令，即可將所復(fù)制的關(guān)鍵幀粘貼到當(dāng)前時(shí)間為開(kāi)始的位置。關(guān)鍵幀的編輯操作

復(fù)制關(guān)鍵幀

當(dāng)然也可以將復(fù)制的關(guān)鍵幀粘貼到其他的圖層中，例如選中“時(shí)間軸”面板中需要粘貼關(guān)鍵幀的圖層，展開(kāi)該圖層屬性，將“時(shí)間指示器”移至需要粘貼關(guān)鍵幀的位置，執(zhí)行“編輯>粘貼”命令，即可將所復(fù)制的關(guān)鍵幀粘貼到當(dāng)前所選擇的圖層中。關(guān)鍵幀的編輯操作

刪除關(guān)鍵幀

在制作動(dòng)畫(huà)的過(guò)程中有時(shí)需要將多余的或者不需要的關(guān)鍵幀刪除，刪除關(guān)鍵幀的方法很簡(jiǎn)單，選中需要?jiǎng)h除的單個(gè)或多個(gè)關(guān)鍵幀，執(zhí)行“編輯>清除”命令，即可將選中的關(guān)鍵幀刪除。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

在AfterEffects中新建一個(gè)空白的項(xiàng)目，執(zhí)行“合成>新建合成”命令，彈出“合成設(shè)置”對(duì)話框，對(duì)相關(guān)選項(xiàng)進(jìn)行設(shè)置，單擊“確定”按鈕，新建合成。使用“矩形工具”，在工具欄中設(shè)置“填充”為#3A210F，“描邊”為無(wú)，在“合成”窗口中拖動(dòng)鼠標(biāo)繪制矩形。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

展開(kāi)該圖層下方的“矩形1”選項(xiàng)下的“矩形路徑”選項(xiàng)，設(shè)置“大小”屬性值為（15.0,150.0），“圓角”屬性值為3。在“合成”窗口中選擇該圖形，使用“向后平移（錨點(diǎn)）工具”，調(diào)整該圖形的錨點(diǎn)位于該圖形中心位置。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

打開(kāi)“對(duì)齊”面板，分別單擊“水平對(duì)齊”和“垂直對(duì)齊”按鈕，將該圖形對(duì)齊到合成的中心位置。展開(kāi)該圖層下方的“矩形1”選項(xiàng)下的“變換：矩形1”選項(xiàng)，設(shè)置“旋轉(zhuǎn)”屬性值為65°。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

選擇“形狀圖層1”下方的“矩形1”選項(xiàng)，按快捷鍵Ctrl+D，原位復(fù)制該圖形得到“矩形2”選項(xiàng)。展開(kāi)“矩形2”選項(xiàng)下方的“變換：矩形2”選項(xiàng)，設(shè)置“旋轉(zhuǎn)”屬性值為-65°。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

選擇該圖層中的“矩形2”圖形，修改其“填充顏色”為#492B15。選擇“形狀圖層1”，此時(shí)可以同時(shí)選中該圖層中的兩個(gè)矩形，在“合成”窗口中將圖形垂直向下移至合適的位置。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

不要選擇任何對(duì)象，使用“矩形工具”，設(shè)置“填充”為#FCDA1B，“描邊”為無(wú)，在“合成”窗口中按住Shift鍵拖動(dòng)鼠標(biāo)繪制一個(gè)正方形。使用“向后平移（錨點(diǎn)）工具”，調(diào)整該圖形的錨點(diǎn)位于該圖形中心位置。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

打開(kāi)“對(duì)齊”面板，分別單擊“水平對(duì)齊”和“垂直對(duì)齊”按鈕，將該圖形對(duì)齊到合成的中心位置。展開(kāi)“形狀圖層2”下方的“矩形1”選項(xiàng)下的“矩形路徑”選項(xiàng)，設(shè)置“大小”屬性值為（85.0,85.0），“圓角”屬性值為3。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

展開(kāi)該圖層下方的“矩形1”選項(xiàng)下的“變換：矩形1”選項(xiàng)，設(shè)置“旋轉(zhuǎn)”屬性值為45°，在“合成”窗口中將圖形稍稍向上移動(dòng)一些位置。將“時(shí)間提示器”移至初始位置，為“變換：矩形1”選項(xiàng)中的“比例”和“位置”屬性插入關(guān)鍵幀，為“填充1”選項(xiàng)中的“顏色”屬性插入關(guān)鍵幀。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

選擇“形狀圖層2”，按快捷鍵U，在該圖層下方只顯示添加了關(guān)鍵幀的屬性。將“時(shí)間指示器”移至1秒16幀的位置，分別單擊“位置”和“比例”屬性在側(cè)的“添加或移除關(guān)鍵幀”按鈕，在當(dāng)前位置添加屬性關(guān)鍵幀。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

將“時(shí)間指示器”移至0秒的位置，設(shè)置“比例”屬性值為0%，在“合成”窗口中將其調(diào)整至合適的位置。將“時(shí)間指示器”移至3秒08幀的位置，設(shè)置“比例”為0%，“顏色”為#D9330C，在“合成”窗口中將其向上移至合適的位置。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

將“時(shí)間指示器”移至2秒07幀的位置，在“合成”窗口中將當(dāng)前位置的圖形稍稍向右移動(dòng)一些。在“時(shí)間軸”面板中的空白位置按住鼠標(biāo)左鍵并拖動(dòng)鼠標(biāo)，同時(shí)選中該圖層中“位置”和“比例”屬性的所有屬性關(guān)鍵幀。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

在任意一個(gè)關(guān)鍵幀上單擊鼠標(biāo)右鍵，在彈出菜單中執(zhí)行“關(guān)鍵幀輔助>緩動(dòng)”命令，為所有選中的關(guān)鍵幀應(yīng)用緩動(dòng)效果。選擇“形狀圖層2”下方的“內(nèi)容”選項(xiàng)中的“矩形1”選項(xiàng)，按快捷鍵Ctrl+D，原位復(fù)制“矩形1”選項(xiàng)得到“矩形2”選項(xiàng)。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

選擇“形狀圖層2”，按快捷鍵U，在該圖層下方顯示相關(guān)的屬性關(guān)鍵幀，在“時(shí)間軸”面板中拖動(dòng)鼠標(biāo)同時(shí)選中“矩形2”選項(xiàng)的所有屬性關(guān)鍵幀。將選中的關(guān)鍵幀向右拖動(dòng)至0秒20幀的位置。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

將“時(shí)間指示器”移至0秒20幀的位置，修改“矩形2”圖形的“位置”屬性，調(diào)整該關(guān)鍵幀的位置。將“時(shí)間指示器”移至3秒03幀的位置，在“合成”窗口中將該關(guān)鍵幀中圖形的位置稍稍向左移動(dòng)一些。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

選擇“形狀圖層2”，按快捷鍵Ctrl+D，原位復(fù)制該圖層得到“形狀圖層3”

。按快捷鍵U，顯示該圖層中的屬性關(guān)鍵幀，在“時(shí)間軸”面板中拖動(dòng)鼠標(biāo)同時(shí)選中該圖層中的所有屬性關(guān)鍵幀，將選中的關(guān)鍵幀向右拖動(dòng)至1秒16幀的位置。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

選擇“形狀圖層3”，按快捷鍵Ctrl+D，原位復(fù)制該圖層得到“形狀圖層4，按快捷鍵U，顯示該圖層中的屬性關(guān)鍵幀，在“時(shí)間軸”面板中拖動(dòng)鼠標(biāo)同時(shí)選中該圖層中的所有屬性關(guān)鍵幀，將選中的關(guān)鍵幀向右拖動(dòng)至3秒08幀的位置。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

同時(shí)選中“形狀圖層2”、“形狀圖層3”和“形狀圖層4”，將這3個(gè)圖層移至“形狀圖層1”的下方。將“時(shí)間指示器”移至2秒08幀的位置，在“時(shí)間軸”面板中拖動(dòng)時(shí)間軸上方的“工作區(qū)域開(kāi)頭”圖標(biāo)至2秒08幀的位置。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

將“時(shí)間指示器”移至4秒的位置，在“時(shí)間軸”面板中拖動(dòng)時(shí)間軸上方的“工作區(qū)域結(jié)尾”圖標(biāo)至4秒的位置。實(shí)戰(zhàn)

制作火焰循環(huán)動(dòng)效

完成該火焰循環(huán)動(dòng)效的制作，執(zhí)行“文件>保存”命令，將文件保存為“源文件\第3章\3-2-4.aep”。單擊“預(yù)覽”面板上的“播放/停止”按鈕，可以在“合成”窗口中預(yù)覽動(dòng)畫(huà)效果?；A(chǔ)變換屬性

在圖層左側(cè)的小三角圖標(biāo)上單擊，可以展開(kāi)該圖層的相關(guān)屬性，素材圖層默認(rèn)包含“變換”屬性，單擊“變換”選項(xiàng)左側(cè)的三角圖標(biāo)，可以看到包含了5個(gè)基礎(chǔ)變換屬性，分別是“錨點(diǎn)”、“位置”、“縮放”、“旋轉(zhuǎn)”和“不透明度”

?；A(chǔ)變換屬性

錨點(diǎn)屬性

“錨點(diǎn)”屬性主要用來(lái)設(shè)置素材的中心點(diǎn)位置。素材的中心點(diǎn)位置不同，則當(dāng)對(duì)素材進(jìn)行縮放、旋轉(zhuǎn)等操作時(shí)，所產(chǎn)生的效果也會(huì)不同。基礎(chǔ)變換屬性

錨點(diǎn)屬性

默認(rèn)情況下，素材的中心點(diǎn)位于素材圖層的中心位置。選擇某個(gè)圖層，按快捷鍵A，可以直接在該圖層下方顯示出“錨點(diǎn)”屬性，如果需要修改錨點(diǎn)，只需要修改“錨點(diǎn)”屬性后的坐標(biāo)參數(shù)即可。也可以在選擇當(dāng)前圖層的情況下，使用“向后平移（錨點(diǎn)）工具”，在“合成”窗口中拖動(dòng)調(diào)整該圖層錨點(diǎn)的位置?；A(chǔ)變換屬性

位置屬性

“位置”屬性用來(lái)控制素材在“合成”窗口中的相對(duì)位置，也可以通過(guò)該屬性結(jié)合關(guān)鍵幀制作出素材移動(dòng)的動(dòng)效?；A(chǔ)變換屬性

位置屬性

選擇相應(yīng)的圖層，按快捷鍵P，可以直接在所選擇圖層下方顯示出“位置”屬性。修改“位置”屬性的屬性值或者在“合成”窗口中直接使用“選擇工具”移動(dòng)位置時(shí)，都是以素材錨點(diǎn)為基準(zhǔn)進(jìn)行移動(dòng)。實(shí)戰(zhàn)

制作背景圖片滑動(dòng)切換動(dòng)效

在AfterEffects中新建一個(gè)空白的項(xiàng)目，執(zhí)行“文件>導(dǎo)入>文件”命令，在彈出的“導(dǎo)入文件”對(duì)話框中選擇“源文件\第3章\素材\33201.psd”

。彈出設(shè)置對(duì)話框。實(shí)戰(zhàn)

制作背景圖片滑動(dòng)切換動(dòng)效

單擊“確定”按鈕，導(dǎo)入Psd素材并自動(dòng)生成合成。執(zhí)行“文件>導(dǎo)入>文件”命令，在彈出的“導(dǎo)入文件”對(duì)話框中選擇多個(gè)需要導(dǎo)入的素材圖像。實(shí)戰(zhàn)

制作背景圖片滑動(dòng)切換動(dòng)效

單擊“導(dǎo)入”按鈕，將選中的多個(gè)素材同時(shí)導(dǎo)入到“項(xiàng)目”面板中。雙擊“項(xiàng)目”面板中自動(dòng)生成的合成，在“合成”窗口中打開(kāi)該合成。實(shí)戰(zhàn)

制作背景圖片滑動(dòng)切換動(dòng)效

在“時(shí)間軸”面板中可以看到該合成中相應(yīng)的圖層。選擇“背景”圖層，按快捷鍵P，顯示該圖層的“位置”屬性。實(shí)戰(zhàn)

制作背景圖片滑動(dòng)切換動(dòng)效

將“時(shí)間指示器”移至2秒位置，單擊“位置”屬性前的“秒表”圖標(biāo)，插入該屬性關(guān)鍵幀。將“時(shí)間指示器”移至3秒位置，在“合成”窗口中將該圖層中的圖像向左移至合適的位置。實(shí)戰(zhàn)

制作背景圖片滑動(dòng)切換動(dòng)效

在“時(shí)間軸”面板上3秒位置自動(dòng)插入“位置”屬性關(guān)鍵幀。將“時(shí)間指示器”移至2秒位置，在“項(xiàng)目”面板中將33202.jpg素材拖入到“時(shí)間軸”面板中“背景”圖層上方，在“合成”窗口中將該素材調(diào)整至合適的位置。實(shí)戰(zhàn)

制作背景圖片滑動(dòng)切換動(dòng)效

選擇33202.jpg圖層，按快捷鍵P，顯示該圖層的“位置”屬性，單擊該屬性前的“秒表”圖標(biāo)，插入該屬性關(guān)鍵幀。將“時(shí)間指示器”移至3秒位置，在“合成”窗口中將該圖層中的圖像向左移至合適的位置。實(shí)戰(zhàn)

制作背景圖片滑動(dòng)切換動(dòng)效

將“時(shí)間指示器”移至5秒位置，在“時(shí)間軸”面板上單擊“位置”屬性前的“添加關(guān)鍵幀”按鈕，在該時(shí)間位置添加“位置”屬性關(guān)鍵幀。將“時(shí)間指示器”移至6秒位置，在“合成”窗口中將該圖層中的圖像向左移至合適的位置。實(shí)戰(zhàn)

制作背景圖片滑動(dòng)切換動(dòng)效

在6秒位置自動(dòng)插入“位置”屬性關(guān)鍵幀。將“時(shí)間指示器”移至5秒位置，在“項(xiàng)目”面板中將33203.jpg素材拖入到“時(shí)間軸”面板中33202.jpg圖層上方，在“合成”窗口中將該素材調(diào)整至合適的位置。實(shí)戰(zhàn)

制作背景圖片滑動(dòng)切換動(dòng)效

選擇33203.jpg圖層，按快捷鍵P，顯示該圖層的“位置”屬性，單擊該屬性前的“秒表”圖標(biāo)，插入該屬性關(guān)鍵幀。將“時(shí)間指示器”移至6秒位置，在“合成”窗口中將該圖層中的圖像向左移至合適的位置。實(shí)戰(zhàn)

制作背景圖片滑動(dòng)切換動(dòng)效

將“時(shí)間指示器”移至8秒位置，在“時(shí)間軸”面板上單擊“位置”屬性前的“添加關(guān)鍵幀”按鈕，在該時(shí)間位置添加“位置”屬性關(guān)鍵幀。將“時(shí)間指示器”移至9秒位置，在“合成”窗口中將該圖層中的圖像向左移至合適的位置。實(shí)戰(zhàn)

制作背景圖片滑動(dòng)切換動(dòng)效

將“時(shí)間指示器”移至8秒位置，在“項(xiàng)目”面板中將“33201個(gè)圖層”文件夾中的“背景”素材拖入到“時(shí)間軸”面板中33203.jpg圖層上方，在“合成”窗口中將該素材調(diào)整至合適的位置。選擇“背景/33201.psd”圖層，按快捷鍵P，顯示該圖層的“位置”屬性，單擊“位置”屬性前的“秒表”圖標(biāo)，插入該屬性關(guān)鍵幀。實(shí)戰(zhàn)

制作背景圖片滑動(dòng)切換動(dòng)效

將“時(shí)間指示器”移至9秒位置，在“合成”窗口中將該圖層中的圖像向左移至合適的位置。在“項(xiàng)目”面板上的33201合成上單擊鼠標(biāo)右鍵，在彈出菜單中選擇“合成設(shè)置”選項(xiàng)，在彈出對(duì)話框中設(shè)置“持續(xù)時(shí)間”為9秒。實(shí)戰(zhàn)

制作背景圖片滑動(dòng)切換動(dòng)效

單擊“確定”按鈕，完成“合成設(shè)置”對(duì)話框的設(shè)置。在“時(shí)間軸”面板中可以看到為相應(yīng)圖層制作的位置移動(dòng)動(dòng)畫(huà)的關(guān)鍵幀效果。實(shí)戰(zhàn)

制作背景圖片滑動(dòng)切換動(dòng)效

完成該背景圖片滑動(dòng)切換動(dòng)效的制作，執(zhí)行“文件>保存”命令，將文件保存為“源文件\第3章\3-3-2.aep”。單擊“預(yù)覽”面板上的“播放/停止”按鈕，可以在“合成”窗口中預(yù)覽動(dòng)畫(huà)效果?；A(chǔ)變換屬性

縮放屬性

“縮放”屬性可以設(shè)置素材的尺寸大小，通過(guò)該屬性結(jié)合關(guān)鍵幀可以制作出素材縮放的動(dòng)效?；A(chǔ)變換屬性

縮放屬性

選擇相應(yīng)的圖層，按快捷鍵S，可以在該圖層下方顯示出“縮放”屬性，素材的縮放同樣是以錨點(diǎn)的位置為基準(zhǔn)，可以直接通過(guò)修改“縮放”屬性的屬性值來(lái)修改素材的尺寸大小。也可以在“合成”窗口中直接使用“選擇工具”拖動(dòng)素材四周的控制點(diǎn)來(lái)調(diào)整素材的尺寸大小。基礎(chǔ)變換屬性

不透明度屬性

“不透明度”屬性可以用來(lái)設(shè)置圖層的不透明度，當(dāng)不透明度值為0%時(shí)，圖層中的對(duì)象完全透明，當(dāng)數(shù)值為100%時(shí)，圖層中的對(duì)象完全不透明。通過(guò)該屬性結(jié)合關(guān)鍵幀可以制作出素材淡入淡出的動(dòng)效。基礎(chǔ)變換屬性

不透明度屬性

選擇相應(yīng)的圖層，按快捷鍵T，可以直接在該圖層下方顯示出“不透明度”屬性。修改“不透明度”屬性值即可調(diào)整該圖層的不透明度。實(shí)戰(zhàn)

制作APP啟動(dòng)界面動(dòng)效

在AfterEffects中新建一個(gè)空白的項(xiàng)目，執(zhí)行“文件>導(dǎo)入>文件”命令，在彈出的“導(dǎo)入文件”對(duì)話框中選擇“源文件\第3章\素材\33501.psd”。彈出設(shè)置對(duì)話框。實(shí)戰(zhàn)

制作APP啟動(dòng)界面動(dòng)效

單擊“確定”按鈕，導(dǎo)入Psd素材自動(dòng)生成合成。在該合成上單擊鼠標(biāo)右鍵，在彈出菜單中選擇“合成設(shè)置”選項(xiàng)，在彈出對(duì)話框中設(shè)置“持續(xù)時(shí)間”為3秒。單擊“確定”按鈕，完成“合成設(shè)置”對(duì)話框的設(shè)置。實(shí)戰(zhàn)

制作APP啟動(dòng)界面動(dòng)效

雙擊“項(xiàng)目”面板中自動(dòng)生成的合成，在“合成”窗口中打開(kāi)該合成。在“時(shí)間軸”面板中可以看到該合成中相應(yīng)的圖層。實(shí)戰(zhàn)

制作APP啟動(dòng)界面動(dòng)效

將“時(shí)間指示器”移至0秒的位置，同時(shí)選擇“形狀1”、“形狀2”和“形狀3”圖層，在“合成”窗口中將相應(yīng)的圖形向左移至合適的位置。選擇“形狀2”圖層，為“位置”和“不透明度”屬性插入關(guān)鍵幀，并設(shè)置“不透明度”為0%，按快捷鍵U，在該圖層下方只顯示插入了關(guān)鍵幀的屬性。實(shí)戰(zhàn)

制作APP啟動(dòng)界面動(dòng)效

將“時(shí)間指示器”移至0秒12幀的位置，設(shè)置“不透明度”為100%，在“合成”窗口中將該圖層中的圖形向右移至合適的位置。將“時(shí)間指示器”移至0秒03幀的位置，選擇“形狀3”圖層，為“位置”和“不透明度”屬性插入關(guān)鍵幀，并設(shè)置“不透明度”為0%。實(shí)戰(zhàn)

制作APP啟動(dòng)界面動(dòng)效

將“時(shí)間指示器”移至0秒18幀的位置，設(shè)置“不透明度”為100%，在“合成”窗口中將該圖層中的圖形向右移至合適的位置。將“時(shí)間指示器”移至0秒12幀的位置，選擇“圖標(biāo)背景”圖層，為“縮放”、“旋轉(zhuǎn)”和“不透明度”屬性插入關(guān)鍵幀。實(shí)戰(zhàn)

制作APP啟動(dòng)界面動(dòng)效

設(shè)置“縮放”屬性值為0%，“不透明度”屬性值為0%。將“時(shí)間指示器”移至1秒12幀的位置，設(shè)置“縮放”屬性值為100%，“旋轉(zhuǎn)”屬性值為1x，“不透明度”屬性值為100%。實(shí)戰(zhàn)

制作APP啟動(dòng)界面動(dòng)效

將“時(shí)間指示器”移至1秒12幀的位置，選擇“氣球”圖層，為該圖層插入“位置”和“不透明度”屬性。在“合成”窗口中將該圖層內(nèi)容向下移至合適的位置，并設(shè)置其“不透明度”屬性值為0%。實(shí)戰(zhàn)

制作APP啟動(dòng)界面動(dòng)效

將“時(shí)間指示器”移至2秒12幀的位置，設(shè)置“不透明度”為100%，在“合成”窗口中將其向上移至合適的位置。將“時(shí)間指示器”移至2秒05幀的位置，選擇“氫氣球”文字圖層，按快捷鍵T，顯示該圖層的“不透明度”屬性，設(shè)置其屬性值為0%，并插入該屬性關(guān)鍵幀。實(shí)戰(zhàn)

制作APP啟動(dòng)界面動(dòng)效

將“時(shí)間指示器”移至2秒15幀的位置，設(shè)置其“不透明度”屬性值為100%。使用相同的制作方法，可以完成最上方文字圖層中動(dòng)畫(huà)效果的制作，同樣制作其“不透明度”屬性值從0%到100%變化的動(dòng)畫(huà)。實(shí)戰(zhàn)

制作APP啟動(dòng)界面動(dòng)效

完成該App啟動(dòng)界面動(dòng)效的制作，在“時(shí)間軸”面板中可以看到為相應(yīng)圖層制作的關(guān)鍵幀效果。實(shí)戰(zhàn)

制作APP啟動(dòng)界面動(dòng)效

執(zhí)行“文件>保存”命令，將文件保存為“源文件\第3章\3-3-5.aep”。單擊“預(yù)覽”面板上的“播放/停止”按鈕，可以在“合成”窗口中預(yù)覽動(dòng)畫(huà)效果。關(guān)于運(yùn)動(dòng)路徑

將直線運(yùn)動(dòng)路徑調(diào)整為曲線運(yùn)動(dòng)路徑

在AfterEffects中制作的元素位置移動(dòng)的關(guān)鍵幀動(dòng)畫(huà)，默認(rèn)情況下位置移動(dòng)的運(yùn)動(dòng)軌跡為直線。關(guān)于運(yùn)動(dòng)路徑

將直線運(yùn)動(dòng)路徑調(diào)整為曲線運(yùn)動(dòng)路徑

如果需要將默認(rèn)的直線運(yùn)動(dòng)路徑調(diào)整為曲線運(yùn)動(dòng)路徑，只需要使用“選取工具”，在“合成”窗口中拖動(dòng)調(diào)整“位置”屬性錨點(diǎn)的方向線。即可將直線運(yùn)動(dòng)路徑修改為曲線運(yùn)動(dòng)路徑。關(guān)于運(yùn)動(dòng)路徑

將直線運(yùn)動(dòng)路徑調(diào)整為曲線運(yùn)動(dòng)路徑

如果希望獲到更為復(fù)雜的曲線運(yùn)動(dòng)路徑，還可以使用“添加‘頂點(diǎn)’工具”在運(yùn)動(dòng)路徑上合適的位置單擊，添加錨點(diǎn)。再使用“選取工具”，對(duì)運(yùn)動(dòng)路徑上的錨點(diǎn)和方向線進(jìn)行調(diào)整，從而獲得更為復(fù)雜的曲線運(yùn)動(dòng)路徑。關(guān)于運(yùn)動(dòng)路徑

將直線運(yùn)動(dòng)路徑調(diào)整為曲線運(yùn)動(dòng)路徑

完成運(yùn)動(dòng)路徑的調(diào)整后，單擊“預(yù)覽”面板上的“播放/停止”按鈕，查看元素的動(dòng)動(dòng)軌跡，可以發(fā)現(xiàn)元素沿著設(shè)置好的曲線運(yùn)動(dòng)路徑進(jìn)行位移。關(guān)于運(yùn)動(dòng)路徑

運(yùn)動(dòng)自定向

在進(jìn)行曲線運(yùn)動(dòng)時(shí)發(fā)現(xiàn)，雖然對(duì)象沿著調(diào)整好的曲線路徑開(kāi)始位移，但是對(duì)象的方向并沒(méi)有隨著曲線運(yùn)動(dòng)路徑而改變，這是因?yàn)樵凇白詣?dòng)方向”對(duì)話框中的“自動(dòng)方向”選項(xiàng)默認(rèn)為關(guān)閉狀態(tài)。關(guān)于運(yùn)動(dòng)路徑

運(yùn)動(dòng)自定向

執(zhí)行“圖層>變換>自動(dòng)方向”命令，彈出“自動(dòng)方向”對(duì)話框，設(shè)置“自動(dòng)方向”選項(xiàng)為“沿路徑定向”。單擊“確定”按鈕，完成“自動(dòng)方向”對(duì)話框的設(shè)置，可以使用“旋轉(zhuǎn)工具”，將對(duì)象旋轉(zhuǎn)至與運(yùn)動(dòng)路徑的方向相同。關(guān)于運(yùn)動(dòng)路徑

運(yùn)動(dòng)自定向

再次播放動(dòng)畫(huà)，可以看到對(duì)象在沿著曲線路徑運(yùn)動(dòng)的過(guò)程中，其自身的方向也會(huì)隨著路徑的方向發(fā)生改變。實(shí)戰(zhàn)

制作飛機(jī)飛行動(dòng)效

在AfterEffects中新建一個(gè)空白的項(xiàng)目，執(zhí)行“合成>新建合成”命令，彈出“合成設(shè)置”對(duì)話框，對(duì)相關(guān)選項(xiàng)進(jìn)行設(shè)置，單擊“確定”按鈕，新建合成。執(zhí)行“文件>導(dǎo)入>文件”命令，導(dǎo)入素材34201.jpg和34202.png，“項(xiàng)目”面板。實(shí)戰(zhàn)

制作飛機(jī)飛行動(dòng)效

在“項(xiàng)目”面板中將34201.jpg素材拖入到“時(shí)間軸”面板中，并將該圖層鎖定。在“項(xiàng)目”面板中將34202.png素材拖入到“時(shí)間軸”面板中，在“合成”窗口中將其調(diào)整到合適的位置。實(shí)戰(zhàn)

制作飛機(jī)飛行動(dòng)效

選擇34202.png圖層，確認(rèn)“時(shí)間指示器”位于0秒的位置，展開(kāi)該圖層下方的“變換”屬性，為“位置”屬性插入關(guān)鍵幀。按快捷鍵U，在該圖層下方只顯示添加了關(guān)鍵幀的屬性。實(shí)戰(zhàn)

制作飛機(jī)飛行動(dòng)效

將“時(shí)間指示器”移至1秒的位置，在“合成”窗口中將該圖層元素移至合適的位置，自動(dòng)生成直線運(yùn)動(dòng)路徑。將“時(shí)間指示器”移至1秒20幀的位置，在“合成”窗口中將該圖層元素移至合適的位置。實(shí)戰(zhàn)

制作飛機(jī)飛行動(dòng)效

將“時(shí)間指示器”移至2秒10幀的位置，在“合成”窗口中將該圖層元素移至合適的位置。將“時(shí)間指示器”移至3秒10幀的位置，在“合成”窗口中將該圖層元素移至合適的位置。實(shí)戰(zhàn)

制作飛機(jī)飛行動(dòng)效

將“時(shí)間指示器”移至4秒08幀的位置，在“合成”窗口中將該圖層元素移至合適的位置。將“時(shí)間指示器”移至5秒10幀的位置，在“合成”窗口中將該圖層元素移至合適的位置。實(shí)戰(zhàn)

制作飛機(jī)飛行動(dòng)效

這樣就已經(jīng)完成了該元素位置移動(dòng)動(dòng)畫(huà)的制作，“時(shí)間軸”面板。實(shí)戰(zhàn)

制作飛機(jī)飛行動(dòng)效

使用“轉(zhuǎn)換‘頂點(diǎn)’工具”，在元素運(yùn)動(dòng)路徑的錨點(diǎn)上單擊并拖動(dòng)，可以顯示出錨點(diǎn)的方向線。拖動(dòng)方向線，調(diào)整運(yùn)動(dòng)路徑為合適的曲線運(yùn)動(dòng)路徑效果。實(shí)戰(zhàn)

制作飛機(jī)飛行動(dòng)效

在“時(shí)間軸”面板中拖動(dòng)鼠標(biāo)同時(shí)選中“位置”屬性中間的所有關(guān)鍵幀。單擊鼠標(biāo)右鍵，在彈出菜單中執(zhí)行“漂浮穿梭時(shí)間”命令。實(shí)戰(zhàn)

制作飛機(jī)飛行動(dòng)效

應(yīng)用“漂浮穿梭時(shí)間”命令后，可以看到相應(yīng)的關(guān)鍵幀變成了實(shí)心圓形的效果。選擇34202.png圖層，執(zhí)行“圖層>變換>自動(dòng)方向”命令，彈出“自動(dòng)方向”對(duì)話框，設(shè)置“自動(dòng)方向”選項(xiàng)為“沿路徑定向”

。實(shí)戰(zhàn)

制作飛機(jī)飛行動(dòng)效

單擊“確定”按鈕，完成“自動(dòng)方向”對(duì)話框的設(shè)置。此時(shí)，拖動(dòng)“時(shí)間指示器”可以看到元素沿曲線路徑運(yùn)動(dòng)的效果。如果元素的方向不合適，可以使用“旋轉(zhuǎn)工具”對(duì)元素進(jìn)行旋轉(zhuǎn)，調(diào)整元素的角度適合曲線運(yùn)動(dòng)的方向。實(shí)戰(zhàn)

制作飛機(jī)飛行動(dòng)效

完成飛機(jī)飛行動(dòng)效的制作，執(zhí)行“文件>保存”命令，將文件保存為“源文件\第3章\3-4-2.aep”。單擊“預(yù)覽”面板上的“播放/停止”按鈕，可以在“合成”窗口中預(yù)覽動(dòng)畫(huà)效果。關(guān)于圖表編輯器

認(rèn)識(shí)圖表編輯器

單擊“時(shí)間軸”面板上的“圖表編輯器”按鈕，即可將“時(shí)間軸”面板右側(cè)的關(guān)鍵幀編輯區(qū)域切換為圖表編輯器的顯示狀態(tài)。關(guān)于圖表編輯器

認(rèn)識(shí)圖表編輯器

“圖表編輯器”界面主要是以曲線圖的形式顯示所使用的效果和動(dòng)畫(huà)的改變情況。曲線的顯示包括兩方面的信息，一方面是數(shù)值圖形，顯示的是當(dāng)前屬性的數(shù)值；另一方面是速度圖形，顯示的是當(dāng)前屬性數(shù)值速度變化的情況。關(guān)于圖表編輯器

認(rèn)識(shí)圖表編輯器選擇具體顯示在圖表編輯器中的屬性按鈕選擇圖表類型和選項(xiàng)按鈕選擇多個(gè)關(guān)鍵幀時(shí)，顯示‘變換’框按鈕自動(dòng)縮放圖表高度按鈕關(guān)于圖表編輯器

認(rèn)識(shí)圖表編輯器使選擇適于查看按鈕使所有圖表適于查看按鈕編輯選定的關(guān)鍵幀按鈕單獨(dú)尺寸按鈕關(guān)于圖表編輯器

認(rèn)識(shí)圖表編輯器按鈕按鈕緩動(dòng)按鈕緩入按鈕緩出按鈕關(guān)于圖表編輯器

認(rèn)識(shí)圖表編輯器將選定的關(guān)鍵幀轉(zhuǎn)換為定格按鈕將選定的關(guān)鍵幀轉(zhuǎn)換為線性按鈕將選定的關(guān)鍵幀轉(zhuǎn)換為自動(dòng)貝賽爾曲線按鈕關(guān)于圖表編輯器

設(shè)置對(duì)象的緩動(dòng)效果

在現(xiàn)實(shí)生活中，很多對(duì)象的運(yùn)動(dòng)過(guò)程并不是勻速運(yùn)動(dòng)的，而是由快到慢或者由慢到快變化的，在動(dòng)效中需要制作對(duì)象位置移動(dòng)的動(dòng)效時(shí)，為了使動(dòng)效看起來(lái)更加真實(shí)，通常都需要為相應(yīng)的關(guān)鍵幀應(yīng)用緩動(dòng)效果，從而使動(dòng)效的表現(xiàn)更加真實(shí)。同時(shí)，還可以進(jìn)入到圖表編輯器狀態(tài)中，編輯該對(duì)象位置移動(dòng)的速度曲線，從而實(shí)現(xiàn)由快到慢或者由慢到快的運(yùn)動(dòng)速率，使位移動(dòng)效表現(xiàn)更加真實(shí)。本節(jié)我們將通過(guò)一個(gè)圓球的彈跳緩動(dòng)動(dòng)效來(lái)向讀者介紹如果設(shè)置緩動(dòng)效果，以及如何使用圖表編輯器來(lái)編輯對(duì)象的運(yùn)動(dòng)速度曲線。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效

在AfterEffects中新建一個(gè)空白的項(xiàng)目，執(zhí)行“合成>新建合成”命令，彈出“合成設(shè)置”對(duì)話框，對(duì)相關(guān)選項(xiàng)進(jìn)行設(shè)置。單擊“確定”按鈕，新建合成。執(zhí)行“文件>導(dǎo)入>文件”命令，導(dǎo)入素材35201.jpg、35202.png和35203.png。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效

在“項(xiàng)目”面板中將35201.jpg素材拖入到“時(shí)間軸”面板中，將該圖層鎖定。使用“橢圓工具”，在工具欄中設(shè)置“填充”為白色，“描邊”為無(wú)，在“合成”窗口中按住Shift鍵拖動(dòng)鼠標(biāo)，繪制一個(gè)正圓形。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效

在“時(shí)間軸”面板中展開(kāi)該形狀圖層下方的“橢圓1”選項(xiàng)下的“橢圓路徑1”選項(xiàng)，設(shè)置“大小”屬性為538。使用“向后平移（錨點(diǎn)）工具”，將圖形的錨點(diǎn)調(diào)整至該正圓形的中心點(diǎn)位置。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效

打開(kāi)“對(duì)齊”面板，分別單擊“水平對(duì)齊”按鈕，將該圖形對(duì)齊到合成的水平居中位置。按快捷鍵Ctrl+R，在“合成”窗口中顯示出標(biāo)尺，從標(biāo)尺中拖出參數(shù)線，定位圖形降落的位置。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效

確認(rèn)“時(shí)間指示器”位于0秒位置，展開(kāi)“內(nèi)容”選項(xiàng)中“橢圓1”選項(xiàng)中的“橢圓路徑1”選項(xiàng)，為“大小”屬性插入關(guān)鍵幀。展開(kāi)該圖層的“變換”選項(xiàng)，為“位置”屬性插入關(guān)鍵幀。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效

選擇“形狀圖層1”，按快捷鍵U，在該圖層下方只顯示出添加了關(guān)鍵幀的屬性。首先制作圓球下落的動(dòng)畫(huà)效果。將圖形垂直向上移出場(chǎng)景中。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效

將“時(shí)間指示器”移至0秒14幀的位置，在“合成”窗口中將圖形向下移至合適的位置。將“時(shí)間指示器”移至1秒的位置，在“合成”窗口中將圖形向上移至合適的位置

。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效

完成該圖形下落彈起的動(dòng)畫(huà)，在“時(shí)間軸”面板中同時(shí)選中“位置”屬性的3個(gè)關(guān)鍵幀。在關(guān)鍵幀上單擊鼠標(biāo)右鍵，在彈出菜單中選擇“關(guān)鍵幀輔助>緩動(dòng)”命令，或者按快捷鍵F9，為選中的這關(guān)鍵幀應(yīng)用“緩動(dòng)”效果。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效

接下來(lái)需要在“圖表編輯器”中調(diào)整圖形落下的緩動(dòng)效果。單擊“時(shí)間軸”面板上的“圖表編輯器”按鈕，切換到圖表編輯器的顯示狀態(tài)。單擊“選擇圖表類型和選項(xiàng)”按鈕在彈出菜單中選擇“編輯速度圖表”選項(xiàng)，再單擊“使所有圖表適于查看”按鈕，使該部分圖表充滿整個(gè)面板。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效根據(jù)運(yùn)動(dòng)規(guī)律，對(duì)速度曲線進(jìn)行調(diào)整，選中曲線錨點(diǎn)，顯示黃色的方向線，拖動(dòng)即可調(diào)整速度曲線。再次單擊“圖表編輯器”按鈕，返回到“時(shí)間軸”面板，接下來(lái)制作該圖形下落過(guò)程中變形的動(dòng)畫(huà)效果。將“時(shí)間指示器”移至0秒12幀的位置，修改“大小”屬性為（490.0,538.0），改變圖形的形狀。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效

將“時(shí)間指示器”移至0秒14幀的位置，修改“大小”屬性為（580.0,500.0），并將其調(diào)整至合適的位置。選擇“大小”屬性起始位置的關(guān)鍵幀，按快捷鍵Ctrl+C進(jìn)行復(fù)制，將“時(shí)間指示器”移至1秒位置，按快捷鍵Ctrl+V，粘貼關(guān)鍵幀。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效

在“時(shí)間軸”面板中同時(shí)選中“大小”屬性的4個(gè)關(guān)鍵幀。按快捷鍵F9，為這4個(gè)關(guān)鍵幀應(yīng)用“緩動(dòng)”效果。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效

將“時(shí)間指示器”移至1秒的位置，在“項(xiàng)目”面板中將35202.png素材拖入到“時(shí)間軸”面板中，并將其調(diào)整到合適的位置。選中35202.png圖層，展開(kāi)該圖層的“變換”選項(xiàng)，為“縮放”和“不透明度”屬性插入關(guān)鍵幀。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效

按快捷鍵U，只顯示該圖層中添加了關(guān)鍵幀的屬性，設(shè)置“縮放”為0%，“不透明度”為0%。將“時(shí)間指示器”移至1秒18幀的位置，設(shè)置“縮放”為110%，“不透明度”為100%。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效

將“時(shí)間指示器”移至1秒20幀的位置，設(shè)置“縮放”為100%。在“項(xiàng)目”面板中將35203.png素材拖入到“時(shí)間軸”面板中，并將其調(diào)整到合適的位置。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效

將“時(shí)間指示器”移至1秒12幀的位置，為35203.png圖層的“位置”和“不透明度”屬性插入關(guān)鍵幀，并設(shè)置“不透明度”屬性值為0%。將“時(shí)間指示器”移至2秒的位置，設(shè)置“不透明度”屬性值為100%，在“合成”窗口中將其向上移至合適的位置。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效

同時(shí)選中該圖層“位置”屬性的兩個(gè)關(guān)鍵幀，按快捷鍵F9，為其應(yīng)用“緩動(dòng)”效果。在“項(xiàng)目”面板上的合成上單擊鼠標(biāo)右鍵，在彈出菜單中選擇“合成設(shè)置”命令，彈出“合成設(shè)置”對(duì)話框，修改“持續(xù)時(shí)間”為3秒。單擊“確定”按鈕，完成“合成設(shè)置”對(duì)話框的設(shè)置。實(shí)戰(zhàn)

制作圓球彈跳緩動(dòng)動(dòng)效

完成圓球彈跳緩動(dòng)動(dòng)效的制作，執(zhí)行“文件>保存”命令，將文件保存為“源文件\第3章\3-5-2.aep”。單擊“預(yù)覽”面板上的“播放/停止”按鈕，可以在“合成”窗口中預(yù)覽動(dòng)畫(huà)效果。課后測(cè)試

選擇題AfterEffects軟件是由Adobe公司開(kāi)發(fā)的，主要應(yīng)用于（）。A．二維動(dòng)畫(huà)制作B．三維動(dòng)畫(huà)制作C．視頻編輯D．特效制作課后測(cè)試

選擇題在圖層左側(cè)的小三角圖標(biāo)上單擊，可以展開(kāi)該圖層的相關(guān)屬性，“變換”選項(xiàng)中不包含下列哪個(gè)屬性（）。A．位置B．不透明度C．尺寸D．旋轉(zhuǎn)課后測(cè)試

選擇題選中圖層，顯示該圖層“位置”屬性的關(guān)鍵幀是（）。A．PB．SC．TD．R課后測(cè)試

選擇題選擇圖層，如果需要在該圖層下方只顯示添加了關(guān)鍵幀的屬性，可以按快捷鍵（）。A．Ctrl+DB．Ctrl+KC．OD．U課后測(cè)試

選擇題制作對(duì)象位置移動(dòng)的動(dòng)畫(huà)效果后，在（）可以調(diào)整對(duì)象的位移運(yùn)動(dòng)路徑。A．“項(xiàng)目”面板B．“合成”窗口C．“時(shí)間軸”面板D．“預(yù)覽”面板課后測(cè)試

判斷題1．動(dòng)畫(huà)是基于位置的變化，如果圖層的某個(gè)屬性在不同位置發(fā)生不同的參數(shù)變化，并且被正確地記錄下來(lái)，那么可以稱這個(gè)動(dòng)畫(huà)為“關(guān)鍵幀動(dòng)畫(huà)”。（×）2．“錨點(diǎn)”屬性主要用來(lái)設(shè)置素材的中心點(diǎn)位置。素材的中心點(diǎn)位置不同，并不會(huì)影響對(duì)素材進(jìn)行縮放、旋轉(zhuǎn)等操作的效果。（×）3．使用“選擇工具”在“合成”窗口中通過(guò)拖動(dòng)控制點(diǎn)的方法對(duì)素材進(jìn)行縮放操作時(shí)，按住Shift鍵拖動(dòng)素材4個(gè)角點(diǎn)位置，可以對(duì)素材進(jìn)行等比例縮放操作。（√）4．對(duì)象沿著調(diào)整好的曲線路徑進(jìn)行位移運(yùn)動(dòng)時(shí)，如果對(duì)象的方向并沒(méi)有隨著曲線運(yùn)動(dòng)路徑而改變，則我們可以通過(guò)在每個(gè)關(guān)鍵幀調(diào)整對(duì)象方向的方法來(lái)進(jìn)行設(shè)置。（×）5．在動(dòng)效中需要制作對(duì)象位置移動(dòng)的動(dòng)效時(shí)，為了使動(dòng)效看起來(lái)更加真實(shí)，通常都需要為相應(yīng)的關(guān)鍵幀應(yīng)用緩動(dòng)效果，從而使動(dòng)效的表現(xiàn)更加真實(shí)。（√）課后測(cè)試

創(chuàng)新題

根據(jù)本項(xiàng)目前面所學(xué)習(xí)和了解到的知識(shí)，掌握AfterEffects軟件中關(guān)鍵幀的創(chuàng)建與使用方法，設(shè)計(jì)制作一個(gè)圖片淡入淡出切換動(dòng)效，具體要求和規(guī)范如下。內(nèi)容/題材/形式App界面背景圖片的淡入淡出切換動(dòng)效。設(shè)計(jì)要求為背景圖片素材添加“不透明度”屬性關(guān)鍵幀，制作關(guān)鍵幀動(dòng)畫(huà)實(shí)現(xiàn)圖片淡入淡出動(dòng)效。注意控制動(dòng)效的時(shí)間，并且動(dòng)效表現(xiàn)效果要求流暢。第4章蒙版動(dòng)效制作與輸出形狀的應(yīng)用

關(guān)于路徑形狀

形狀工具可以處理矢量圖形、位圖和路徑等，如果繪制的路徑是封閉的，可以將封閉的路徑作為蒙版使用，因此，在AfterEffects中形狀工具常用于繪制路徑和蒙版。形狀的應(yīng)用

關(guān)于路徑形狀

在AfterEffects中使用形狀工具所繪制的形狀和路徑，以及使用文字工具輸入的文字都是矢量圖形，將這些圖形放大N倍，仍然可以清楚地觀察到圖形的邊緣是光滑平整的。AfterEffects中的形狀和遮罩都是基于路徑的概念。一條路徑是由點(diǎn)和線構(gòu)成的，線可以是直線也可以是曲線，曲線來(lái)連接點(diǎn)，而點(diǎn)則定義了線的起點(diǎn)和終點(diǎn)。形狀的應(yīng)用

創(chuàng)建路徑群組

在AfterEffects中，每條路徑都是一個(gè)形狀，而每個(gè)形狀都包含“填充”和“描邊”屬性，這些屬性都包含在形狀圖層的“內(nèi)容”選項(xiàng)組中。形狀的應(yīng)用

創(chuàng)建路徑群組

在實(shí)際工作中，有時(shí)需要繪制比較復(fù)雜的路徑圖形，至少需要繪制多條路徑才能夠完成操作，而一般制作圖形動(dòng)效都是針對(duì)整個(gè)形狀圖形來(lái)進(jìn)行的。因此，如果需要為單獨(dú)的路徑制作動(dòng)效，就會(huì)比較困難，這時(shí)候就需要使用到路徑形狀的“群組”功能。

如果需要為路徑創(chuàng)建群組，可以同時(shí)選擇多條需要?jiǎng)?chuàng)建群組的路徑，執(zhí)行“圖層>組合形狀”命令，或者按快捷鍵Ctrl+G，即可將選中的多條路徑進(jìn)行群組操作。形狀的應(yīng)用

創(chuàng)建路徑群組

完成路徑的群組操作后，群組的路徑就會(huì)被歸入到相應(yīng)的組中，另外，還會(huì)增加一個(gè)“變換：組1”屬性。如果需要解散路徑群組，可以選中群組的路徑，執(zhí)行“圖層>取消組合形狀”命令，或按快捷鍵Ctrl+Shift+G，即可解散路徑群組。形狀的應(yīng)用

設(shè)置路徑形狀屬性

在“合成”窗口中繪制一個(gè)路徑形狀之后，可以在該形狀圖層下方的“內(nèi)容”選項(xiàng)右側(cè)的“添加”選項(xiàng)位置單擊“添加”按鈕，在彈出菜單中可以選擇為該形狀或形狀組添加屬性設(shè)置。形狀的應(yīng)用

路徑屬性

選擇“矩形、”“橢圓”、“多邊星形”選項(xiàng)，即可在當(dāng)前路徑形狀中添加一個(gè)相應(yīng)的子路徑；如果選擇“路徑”選項(xiàng)，可以切換到“鋼筆工具”狀態(tài)，可以在當(dāng)前路徑形狀中繪制一個(gè)不規(guī)則的子路徑。形狀的應(yīng)用

路徑顏色屬性填充描邊漸變填充漸變描邊形狀的應(yīng)用

路徑變形屬性合并路徑位移路徑收縮和膨脹中繼器形狀的應(yīng)用

路徑變形屬性圓角修剪路徑扭轉(zhuǎn)擺動(dòng)路徑Z字形實(shí)戰(zhàn)

制作簡(jiǎn)單的圓環(huán)Loading動(dòng)效

新建一個(gè)空白的項(xiàng)目，執(zhí)行“合成>新建合成”命令，彈出“合成設(shè)置”對(duì)話框，對(duì)相關(guān)選項(xiàng)進(jìn)行設(shè)置，單擊“確定”按鈕，新建合成。執(zhí)行“文件>導(dǎo)入>文