當前位置:製作窩 >

創意設計 >設計教程 >

Photoshop製作碰撞跳動的文字

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張


感謝作者望帝春心 製作、釋出教程。
  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/454j9.html