果凍動畫，用PS制作Q彈的果凍動畫(4)

本篇教程要做的是一個Q彈的果凍動圖，我們在欣賞別的設(shè)計中經(jīng)常會看到果凍效果的圖標(biāo)或者標(biāo)志，或者說是水晶風(fēng)格的圖標(biāo)，本次教程我們要在這個基礎(chǔ)上制作GIF效果的動畫果凍，制作步驟也很有趣，同學(xué)們來學(xué)習(xí)制作一下吧，相信你會從中學(xué)到很多知識。

效果圖：

操作步驟：

首先，在網(wǎng)上找個果凍圖，然后把圖片導(dǎo)入PS

theoat.com.cn

把果凍摳出來，用鋼筆工具選出果凍的區(qū)域>點(diǎn)擊Ctrl+J，得到一個果凍命名為0。如果懶得摳圖可以直接在網(wǎng)上找已經(jīng)摳好的png圖片

暫時隱藏?fù)负玫墓麅�，�?fù)制背景圖層：點(diǎn)擊背景圖層>Ctrl+J

用你超強(qiáng)的原畫能力把果凍給“擦掉”，注意不需要處理的十分精細(xì)，只要果凍邊緣處雨背景相融就行

完事以后點(diǎn)亮剛才的果凍看一下效果，如果看起來比較自然，那背景的制作到這就算是完成了

再復(fù)制三個果凍按三次Ctrl+J，分別命名為-1、1、2

接下來我們來看一下動效原理：

我們將果凍Q彈的效果比作是一個心動中的人，那么它的行動路徑就應(yīng)該是下圖的0、-1、1、2再回到0

現(xiàn)在開始制作果凍的彈跳效果

Ctrl+R調(diào)出標(biāo)尺，首先沿著果凍的上邊緣拉一根參考線視為“0”然后再拉三根距離相等的線(0上兩根，0下一根)

注意：線與線之間間距不能太大，會很假

選中-1圖層Ctrl+T向下拉到下面那根線的位置點(diǎn)擊回車

以此類推分別制作1和2的圖片

做到這一步果凍就已經(jīng)完成了

接下來我們讓它動起來：窗口>時間軸>創(chuàng)建時間軸(記得一定要創(chuàng)建幀動畫)

點(diǎn)擊幀下面的時間，設(shè)置時間為0.1s

點(diǎn)擊三下新建幀按鈕再建三個幀

點(diǎn)擊第一幀，熄滅所有果凍的小眼睛

然后就是重點(diǎn)啦，當(dāng)?shù)谝粠莾H點(diǎn)亮圖層0，第二幀時僅點(diǎn)亮圖層-1，以此類推第三幀時僅點(diǎn)亮圖層1，第四幀時僅點(diǎn)亮圖層2。(注意一定確保每次只能有一個果凍被點(diǎn)亮)

完成以后就可以預(yù)覽一下啦

如果沒什么問題那么就完成啦，接下來導(dǎo)出:Ctrl+Alt+Shift+S存儲為gif

完成：

是不是很Q很彈，看上去很想吃啊，動手來制作一下這個令人垂涎欲滴的果凍吧。