亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設(shè)計師 (詳情)
//百度統(tǒng)計 20220402 uicn

您的意見是我們 UI 中國進(jìn)步的動力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入UI中國官方反饋群進(jìn)行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!

0/20
0/200

設(shè)計大賽

  • 設(shè)計大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
動態(tài)表情包新手指南
0.0°

制作表情包時發(fā)現(xiàn)網(wǎng)上的相關(guān)信息都很少,所以將這次的制作過程記錄下來,和大家分享一下。

表情包展示篇《狗子白二九表情包》


--


今年本命年想做個表情包,但是之前沒有做過,在網(wǎng)上搜索教程時,沒有找到很有用的。所以我大部分都是看很多喜歡的表情包然后錄屏逐幀來分析的。

在表情包做完后,想要做一個記錄總結(jié),分享給同樣想做表情包的新手朋友。


--

     

我是用AI來畫原畫,AE來制作動畫,最后用PS導(dǎo)出gif的。

透明底的圖用AE導(dǎo)出時,記得在“輸出模塊”設(shè)置中選擇“視頻輸出:通道 → 

RGB+Alpha”這樣才能保存不透明度。



1.確定表情包內(nèi)容

   

微信表情商店里上架的“表情專輯”分兩種:16個表情,24個表情。

常見的表情包類型分為以下幾種:

Image title

第一次制作我選擇了16個表情的表情專輯。這樣既不會因為表情太多而拖延,也可以很好的練習(xí)卡通形象的風(fēng)格把控和動作設(shè)計。


將要做的表情一一羅列出來,針對每一個表情設(shè)定具體的時間節(jié)點(diǎn)。拆分工作量。

這樣短時間的“設(shè)計 → 制作 → 看到成果”有利于我們完成長期的計劃,避免拖延和懶惰。



2.卡通形象設(shè)計


微信商店中專輯表情包設(shè)計尺寸為:240 x 240 px 且要<100KB。

      

圖片大?。河蓤D片色彩數(shù)量,色彩面積,圖形復(fù)雜程度和圖形尺寸決定。


設(shè)計表情包的卡通形象時描線越復(fù)雜,色彩越多,面積越大的占用空間就越大。

做gif時動作設(shè)計的幀數(shù)就越少,有可能造成動畫不流暢的卡頓感。

所以卡通形象設(shè)計簡潔,有利于后期的動作設(shè)計。

      

過于精細(xì)的人物設(shè)計會使人產(chǎn)生距離感,嚴(yán)肅正式的感覺,而不能隨意發(fā)送使用,反倒有適得其反的效果。

Image title

Image title

如上白二九的形象設(shè)計就比《百變乖巧》復(fù)雜一些,后期設(shè)計動作時確實有一些頭疼的地方。



3.動作設(shè)計


表情包在我們?nèi)粘A奶焓褂弥芯褪菫榱酥卑缀唵伪砻魑覀兊那榫w和態(tài)度的。即時聊天的屬性和大小的限制,使他本身不適合做太過復(fù)雜的動畫效果。

         

大多數(shù)表情包都是逐幀動畫的做法,即將每一幀畫出來,之后連續(xù)播放來制作動態(tài)的效果。

一般一個表情做1~2個動作即可,一個動作3~4張圖。再多則容易大小超出限制。

       

表情包的設(shè)計中,一些微表情效果會比較好。例如動物類的:抖耳朵,搖尾巴,點(diǎn)頭,眨眼睛等。     

例如二九被風(fēng)吹的抖耳朵的圖:

Image title

如圖所示,抖耳朵不需要太大的幅度差別,三個耳朵狀態(tài)疊在右側(cè),差異并不大,就已經(jīng)有明顯的效果了。所以在設(shè)計動作時,要多注意動作變化幅度問題,避免卡感。


人眼識別連貫的動作是1s中近25幀。

因此動作變化中的每一張圖的停頓時間3幀即可,少于3幀容易捕捉不到這個狀態(tài),多于3幀有時會有緩慢卡頓感。

定格停頓的畫面可以根據(jù)內(nèi)容而定,一般5~10幀都可以。

       

如白二九這樣略微復(fù)雜的形象,一個表情做15幀左右是保險的方案。也有特殊的可以達(dá)到30~50幀的情況,這種在動作中會有大量幀數(shù)的圖形所占面積小,且顏色分布簡單。

