現在聊天都喜歡鬥圖,但是大部分圖都是網上盜來或者朋友那拿的,如果我們自己能夠製作gif動態表情,那不是很有成就感?可能有些人想過但是不會做,所以今天就來做一張簡單的gif圖,應用到店鋪中可以吸人眼球,讓人眼前一亮。
第一步:找張比較簡單的表情圖,我就將以泡麵靜態表情做倒計時gif動圖為例:
我們把這個靜態表情放進ps裡,選擇字體工具,然後打出「2:59」,這個2:59就是我們要做的倒計時啦!

(圖片來源:手淘網絡設計,轉載請註明)
第二步:我們把「2:59」這個數字倒數,直到你要停留的時間,快捷鍵 ctrl+j複製2:59這個文字圖層,把複製的2:59改成2:58,同理再把2:58複製,然後改成2:57,依次下去2:56,2:55如果你有充足的時間就做到0:00,最後把倒計時圖層左邊的眼睛關掉,只顯示2:59。

(圖片來源:手淘網絡設計,轉載請註明)
第三步:倒計時需要的數字已經做好,下面就需要把這些數字做成會動的倒計時,點擊窗口-時間軸

(圖片來源:手淘網絡設計,轉載請註明)
會出現創建視頻時間軸和創建幀動畫,我們只需要創建幀動畫,點擊下拉箭頭,選擇創建幀動畫

(圖片來源:手淘網絡設計,轉載請註明)
就會看到第一幀已經出來了,做好第一幀2:59的倒計時,還需要做2:58,2:57,2:56這幾秒的倒計時
點擊複製第一幀,把2:59圖層眼睛關閉,2:58圖層眼睛打開,這樣我們第二幀2:58的倒計時做好了。


(圖片來源:手淘網絡設計,轉載請註明)
同理複製所在幀,把2:58圖層眼睛關閉,2:57眼睛打開到你寫的倒計時的最後一個數字即可,我因為時間關係是做了十秒的倒計時,從2:59-2:50,一秒一幀。
然後點擊下面的播放動畫,看下效果怎麼樣,如果倒計時轉動太快了,那麼我們就需要設置下每幀的延遲時間,這裡是從原來的0秒到1秒。

現在就是每一幀停留一秒鐘才會跳到下一幀,也是符合倒計時的時間間隔,後面的幾幀我們也都選擇「1.0秒」,改好後再點擊下面的播放動畫,看看有沒有問題需要修改,在測試中如果發現問題,看哪一幀出現問題,停止動畫,點擊所在問題的那幀,進行修改即可。
第四步:測試好沒有問題後,點擊文件-導出-存儲為web格式,然後gif後綴名,其他參數不動,確認保存,這樣我們的動圖做好了。
是不是很簡單呢,生活中會有很多圖片,可能我們稍微動一下腦筋就能把靜態圖做成gif動態圖啦!那我們海報裡面是不是也可以加入一些動圖元素呢?
圖文丨手淘設計 長城
本篇文章由手淘網絡設計總結,轉載請註明,並不得對內容進行修改~