當前位置:首頁 >教程首頁 > Photoshop >手把手教你如何利用ps/ai/ae製作動態表情包

手把手教你如何利用ps/ai/ae製作動態表情包

發布時間:2019-09-06 11:49:15

是否還在為表情包太少而無法與友人愉快的鬥圖而煩惱,是否缺少一個不想打字卻又能夠表達自己此刻心情的表情包呢?今天小編就教大家如何來利用ps/ai/ae等軟件來製作動態表情包,從此鬥圖無煩惱。

一、使用工具:

所謂“工欲善其事,必先利其器”,在開始之前我們先來說下這次我們會使用到的一些軟件:

  • PS — 用來導出GIF
  • AI — 繪製表情包原型
  • AE — 製作動效

二、查看WX表情包上傳規範

手把手教你如何利用ps/ai/ae製作動態表情包

在製作表情包之前一定要先去看一下“WX表情製作規範”,其實WX規範一直在不斷的迭代更新。比如,在我剛做好表情包的時候,以前是要在每個表情主圖上都要加一個2cm的白邊的,現在改了規則就不需要加了。所以無論我們之前做沒做過表情包,都要事先再明確下規範。

三、確定表情包內容

WX表情商店上架的“表情專輯”分兩種:16個表情、24個表情。這次我選擇的是16個表情,這樣不會因為拖遝而最後完成不了~。

然後我們找了一些發送量很高的表情包進行分析,分析結果得出:高興、快樂、哭泣、點頭答應、委屈、你好等多為常用表情,也就是用戶使用量最多的,除了這些,我們也可以再選些自己平時想用,卻找不到的表情,加起來16個表情即可。

手把手教你如何利用ps/ai/ae製作動態表情包

四、 表情包形象製作

1. 草稿圖

所有的準備工作結束,那我們就可以真正開始製作了。

先從草圖開始,描繪表情包的卡通形象,這一次我設計的是一個套著貓衣服的齊劉海小女孩~因為自己剪了劉海嘛~比較形象一點,科科o(* ̄︶ ̄*)o。

手把手教你如何利用ps/ai/ae製作動態表情包

2. 上色-描邊-表情動作定稿

手把手教你如何利用ps/ai/ae製作動態表情包

手把手教你如何利用ps/ai/ae製作動態表情包

初稿的時候,其實大家也看到我最開始的設計是有一個小裙子,已代表“喵頭嚶嚶”是個 女孩子 ,後來發現這對後期設計動作會帶來比較大的難度,所以就放棄了。

再強調一下在設計卡通形象時,需要注意的是:卡通形象設計要簡潔,無論是顏色還是設計的細節。這有利於後期的動作設計,也方便用戶記憶,最重要的是,在最後導出GIF的時候,要求是不能大於100KB,你的細節顏色越多,線條越多,都會對你的文件大小有一定的影響。

經過無數的調整,我們的“喵頭嚶嚶” 終於誕生了~o(* ̄︶ ̄*)o開心~。

手把手教你如何利用ps/ai/ae製作動態表情包

五、 添加動畫

到這裏其實我們的表情包就已經可以上傳到表情包平台,因為WX平台的上傳方式是分:

靜態表情和動態表情兩種 。

那這裏為了使“喵頭嚶嚶”更加生動活潑,我們需要添加流暢的動畫效果,用到的軟件是AE。我們將AI做好的源文件導入到AE進行製作,因為我們240px的圖要求是不能大於 100kb ,所以AE的設置改為了8幀/秒。

這裏就不細節的闡述如何用AE製作動畫了。做動畫需要知道運動規律,因為我也不是專業的,所以在做動畫時時常會盯著鏡子去觀察自己的動作,雖然很傻,哈哈哈。但也沒有比這更好的方式了。然後再對動畫一點點進行調整,比如下麵拱臉的動作:

手把手教你如何利用ps/ai/ae製作動態表情包

手把手教你如何利用ps/ai/ae製作動態表情包

這兩個動態完全不一樣,相差很多,下邊的動態圖隻調整了臉部和手部的動效,而且幀數一共隻有兩幀,很少。但其實“嚶嚶”在動的時候,耳朵也會有一些微小的動畫,加上耳部動效後,效果明顯會自然流暢 。

所以在做動畫的時候要無限的進行調整才可,也可以多參考些大神的動畫效果,也可以像我這樣多對著鏡子進行動作分解,能做出超棒的動畫效果,傻算的了什麼 ~ 科科 o(* ̄︶ ̄*)o。

最後,AE製作好後我們可以導入到PS裏進行導出GIF圖。

手把手教你如何利用ps/ai/ae製作動態表情包

手把手教你如何利用ps/ai/ae製作動態表情包

手把手教你如何利用ps/ai/ae製作動態表情包

手把手教你如何利用ps/ai/ae製作動態表情包

提交平台審核

那麼,現在我們已經完成了所有的動態主圖,然後將剩下的縮略圖、詳情頁橫幅等設計好後,一並上傳到平台上等待審核。快的好像幾天就有回複了,慢的可能要等上兩個星期。

一些駁回理由都會給標注的很仔細,比如圖片大小、圖片空白位置太多等都會一一標注。方便我們更明確的去修改~

华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答
×

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
確定