先看看效果圖

PS部分:

步驟 – 1

首先建一個 800px*600px的畫布，繪制出畫面上主要的幾個部分后對每個部分做漸變疊加。

給5號元素除了加漸變以外，多加一點外發(fā)光的參數(shù)。

摩天輪這里除了中間的三角形柱子以外，其他部分沒有漸變，所以這個參數(shù)只是柱子部分漸變的參數(shù)哦。

現(xiàn)在大的部分都做完了，還有幾個小的地方也不要放過哦，這些小細(xì)節(jié)也豐富起來畫面才會更完整：

燈光用鋼筆工具溝一個梯形，然后添加蒙版，在蒙版上用“線性漸變”做出合適的效果。

步驟 – 2

現(xiàn)在給路燈加上外發(fā)光，各個元素的效果就做好啦。

先是外面的黃色光源：

然后是里面白色光的參數(shù)：

接下來把背景也設(shè)置一下：

里面兩層的半圓用 屬性窗口 調(diào)出羽化值 調(diào)整到合適的效果。

現(xiàn)在來最后把背景上的星星繪制一下，這里可以直接用畫筆點出星光，也可以用小小的圓形，畫完加上“外發(fā)光”就可以啦。

到這里呢，ps繪制的部分就完成啦，除了繪制圖案需要一點耐心呢，也希望同學(xué)們多做審美練習(xí)，在配色的時候不要隨心所欲的配色。要有一定的配色方法哦。

再來看看最終的效果吧，最后提醒大家一下：把每個需要做動效的素材模塊合并轉(zhuǎn)成智能對象哦!

AE動效部分—

步驟 – 1

打開Ae，將Ps文件拖到軟件里

步驟 – 2

我們后面的動畫需要用到Motion2插件完成

現(xiàn)在來給紫色的塔元素添加效果：

首先點擊下圖圖標(biāo)添加“回彈效果”

點擊紅色標(biāo)注，可以將改圖層素材的錨點居中向下，如圖：

步驟 – 3

接下來選中圖層“塔” 按 鍵盤“s”調(diào)出 縮放效果：

動畫時間定于15f;在0和15f各加一幀，在第一幀的縮放給0,0;在最后一幀給100,100;

此時播放出的縮放的動畫縮放速度比較平均，此時我們需要用到Motion2插件

緩出：運動速度由快變慢

緩入：運動速度由慢變快

緩動：運動速度由快變慢再由慢變快：

了解原理后，點擊第一幀那個點，選中為藍色，在拖動插件Motion2的拉桿買，調(diào)節(jié)數(shù)值，數(shù)值是參考數(shù)值，可根據(jù)自己的喜好調(diào)節(jié)大小。完成后菱形的點就變化成小沙漏的形狀了。

此時縮放動畫的速度就會有快慢的變化，在完成的動畫發(fā)現(xiàn)，素材出現(xiàn)后有回彈的效果，就用到下圖中插件的這個功能。

框選兩個點，點擊插件”EXCITE”,在“效果控件“欄，可以調(diào)節(jié)該效果的參數(shù)。

這里我只調(diào)節(jié)第一個參數(shù)”Overshoot”大概意思是 調(diào)節(jié)回彈動畫的幅度，我調(diào)為10.以上步驟完成后，一個縮放回彈的動畫都完成了，后面的房子，植物，道具等等用此方法(星空背景除外);

每個圖層的設(shè)置跟上面都是一樣的，但是需要編排一下素材的出場順序，不要素材同一時間一起彈出，比如在設(shè)置完下面這個兩個素材的縮放回彈動畫的參數(shù)后，將兩個圖層的動畫條，錯位2幀左右，這樣出場動畫的順序有了先后，動畫的細(xì)節(jié)層次就好了很多。

步驟 – 4

射燈方面，注意下素材錨點的調(diào)節(jié)，右下方，在完成之前的縮放回彈動畫后;按“R”調(diào)出旋轉(zhuǎn)效果。

第一幀為-63度，到最后一幀的0度歸位，就會有旋轉(zhuǎn)抬起的效果

步驟 – 5

做摩天輪時，在完成之前的縮放回彈動畫后，我們要了解Ae動效圖層父子集的關(guān)系。

圖層上的“小蚊香“圖標(biāo)長按后牽引出一條線，根據(jù)下圖，拉動到指定的圖層上，就完成了父子集關(guān)系;就是拖動蚊香的圖層為孩子，指定到的圖層為爸爸，效果就是孩子會跟隨爸爸的動態(tài)發(fā)生跟隨效果，最后組合完成。

步驟 – 6

在做煙花爆炸的效果，同樣也是運用這個插件。

點擊圖上紅框的圖標(biāo)，會出現(xiàn)右邊圖的狀態(tài)。

之后在“效果控件“欄，可以調(diào)節(jié)該效果的參數(shù)，參數(shù)的具體數(shù)值 可以根據(jù)自己的個人喜好判斷修改哦。

步驟 – 7

對于路燈的動效，運用到了蒙版的概念，不加蒙版的話，路燈浮上來像下圖所示的效果，桿子會出現(xiàn)的很突兀，添加蒙版后，操作就跟上面都差不多了。

路燈的彈跳效果和之前一樣，只是在其基礎(chǔ)上增加了上下位移的效果。Ctrl+shift+c 給這個四個圖層進行預(yù)合成編輯俗稱的“編組”，得到“預(yù)合成1”圖層。

預(yù)合成可以給其重新命名，選中該圖層，用矩形工具拉出你要出現(xiàn)動畫的范圍。

步驟 – 8

星空背景展開效果，之前的星空背景是要合在統(tǒng)一圖層的，所以直接選中這個背景圖層對它們整體添加效果預(yù)設(shè)，在效果和預(yù)設(shè)里，找到“線性擦除”效果，添加到圖層上，然后下面的參數(shù)設(shè)置。過渡完成后的圖層，依舊調(diào)節(jié)Motion2的 “緩動緩出拉桿”調(diào)出適度的參數(shù)。

步驟 – 9

最后所有圖層動效完成，注意編排各個素材的出場順序，調(diào)節(jié)完成后 ，在菜單欄“合成”—“添加到渲染列隊”，渲染前，設(shè)置好你要導(dǎo)出視頻的位置。渲染出的視頻，放到ps里，shift+ctrl+alt+s 導(dǎo)出gif格式;“可選擇”，“擴散”的下拉選項可以根據(jù)自己理解和操作進行修改和嘗試，調(diào)節(jié)到自己滿意的效果。

至此，我們這個教程就做完啦，來看看效果圖吧。