霸王龍,有個(gè)帥氣的英文名:T-Rex罪既。我畫的是T-Rex家族的一只未成年小奶龍腹暖,霸氣不足軟萌有余进陡。愛吃肉和手短都是不可抗拒的家族基因。
貪吃龍表情包一共有16個(gè)表情微服,就不全放上來啦趾疚。
嚴(yán)格的說,這篇文章主要是自我總結(jié)設(shè)計(jì)思路和制作方法以蕴,不算教程糙麦,但也會(huì)講到一些制作動(dòng)畫和壓縮gif的技巧,希望能給其他人帶來幫助丛肮。當(dāng)然我的方法不是標(biāo)準(zhǔn)答案赡磅,只是方法之一。
所謂自我提升:
作為一個(gè)設(shè)計(jì)師宝与,插畫技能必須點(diǎn)一點(diǎn)焚廊。多做嘗試總沒有壞處。并且我也想通過這次畫表情包可以更熟練的使用Ai畫圖习劫。
所謂自我滿足:
畫自己喜歡的東西就是一種自我滿足咆瘟。在工作上你不能隨你喜好去做事情,但是在你自己創(chuàng)造的世界里可以诽里。所以我每隔一段時(shí)間就總想創(chuàng)造些什么袒餐。
萬一會(huì)火呢:
可能每個(gè)畫表情包的都有這樣的想法吧。其實(shí)看看成功案例能總結(jié)出一些規(guī)律:色彩單一、線條簡潔灸眼、表情平淡或夸張卧檐。這樣的表情包接受程度高,我想是因?yàn)榇敫袕?qiáng)的關(guān)系焰宣。
對(duì)比起來我的小恐龍不太有優(yōu)勢霉囚,但出于前面提到的兩個(gè)原因,我還是把它完成了匕积。
在開始畫表情包前佛嬉,我先了解了下平臺(tái)規(guī)范(搜索“微信表情開放平臺(tái)”)。
了解到:所需要的表情數(shù)量(16或24個(gè))闸天、尺寸(240*240)暖呕,官方不建議含有的內(nèi)容(醫(yī)療、美容苞氮、保健等)湾揽。
心里有了個(gè)數(shù)后,順便完成了注冊(cè)笼吟。下面就可以開始制作表情包了库物。
STEP1 選擇自己感興趣的題材
我很久之前就一直想畫一套表情包,但也一直沒有好的想法贷帮。直到最近看完侏羅紀(jì)世界2戚揭,突然對(duì)我去年在環(huán)球影城買的軟萌小恐龍又燃起了愛意,很想為它畫一套表情包撵枢。
興趣驅(qū)動(dòng)力是很強(qiáng)大的民晒,因此我也建議你們第一套表情包選擇自己最喜歡最想畫的題材,女朋友也好锄禽,寵物也好潜必,自己也好,總之是能讓你像打了雞血一樣畫到深夜的東西沃但。
畫你喜歡的東西還有個(gè)好處磁滚,你很了解它,或者是有不錯(cuò)的參照物宵晚。
我手繪功底差垂攘,在畫趴著時(shí)不知道怎么畫,后來讓它給擺了個(gè)姿勢就明白了淤刃。這可是寶貴的第一手資料晒他,和去網(wǎng)上搜一個(gè)別人畫好的姿勢照著畫的體驗(yàn)是不一樣的。
STEP2 設(shè)定你的角色
角色設(shè)定影響著表情包的主題和內(nèi)容钝凶。比如我就想做一個(gè)貪吃小恐龍的形象仪芒,那么表情包大部分的內(nèi)容就是圍繞著吃的唁影。如此目標(biāo)用戶也很明確:吃貨耕陷,特別是肉食動(dòng)物掂名。
同時(shí)因?yàn)檫@是一只霸王龍,手短是不可避免的家族基因哟沫,也是個(gè)萌點(diǎn)饺蔑。
STEP3 畫草稿,給角色定型
大概想清楚了之后就先畫草稿嗜诀。不太會(huì)畫畫的也不要怕動(dòng)筆猾警,你看我剛開始畫的是這樣子的。
我的草稿風(fēng)格比較狂躁隆敢,畫多之后小恐龍才慢慢的成形发皿。草稿必須多畫,才能找到最佳方案拂蝎。
可以看到剛開始時(shí)候的草稿中牙齒比較多穴墅,還有肚臍眼,我本來還打算把爪子畫出來温自。但作為表情包玄货,細(xì)節(jié)太多的話在手機(jī)上顯得繁瑣,不突出悼泌。細(xì)節(jié)取舍很重要松捉。更何況恐龍是蛋生不是胎生,沒有肚臍眼(馆里?隘世??)鸠踪。
我想把一些小龍好玩的性格加進(jìn)去以舒,例如發(fā)笑是因?yàn)閾习W癢,睡覺會(huì)夢見雞腿等等慢哈。不過可能會(huì)導(dǎo)致這樣一個(gè)問題:細(xì)節(jié)太多會(huì)減少使用者的代入感蔓钟。
STEP4 選擇設(shè)計(jì)軟件
我選擇了Ai畫表情包,Ae做動(dòng)畫卵贱,Ps制作Gif滥沫。這之后將說到的用Ae的路徑參數(shù)做簡單動(dòng)畫的技巧和用Ps壓縮Gif的方法。
如果要用AE做動(dòng)畫键俱,我強(qiáng)烈建議用Ai畫兰绣。因?yàn)榭梢灾苯訉?dǎo)入成矢量圖形,并且Ai的圖形工具很棒编振。
不過因?yàn)锳i我比較初級(jí)缀辩,畫的方法比較野生,就不多說誤導(dǎo)大家了⊥涡可以在各大設(shè)計(jì)網(wǎng)站上搜索“Ai教程”有針對(duì)性的學(xué)習(xí)瓢阴。
我在畫完后往往還會(huì)導(dǎo)出png格式發(fā)到微信上看一看。也因此舍棄了一些讓表情過于復(fù)雜的細(xì)節(jié)健无。
step5 用AE自帶路徑效果快速做動(dòng)畫
以下內(nèi)容閱讀需要有AE基礎(chǔ)荣恐。AE學(xué)習(xí)方法同樣可以到各大網(wǎng)站搜索或報(bào)班學(xué)習(xí)。我這里只講思路累贤、技巧叠穆,具體方法和參數(shù)需要你自己去試一試。
*如果你不是用AE制作動(dòng)畫臼膏,可以跳過這一步閱讀下一步中用PS壓縮gif的技巧硼被。
下面這個(gè)小龍的外輪廓的線條是通過添加AE自帶路徑效果“扭轉(zhuǎn)”實(shí)現(xiàn)的。用這個(gè)方法的好處是你可以快速看到效果渗磅,并不需要去逐個(gè)調(diào)節(jié)線條的節(jié)點(diǎn)嚷硫。
我添加扭轉(zhuǎn)效果的圖層只是外輪廓的線條,里面的五官是配合動(dòng)作進(jìn)行的位移動(dòng)畫夺溢。實(shí)際用了扭轉(zhuǎn)效果的圖層效果如下:
線條動(dòng)畫幅度并不大论巍。但對(duì)于這個(gè)動(dòng)畫來說很重要,顯得不那么呆板风响。
具體添加方法如下:展開輪廓圖層的小三角嘉汰,再點(diǎn)擊下圖中標(biāo)紅的按鈕。需要注意的是状勤,這個(gè)圖層必須是形狀圖層(名稱前會(huì)有個(gè)五角星的符號(hào))鞋怀。如果你是從Ai導(dǎo)入,那么需要右鍵將圖層轉(zhuǎn)化為形狀持搜。
添加菜單里有很多路徑效果可以添加密似。我常用的是“扭轉(zhuǎn)”和“擺動(dòng)變換”。
有時(shí)候用扭轉(zhuǎn)會(huì)使線條露出葫盼,這時(shí)我還用到效果菜單里的“網(wǎng)格變形”將線條拉回去残腌。
至于擺動(dòng)變換我最常用在文字動(dòng)畫上∑兜迹可以看到下圖中抛猫,每個(gè)“哈”字動(dòng)的幅度都不一樣。其實(shí)他們?nèi)课挥谕粋€(gè)形狀圖層(文字圖層可以右鍵轉(zhuǎn)形狀)孩灯,再通過添加“擺動(dòng)變換”調(diào)節(jié)參數(shù)闺金,就能達(dá)到這種不同時(shí)運(yùn)動(dòng)的效果。
使文字上下移動(dòng)只需展開擺動(dòng)變換中的變換峰档,在位置關(guān)鍵幀打點(diǎn)败匹。(注意是擺動(dòng)變換中的位置)
為了保證Gif能無縫循環(huán)寨昙,第一幀和最后一幀的參數(shù)最好一樣。
再講個(gè)好用快捷的動(dòng)畫抖動(dòng)方法掀亩。注意到下圖小雞的抖動(dòng)了嗎舔哪?
方法很簡單,在“位置”归榕、“縮放”屬性添加表達(dá)式:wiggle(x,y)尸红。參數(shù)你可以自己試一試吱涉。
添加表達(dá)式的方法是:按alt點(diǎn)擊下圖中左邊標(biāo)紅框的按鈕刹泄。
跑步的時(shí)候加入一點(diǎn)抖動(dòng)也會(huì)讓動(dòng)作自然很多。
step6 用PS壓縮gif
你是否碰到過導(dǎo)出的GIF過大或色彩失真的問題怎爵?其實(shí)用ps導(dǎo)出gif的話很好解決特石。
首先導(dǎo)出的視頻文件幀數(shù)不要太高。貪吃龍用的fps是8幀一秒鳖链,長度一般在1秒內(nèi)姆蘸。
然后用ps打開視頻文件,ctrl+shift+alt+S存儲(chǔ)為web格式芙委,格式設(shè)為gif逞敷。此時(shí)你可以觀察優(yōu)化后的圖像右下角顯示的大小是否達(dá)標(biāo)(微信要求卡通表情在100kb以內(nèi))。
如果大小過大或在選擇64色灌侣、32色壓縮GIF時(shí)色彩失真推捐,你可以先選擇256色。然后用左側(cè)的吸管工具(快捷鍵 i )在左邊圖片上吸取主色侧啼。每吸一個(gè)顏色就鎖上(下圖中色板下方標(biāo)紅的按鈕)牛柒。我在壓縮小恐龍時(shí),它的臉蛋周圍出現(xiàn)鋸齒痊乾,因此我就把粉色全鎖上皮壁,情況就好很多。
鎖完主要顏色哪审,你再選擇64色蛾魄、32色時(shí),失真的問題應(yīng)該就解決了湿滓。
step7 發(fā)布事宜
按照官方規(guī)范滴须,還需要提交頭圖、縮略圖等素材茉稠。具體要求自己去“微信官方平臺(tái)”看哦描馅。
審核時(shí)間3-5個(gè)工作日,之后會(huì)有通知預(yù)約上架時(shí)間而线。
紅框中的一句話我當(dāng)時(shí)沒有注意到铭污。也就是說只要你愿意等足夠多的時(shí)間恋日,在新品推薦中,你的表情包會(huì)排的很前嘹狞。
所以岂膳,和節(jié)日有關(guān)的表情包可以盡早開始制作哦!
謝謝看到這里的朋友
貪吃龍表情包目前確實(shí)存在一些問題磅网,我下次會(huì)改進(jìn)的谈截!
自我總結(jié)問題:
線粗細(xì)不一致
龍的大小不統(tǒng)一
一些細(xì)節(jié)不統(tǒng)一:大家可以來玩大家來找茬啊