【天使美工部夏季藝術盛典】Photoshop製作跳動的波浪線條動態圖

小提示：
此教程含GIF，加上圖多，開啟時有可能會稍微卡一些～

---

---

教程：

這一次的教學是屬於PS教程領域中的動畫教程的相關教學。

文章出處是來自未知的PS教程類文章，寫教學的作者是古欲香蕭，感謝古欲香蕭提供動畫教程的實作教學。

教學大綱:
教程主要介紹如何製作跳動線條效果的動態圖，在製作中我們主要利用了蒙版，學習比較簡單，喜歡的同學可以學習一下，方法學會以後，可以做出許多其它不同的效果。

---

動畫教程教學開始

教程主要介紹如何製作跳動線條效果的動態圖，在製作中我們主要利用了蒙版，學習比較簡單，喜歡的同學可以學習一下，方法學會以後，可以做出許多其它不同的效果。

下面是效果圖：


具體的製作方法介紹如下：

1.新建500X150PX文檔，填充一個底色


2.用鋼筆畫個波浪線


3.新建圖層，用畫筆描給路徑描邊，大小為3，點路徑下方空白處，隱藏路徑返回圖層


4.按住CTRL鍵，點擊圖層1透明處，把線條載入選區


5.載入選區后，點添加圖層蒙板


6.新建一層，在左端框選部分，點漸變工具，調出漸變編輯器，調出如下漸變

（如何調出漸變編輯器請看圖中兩紅框，這一步圖是後來加上的…）


7.漸變調好，在選區內拉一個漸變(如下圖)，CTRL+D 取消選擇


8.把圖層1中間的鏈接按鈕去掉


9.把圖層蒙板拖到上一個圖層，並取消圖層1的顯示或直接刪除


10.窗口–動畫，調齣動畫面板


11.鼠標點圖層2前面紅框處，然後用鍵盤方向鍵向左移或用鼠標向左拖，僅留一點線露出外面，
　 本來是全部移到左邊看不見的，但看不見了怕讓人不明白，所以還是留一點吧


12.動畫面板，複製當前幀，再用上一步的方法，把漸變拖到右邊，按住SHIFT鍵再拖 就能保持水平移動。


13.選中第一幀，點過渡，輸入25幀，確定，這樣就做完了。


最終效果!

---

---

【轉載訊息】
1.–本文轉載自 http://www.missyuan.net 教學網 —
2.Photoshop製作跳動的波浪線條動態圖
https://zi.media/@wwwfreebrushscom/post/oucmai