例如狗年大吉這個表情

Image title

為了避免我們在做完所有最后導(dǎo)出gif發(fā)現(xiàn)超出限制太多這種悲劇。盡量還是采用保守的方案?;蛘?strong>多試最終導(dǎo)出gif的大小,盡早調(diào)整。


我在做每個原畫繪制的時候是用AI繪制的矢量圖,這樣的好處是方便圖像做后面的延展設(shè)計例如表情頁面的橫幅banner等,但是壞處是不動的地方感覺會有些死板。

      

為了改善這種狀態(tài),我們可以讓主體形象或者眉毛等細(xì)節(jié)做一些細(xì)微抖動。

例如上下或左右,抖動幅度不需要太大,0.5~1px即可。

Image title

在極少幀數(shù)下,做到較連貫的微小動作,動作幅度很小,一般變化2px左右即可,如“嚼東西的嘴巴”“會動的眼睛,眉毛”等變形。

       

若想有明顯的變化效果則4px也足夠了。

Image title

如果整體不變只有某一部分需要多次變化,例如吐舌頭,可以將圖形切分,用AE中旋轉(zhuǎn)的功能使舌頭擺動,減小工作量。

Image title

與此類似還有四肢的擺動,眼珠轉(zhuǎn)動等。



4.常見問題   

       

在我們將表情都做完后,最后一步導(dǎo)出gif圖時,最容易出的問題就是:

       

a.大小超過100KB了


前面也一直在強(qiáng)調(diào)這個,因為我自己在做的過程中有三四個都出現(xiàn)了這個問題,非常頭疼。

       

除了之前提到的幾個原因,還有一個殺傷力非常大的元兇就是“文字”!

雖然不推薦表情上有很多描述非常具體,使用場景比較狹窄的文字。

但是在許多情況下,有添加文字的必要。比如日常問候中的:謝謝,撕比吵架的表情包等等,文字出場都很多。


因為文字筆畫多,復(fù)雜度高。所以很多圖形較復(fù)雜的gif添加文字后容易大小超限。

Image title

還有一種是在純色背景上加文字,可以參照上文中“狗年大吉”的表情包。但是這個的適用范圍就相對狹窄了。但確實比透明底上加文字,gif會小很多。


b.沒有給表情加2px白色描邊


微信表情制作規(guī)范要求,圖像都要有2px的白色描邊。

Image title

這個大家可以在做完所有動畫,即將要從PS中導(dǎo)出為gif時,將所有圖層統(tǒng)一編組,在“圖層混合模式”中增加2px的白色描邊即可,簡單方便,一次搞定,而且絕對不會有漏掉的。


c.表情背景不透明

        

是可以不透明的,只要你的背景不是滿滿的240x240 px的大小。換言之,你的背景也需要有2px的白色描邊。


正文完


--


這次的記錄到這里就完結(jié)了,第一次制作還有許多不足,希望可以和大家多多交流~希望想要制作表情包的同學(xué)看完這篇可以有一點(diǎn)收獲,我就很開心啦。謝謝閱讀。


最后如果對白二九感興趣,也歡迎下載看看。微信表情商店搜索《狗子白二九》即可。感謝!











更新:2018-02-26

收藏

31人已收藏

  • 4

    作品

  • 23

    粉絲

  • 7

    關(guān)注

  • 自選基網(wǎng)站設(shè)計
  • 【狗子白二九】表情包
  • “夢回”魅族主題

    猜你喜歡

      動態(tài)表情包新手指南

      0.0°

      你確定要舉報動態(tài)表情包新手指南?

      如果查出惡意舉報,十天內(nèi)禁止提交任何舉報申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點(diǎn)擊上傳附件

      對誰可見:

      全部設(shè)計師
      • 全部設(shè)計師
      • 推薦設(shè)計師和認(rèn)證設(shè)計師

      您確認(rèn)要推薦?

      該作品發(fā)布時間:2016年03月17日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      19
      31
      1

      賬號或密碼錯誤,請重新輸入

      賬號或密碼錯誤,請重新輸入

      登錄

      手機(jī)號

      發(fā)送驗證碼 120s 驗證碼錯誤

      登錄
      第三方賬號登錄