當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

聊聊PS做幀動畫的小技巧(附動態(tài)表情包制作方法)

2018-01-11 6848 10
今天這篇好文通過兩個簡單的案例(小動畫+動態(tài)表情包制作),帶同學們一起來詳細認識下PS做逐幀動畫的工作流程和基礎技能。 從理論上來說,PS的幀動畫屬于“逐幀動畫”的范疇,利用的依然是人眼的“視覺暫留”現(xiàn)象,首先來“高大上”地Look一眼它的定義: asui201607211 簡單說,就是在每一幀上“繪制”動畫的分解動作,然后把所有幀按序列排列播放,就能看到完整的動作了,最后在保存的時候選擇gif格式,這就是一個完整的作品了。當然,gif只是格式,說到本質(zhì)做的還是動畫。而這里的“繪制”呢,既可以是利用軟件的智能自動化如過渡、關鍵幀、補間動畫等(不同軟件采用的算法不同),也可以用畫筆、鋼筆、形狀工具繪制,或者更可手繪每一幀的內(nèi)容。所以,如果小伙伴正好是手繪達人,那直接手繪出分鏡就是極好的了。
asui201607212 在PS中,幀動畫要在“時間軸”面板上完成(CS5及之前的版本叫做“動畫”面板,CS6及CC各版本均叫“時間軸”面板。),打開PS之后,如果沒有看到該面板,可以按如圖所示操作,點擊“窗口”,然后在下拉菜單中點擊“時間軸”即可打開,一般顯示在軟件底部。
asui201607213 案例一:位移動畫 Step 1 我們首先用一個位移動畫來了解下利用PS“過渡”功能制作“幀動畫”的方法。按如圖所示,新建文件,名稱“位移運動”,430*430px,72ppi,透明背景,點擊確定。 asui201607214 Ctrl+N,新建文件 選擇圓角矩形工具,繪制一個圓角矩形,作為動畫的主體。
asui201607215 點擊PS底部的“時間軸”面板,激活它,然后按如圖所示點擊選擇“創(chuàng)建幀動畫”。PS:“創(chuàng)建視頻時間軸”留作以后在介紹,我們先從幀動畫快速上手嘍。 asui201607216 Step 2 到現(xiàn)在,已經(jīng)可以看到時間軸面板上有了一幀內(nèi)容了,我們暫且不說,先來觀察下這個面板,從以下截圖可以看到,它的操作區(qū)域主要在兩個框線部分,看起來好像很復雜滴樣子,好多功能鍵,我們先不逐一介紹它們,而是通過案例來一點點感受它們,感受動畫的魅力。 asui201607217 如圖所示點擊“新建幀”,也可以從下拉菜單中點擊“新建幀”,實現(xiàn)效果是一樣的。在確保“幀2”被選中的情況下,鼠標移動“圓角矩形”到畫布最右,此時就已做出了位移動畫了,按播放鍵就可以預覽到動畫了。 asui201607218 asui201607219
顯然,此時的動畫效果簡直糟透了,生硬、快如閃電、而且是一次就停了,并不是我們平時看到的循環(huán)播放的gif。那么,接下來我們逐個解決。


43
評論區(qū)(0)
正在加載評論...
相關推薦