【PS教程】1.5校園平面設計實用案例-動圖！

最近事好多呀，到現在才想起來更新。。

但這回不想講基礎功能了，也不知道講啥，懷疑我已經邁入了知識的詛咒。

沒心情，講如何做動圖！

大家是不是經常在微信推送的文章中見到下方由一些slogan組成的動圖？這回就教大家如何使用PS做出動圖（GIF）。

註：本次教程將不使用特效功能，僅涉及到圖層的堆積填充。

我將以創行（Enactus/河南財經政法大學創行團隊授權）方面的banner為例。

首先，新建ps文檔，根據用途建立你認為合適的大小。

然後置入素材

在右方的圖層位置，把素材圖層多複製幾份（複製的多少關乎到最後的效果）

然後把圖層可見性給點掉，只留一個。

一個圖層一個圖層的處理

比如我先把這個logo的下方字母去掉

再給圖層名命，方便後續排先後順序。把這個可見的圖層多複製幾個，建議24個以上，可以達到最流暢的效果。按順序從左到右排列好，這樣的目的是為了做出圖片從左到右的橫移效果。

這就是最沒技術含量的動圖做法，，，，然後繼續重複步驟。

當想呈現的內容都做好後，點這裡，右上角-動感

會出現如下圖

下方如果沒有出現和我一樣的圖的話，就在它彈出的下方點一下【創建視頻時間軸】

然後把時間軸拉長，因為圖層都已經命名過了，所以就算把中間的文檔全部遮蓋完也是沒問題的。

滑輪滾動到最下方，從第一個圖層開始處理，點著紫色區域可以直接拖動，左右意為這個圖層的開始顯示和結束顯示的時間，滑鼠放在紫色的左右邊緣時，按著不放左右拖動，可以調整此圖層的持續時間。

為了使圖層不會重複顯示，則應該將其上下位置沒有重疊區域。（有Adobe Pr基礎會更好理解）

如果覺得操作太細了，人工調整不夠準確的話，在下方的紅框區域調整。

然後按著所預想的「出場」方式進行排列（忽略中間那四格空，鬼知道怎麼出現的）

最後最重要的就是保存了，不管你的photoshop是哪一版，我的是2017版。

在左上角的文件位置，點開找到儲存為Web格式

然後在保存選項中的右下角位置找到這個，一般保存為循環模式為永遠。

最後，上成果圖。（嗯，後面的字條好像有點歪。。。）

10分鐘後更新-----------------------------------------------------------------------------

我修復了後面的字體歪的問題

回頭如果有空的話講一行用特效如何做動圖。

Over.

推薦閱讀：