設定完之后，可以得到下面這樣一個效果。

當然，這只是一個簡單的示例，展示的只是幀動畫的工作流程之一。接下來，通過第二個案例，我們進一步來了解一下幀動畫。

案例二：做個表情

Step 1

為了提高案例的“顏值”，就選一個有點yellow滴的小表情來做成gif吧，原表情如下，小伙伴們應該不陌生吧——以下內(nèi)容請在好基友指導下觀看，么么噠(づ￣ 3￣)づ：

簡單闡述一下gif化的思路，就是讓“摸”和“說”運動起來，“摸”當然就是手臂的運動了，“說”就是嘴巴的運動了——感覺都是廢話哈，如有大神可直接跳過了呢O(∩_∩)O~。那么在制作動畫之前呢，先把這一個半角色繪制出來(可愛的小男孩，以及那半個girl)，阿隨君這里選擇用鋼筆工具繪制了，大家可以用自己擅長的工具。(PS：因為是gif教程，重點是動畫，繪制過程就省略了，如果有想了解的小伙伴可以在留言區(qū)留言，如果需求多的話，阿隨君會另外發(fā)文分享鋼筆工具的使用。)

繪制完畢如下圖。

Step 2

好了，接下來分析一下這個動作吧。對于這個表情來說，“摸”是亮點，可以分解為抬起手臂、放到“良心”上、輕輕推動了一下下“良心”，然后，為了增加實感，另外一只手臂可以稍微加一點晃動;“說”是這個表情的連貫動作，也就是嘴巴的一張一合，同時為了給小男孩加點戲，阿隨君還給眼睛做了個動作。另外，就是寫上那句文案了哈，這里就不建議做文字動畫了。

PS：考慮到微信表情的尺寸限制，動作不宜太復雜，所以這里眼睛不動也是可以的，當然，如果是發(fā)表在適合大尺寸的平臺上，還可以讓這“一個半”角色動作的細節(jié)更豐富些。

根據(jù)以上分析，阿隨君決定繪制三幀來完成這個表情。如圖所示，是第一幀，只調(diào)整了一下左胳膊的位置。

這里阿隨君要建議一下，對于圖層的命名大家一定要養(yǎng)成好習慣，這將極大地提高效率哦。這里呢，阿隨君在繪制完角色之后，分別編組了“男人”圖層組、“女人”圖層組，“左胸”圖層組、“右胳膊”圖層組，明確的圖層命名，能夠幫助我們快速找到需要做動作的元素。然后，在選中以上所有圖層/圖層組編組成“圖層1”、并復制出“圖層2”、“圖層3”。

Step 3

在創(chuàng)建幀動畫后，三個圖層組各占一幀動畫。而在第二幀上，關閉圖層1和圖層3，顯示圖層2，并將圖層2中的右胳膊調(diào)整到“良心上”，左胳膊向畫右調(diào)整一點，眼睛和嘴稍微合上一點，如圖所示。

第三幀，關閉圖層1和圖層2，顯示圖層3，將右胳膊以肩膀部位為軸心點向畫左伸長，也就是“推”的動作，然后將“左胸”圖層組調(diào)整的“瘦一些”，即受到手的推力后的反應;同時，左胳膊再次向右調(diào)整一點，嘴巴和雙眼合起來。PS：以上這些調(diào)整呢，基本都是選中相應圖層，ctrl+t完成的。

Step 4

三個幀繪制完成后，就是調(diào)整每一幀的延遲時間和設置循環(huán)選項為“永遠”了。延遲時間可按自己喜歡的速度和節(jié)奏來做，更可以做成風一樣快速的“鬼畜”版。

全部完成之后呢，就可以按快捷鍵Ctrl+Shift+Alt+S，調(diào)出“存儲為web所用格式”，在圈1的位置將格式設定為gif，在圈2的位置設置圖片的大小，圈3的位置可以再次設置循環(huán)選項以及可以預覽，全部設置完成后點擊“存儲”，保存到本地文件夾即可。這就完成了gif表情的制作了。

PS：這個面板還有很多用法，之后會拿出一篇文來詳細分享一下，么么噠。

來，如果小伙伴跟著做下來了，那么此時即可得到如下一枚gif表情了。

表情已好，直接拖到微信用起來啦

另外，通過本教程的準備，阿隨君也感覺到雖然制作起來是很簡單的幾個步驟，但是落實到教程中如何簡單明了地闡述清晰，是一個非常深的學問，如果小伙伴在閱讀教程或者是跟著練習時有發(fā)現(xiàn)哪些問題，也請反饋給我，我會認真讀取每一條建議，以便完善今后的教程類文章。

以上就是PS制作可愛的動態(tài)表情包gif動畫效果圖方法介紹，大家學會了嗎？是不是很可愛啊，希望大家喜歡本教程！