編按：

    是不是你也用膩了靜態(tài)的表情包？畢竟單一的靜態(tài)圖片已經(jīng)不能傳神的表達(dá)自己的意思了，然而契合自己的動(dòng)態(tài)表情包又太少太少。別擔(dān)心，今天就教你如何制作動(dòng)態(tài)GIF表情包，一起來(lái)看看吧～

當(dāng)我們拍了一張喜歡的照片，有沒(méi)有想過(guò)如果它能動(dòng)起來(lái)豈不是更可愛(ài)？今天就教大家一種超級(jí)簡(jiǎn)單的方法，只需要液化和幀動(dòng)畫(huà)兩步操作，就能讓你的照片躍然紙上，現(xiàn)在就跟我一起做起來(lái)吧～

首先我們需要設(shè)計(jì)一個(gè)簡(jiǎn)單的動(dòng)畫(huà)效果，并通過(guò)一系列幀動(dòng)畫(huà)圖層實(shí)現(xiàn)。這里我想要我的貓咪圖片張開(kāi)——合攏（為了便于區(qū)分，我們把貓咪的初始狀態(tài)稱(chēng)為合攏，盡管它是張開(kāi)的）嘴巴三次，嘴巴每張開(kāi)一次出現(xiàn)一個(gè)“哈”字，嘴巴合攏的同時(shí)文字旋轉(zhuǎn)一個(gè)小角度，因此我設(shè)計(jì)了如下8幀小動(dòng)畫(huà)：

第一幀：貓咪嘴巴合攏，沒(méi)有文字出現(xiàn)；

第二幀：貓咪嘴巴合攏，出現(xiàn)最下方的“哈”字；

第三幀：貓咪嘴巴張開(kāi)，最下方的“哈”字旋轉(zhuǎn)一個(gè)小角度；

第四幀：貓咪嘴巴合攏，最下方的“哈”字恢復(fù)原來(lái)角度；

第五幀：貓咪嘴巴張開(kāi)，出現(xiàn)中間的“哈”字；

第六幀：貓咪嘴巴合攏，中間的“哈”字旋轉(zhuǎn)一個(gè)小角度；

第七幀：貓咪嘴巴張開(kāi)，出現(xiàn)最上方的“哈”字；

第八幀：貓咪嘴巴合攏，最上方的“哈”字旋轉(zhuǎn)一個(gè)小角度。

以上8個(gè)幀動(dòng)畫(huà)圖層如下圖所示：

下面是具體的操作步驟：

一、動(dòng)畫(huà)素材準(zhǔn)備

1.  導(dǎo)入拍攝的福貓素材照片，雙擊圖層面板中該圖層右側(cè)的小鎖，選擇裁剪工具，框選出恰當(dāng)?shù)膮^(qū)域，回車(chē)確定，將圖層命名為“合攏1”。

2.  Ctrl+J將該圖層復(fù)制一層，命名為“張大1”，依次單擊菜單欄的濾鏡—液化，選擇向前變形工具，將貓咪的嘴巴向外擴(kuò)大，做出哈哈大笑的表情。

3.  點(diǎn)擊左側(cè)工具欄“橫排文字”工具，輸入“哈”字，輸入完成后單擊工具欄的移動(dòng)工具，Ctrl+T調(diào)出自由變換工具，按住Shift鍵將文字放大到合適大小。依次單擊菜單欄的窗口——字符，在彈出的字符編輯頁(yè)面選擇一種可愛(ài)的字體（這里選擇方正字跡-童體毛筆字體），再次選擇文字工具，選中“哈”字，左側(cè)工具欄中將前景色改為暗紅色（R-174，G-45，B-45）。單擊圖層面板右下角的“創(chuàng)建圖層樣式”按鈕fx，選擇描邊，勾選左側(cè)的描邊選框，在右側(cè)的參數(shù)設(shè)置面板中設(shè)置參數(shù)，大小30像素，填充顏色為白色，單擊確定。

4.  單擊下方文字圖層，右鍵選擇柵格化圖層樣式，將文字圖層轉(zhuǎn)換為普通圖層。

5.  選中下方文字圖層，Ctrl+J兩次復(fù)制兩層，并分別命名為“中間文字”和“上方文字”，分別改變文字位置，Ctrl+T調(diào)出自由變換工具，旋轉(zhuǎn)文字方向，調(diào)整文字大小，效果如下：

二、幀動(dòng)畫(huà)靜態(tài)設(shè)計(jì)

這一步需要根據(jù)設(shè)計(jì)好的動(dòng)畫(huà)步驟制作每一幀的圖層，通過(guò)復(fù)制、合并貓咪和文字圖層，完成8幀動(dòng)畫(huà)的靜態(tài)圖層制作；將這8個(gè)圖層按照動(dòng)作的先后順序從上向下排列。

三、讓幀圖層動(dòng)起來(lái)

1.   依次單擊菜單欄的窗口——時(shí)間軸，調(diào)出時(shí)間軸窗口，選擇創(chuàng)建幀動(dòng)畫(huà)。

2.   在圖層面板中設(shè)置顯示所有圖層后，單擊時(shí)間軸窗口的“創(chuàng)建幀動(dòng)畫(huà)”按鈕，創(chuàng)建第1幀動(dòng)畫(huà)，將延遲時(shí)間設(shè)置為0.2秒。

3.   單擊時(shí)間軸窗口右下方的“復(fù)制所選幀”按鈕，關(guān)閉圖層面板的第1幀圖層，即完成了第2幀動(dòng)畫(huà)的創(chuàng)建。

4.   按照上述方法，依次完成第3幀至第8幀動(dòng)畫(huà)的創(chuàng)建，將循環(huán)次數(shù)改為“永遠(yuǎn)”，單擊播放動(dòng)畫(huà)按鈕，觀看動(dòng)畫(huà)效果，可以通過(guò)按住Shift鍵選中所有幀動(dòng)畫(huà)后，統(tǒng)一修改每一幀動(dòng)畫(huà)的延遲時(shí)間，延長(zhǎng)或者縮短動(dòng)畫(huà)的播放時(shí)間，直至調(diào)出滿(mǎn)意的動(dòng)畫(huà)節(jié)奏，這里我覺(jué)得0.2秒剛好。

四、導(dǎo)出gif動(dòng)圖格式

1.  依次單擊菜單欄的文件——導(dǎo)出——存儲(chǔ)為Web所用格式。

2.  將存儲(chǔ)格式改為gif，將圖像像素縮小至寬500像素，自動(dòng)關(guān)聯(lián)高度為527像素，左下角可以看到該動(dòng)畫(huà)的大小、時(shí)長(zhǎng)等信息，單擊存儲(chǔ)，選擇適當(dāng)?shù)奈恢帽４妗?/span>

到這里整個(gè)貓咪哈哈笑的表情包就完成啦，是不是很可愛(ài)，哈哈O(∩_∩)O，馬上發(fā)到微信里試一下吧～

本文配套的練習(xí)素材請(qǐng)加QQ群：465481414下載

做PS高手，快速提升工作效率，部落窩教育《 Photoshop全面精通班》視頻和《 AI平面與電商設(shè)計(jì)從零到精通》直播課全心為你！

掃下方二維碼關(guān)注公眾號(hào)，隨時(shí)隨地學(xué)習(xí)PS：

相關(guān)推薦：

簡(jiǎn)單五步，輕松打造閃閃發(fā)光的GIF動(dòng)圖！

學(xué)了PS，斗圖再也沒(méi)輸過(guò)！