PS表情包實戰教學,媽媽再也不用擔心我沒表情包了!
PS表情包實戰教學,媽媽再也不用擔心我沒表情包了!
——作者:阿隨向前沖
平時聊天時朋友們總是一言不合就斗圖,每到此時哥的心情都如下圖
畢竟哥的表情包儲備量之大無人能比,我永遠是笑到最後的贏家哇哈哈哈!!
好吧,今天的Photoshop教程就教小夥伴們怎麼用PS製作表情包,讓你媽媽再也不用擔心你沒表情包了!
教程開始:
Step 1
為了提高案例的「顏值」,就選一個有點yellow滴的小表情來做成gif吧,原表情如下,小夥伴們應該不陌生吧——以下內容請在好基友指導下觀看,么么噠(づ ̄ 3 ̄)づ:
簡單闡述一下gif化的思路,就是讓「摸」和「說」運動起來,「摸」當然就是手臂的運動了,「說」就是嘴巴的運動了——感覺都是廢話哈,如有大神可直接跳過了呢O(∩_∩)O~。那麼在製作動畫之前呢,先把這一個半形色繪製出來(可愛的小男孩,以及那半個girl),這裡選擇用鋼筆工具繪製了,大家可以用自己擅長的工具。(PS:因為是gif教程,重點是動畫,繪製過程就省略了。)
繪製完畢如下圖。
Step 2
好了,接下來分析一下這個動作吧。對於這個表情來說,「摸」是亮點,可以分解為抬起手臂、放到「良心」上、輕輕推動了一下下「良心」,然後,為了增加實感,另外一隻手臂可以稍微加一點晃動;「說」是這個表情的連貫動作,也就是嘴巴的一張一合,同時為了給小男孩加點戲,我還給眼睛做了個動作。另外,就是寫上那句文案了哈,這裡就不建議做文字動畫了。
PS:考慮到微信表情的尺寸限制,動作不宜太複雜,所以這裡眼睛不動也是可以的,當然,如果是發表在適合大尺寸的平台上,還可以讓這「一個半」角色動作的細節更豐富些。
根據以上分析,所以決定繪製三幀來完成這個表情。如圖所示,是第一幀,只調整了一下左胳膊的位置。
這裡要建議一下,對於圖層的命名大家一定要養成好習慣,這將極大地提高效率哦。這裡呢,我在繪製完角色之後,分別編組了「男人」圖層組、「女人」圖層組,「左胸」圖層組、「右胳膊」圖層組,明確的圖層命名,能夠幫助我們快速找到需要做動作的元素。然後,在選中以上所有圖層/圖層組編組成「圖層1」、並複製出「圖層2」、「圖層3」。
Step 3
在創建幀動畫後,三個圖層組各佔一幀動畫。而在第二幀上,關閉圖層1和圖層3,顯示圖層2,並將圖層2中的右胳膊調整到「良心上」,左胳膊向畫右調整一點,眼睛和嘴稍微合上一點,如圖所示。
第三幀,關閉圖層1和圖層2,顯示圖層3,將右胳膊以肩膀部位為軸心點向畫左伸長,也就是「推」的動作,然後將「左胸」圖層組調整的「瘦一些」,即受到手的推力後的反應;同時,左胳膊再次向右調整一點,嘴巴和雙眼合起來。PS:以上這些調整呢,基本都是選中相應圖層,ctrl+t完成的。
Step 4
三個幀繪製完成後,就是調整每一幀的延遲時間和設置循環選項為「永遠」了。延遲時間可按自己喜歡的速度和節奏來做,更可以做成風一樣快速的「鬼畜」版。
全部完成之後呢,就可以按快捷鍵Ctrl+Shift+Alt+S,調出「存儲為web所用格式」,在圈1的位置將格式設定為gif,在圈2的位置設置圖片的大小,圈3的位置可以再次設置循環選項以及可以預覽,全部設置完成後點擊「存儲」,保存到本地文件夾即可。這就完成了gif表情的製作了。
PS:這個面板還有很多用法,之後會拿出一篇文來詳細分享一下,么么噠。
來,如果小夥伴跟著做下來了,那麼此時即可得到如下一枚gif表情了。
GIF
表情已好,直接拖到微信用起來啦!
(作者:阿隨向前沖)喜歡這篇文章記得關注轉發哦!
TAG:adobe平面設計驛站 |