二維碼 購物車
部落窩在線教育歡迎您!

超實(shí)用教程,輕松制作動態(tài)表情包

 

作者:薛小盒來源:部落窩教育發(fā)布時(shí)間:2019-10-18 17:46:47點(diǎn)擊:5496

分享到:
0
收藏    收藏人氣:0人
版權(quán)說明: 原創(chuàng)作品,禁止轉(zhuǎn)載。

編按:

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


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

 

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

第一幀:貓咪嘴巴合攏,沒有文字出現(xiàn);

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

第三幀:貓咪嘴巴張開,最下方的“哈”字旋轉(zhuǎn)一個(gè)小角度;

第四幀:貓咪嘴巴合攏,最下方的“哈”字恢復(fù)原來角度;

第五幀:貓咪嘴巴張開,出現(xiàn)中間的“哈”字;

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

第七幀:貓咪嘴巴張開,出現(xiàn)最上方的“哈”字;

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

以上8個(gè)幀動畫圖層如下圖所示:

 

 

下面是具體的操作步驟:

一、動畫素材準(zhǔn)備

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

 

 

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


 

3.  點(diǎn)擊左側(cè)工具欄“橫排文字”工具,輸入“哈”字,輸入完成后單擊工具欄的移動工具,Ctrl+T調(diào)出自由變換工具,按住Shift鍵將文字放大到合適大小。依次單擊菜單欄的窗口——字符,在彈出的字符編輯頁面選擇一種可愛的字體(這里選擇方正字跡-童體毛筆字體),再次選擇文字工具,選中“哈”字,左側(cè)工具欄中將前景色改為暗紅色(R-174G-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)整文字大小,效果如下:

 

 

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

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

 

 

三、讓幀圖層動起來

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

 

 

 

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

 

 

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

 

 

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

 

 

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

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

 

 

 

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

 

 

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

 

 

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

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

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

 

相關(guān)推薦:

簡單五步,輕松打造閃閃發(fā)光的GIF動圖!

學(xué)了PS,斗圖再也沒輸過!