本篇教程要做的是一個Q彈的果凍動圖，我們在欣賞別的設計中經常會看到果凍效果的圖標或者標志，或者說是水晶風格的圖標，本次教程我們要在這個基礎上制作GIF效果的動畫果凍，制作步驟也很有趣，同學們來學習制作一下吧，相信你會從中學到很多知識。

效果圖：

操作步驟：

首先，在網上找個果凍圖，然后把圖片導入PS

www.16xx8.com

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

暫時隱藏摳好的果凍，復制背景圖層：點擊背景圖層>Ctrl+J

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

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

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

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

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

現在開始制作果凍的彈跳效果

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

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

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

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

做到這一步果凍就已經完成了

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

點擊幀下面的時間，設置時間為0.1s

點擊三下新建幀按鈕再建三個幀

點擊第一幀，熄滅所有果凍的小眼睛

然后就是重點啦，當第一幀是僅點亮圖層0，第二幀時僅點亮圖層-1，以此類推第三幀時僅點亮圖層1，第四幀時僅點亮圖層2。(注意一定確保每次只能有一個果凍被點亮)

完成以后就可以預覽一下啦

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

完成：

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