網站首頁 趣味美術 生活小製作 兒童製作 親子互動 陶藝製作 傳統手工 民間手藝 歲月綻放 創意與設計

Photoshop製作碰撞跳動的文字

欄目: 設計教程 / 發佈於: / 人氣:5.12K

最終效果

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張


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