先看看效果圖

PS部分:

步驟 – 1

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

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

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

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

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

步驟 – 2

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

先是外面的黃色光源：

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

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

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

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

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

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

AE動(dòng)效部分—

步驟 – 1

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

步驟 – 2

我們后面的動(dòng)畫需要用到Motion2插件完成

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

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

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

步驟 – 3

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

動(dòng)畫時(shí)間定于15f;在0和15f各加一幀，在第一幀的縮放給0,0;在最后一幀給100,100;

此時(shí)播放出的縮放的動(dòng)畫縮放速度比較平均，此時(shí)我們需要用到Motion2插件

緩出：運(yùn)動(dòng)速度由快變慢

緩入：運(yùn)動(dòng)速度由慢變快

緩動(dòng)：運(yùn)動(dòng)速度由快變慢再由慢變快：

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

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

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

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

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

步驟 – 4

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

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

步驟 – 5

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

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

步驟 – 6

在做煙花爆炸的效果，同樣也是運(yùn)用這個(gè)插件。

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

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

步驟 – 7

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

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

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

步驟 – 8

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

步驟 – 9

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

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