Photoshop製作碰撞跳動的文字

最終效果

Photoshop製作碰撞跳動的文字

1、新建一個大小適當文檔,選擇橢圓工具,按住Shift拉出一個正圓,然後鎖定圖層。

Photoshop製作碰撞跳動的文字 第2張

2、新選擇漸變工具,將前景色與背景色分別設置為白色和任意深色。如下圖中直線方向從上至下拖曳。得到小球后按Ctrl+T按住Shift進行等比例縮放。後將小球複製3層,選取移動工具對小球的位置做如下調整。

Photoshop製作碰撞跳動的文字 第3張

3、鍵入文字,注意:每行一字調整其間距與位置,並且將左邊三個小球圖層合併,右邊的小球為獨立層。

Photoshop製作碰撞跳動的文字 第4張

4、按Shift+Ctrl+M轉到IR裏面,點擊複製當前幀,準備製作下一幀如下圖右。點擊圖層面板中第一個文字層如下圖左。選擇移動工具單擊向下方向鍵15次。然後選中左圖中圖層1,將其拖至文字上方如下圖。

Photoshop製作碰撞跳動的文字 第5張

5、將複製幀文字與小球的位置調整如右圖所示,然後再次按複製當前幀。依次類推,動畫幀見下圖。

Photoshop製作碰撞跳動的文字 第6張

6、將除最後一幀以外的所有幀選中,鼠標點擊第一幀,Shift+鼠標單擊倒數第二幀,點擊0秒處。彈出窗口中設置0.15秒最後一幀設置為0.5秒。

Photoshop製作碰撞跳動的文字 第7張

7、最後GIF優化面板設置如下圖。最後選擇文件>將優化結果存儲為,輸出為GIF文件即可。

Photoshop製作碰撞跳動的文字 第8張


感謝作者望帝春心 製作、發佈教程。