希望大家看教程的時候，多考慮下為什么這里這么做，以后工作中遇到類似的問題就可以解決了。
1.新建畫布800*600px的畫布
在畫布中新建464px*232px的圓角矩形并命名為“底”。添加圖層樣式-顏色疊加#，復(fù)制這一圖層，命名為“按鈕”，填充顏色#，4px ￥的描邊。都轉(zhuǎn)換為智能對象。如圖所示；
2.做動效
在ps中打開窗口-時間軸-創(chuàng)建視頻時間軸。
在圓的變換和底的樣式00幀處打上關(guān)鍵幀，移動時間軸線（紅色線）于兩秒處打上關(guān)鍵幀。且改變圓移動至左邊之后的效果。如圖所示；為了效果好看，我們在起始幀和結(jié)束幀中間，透明度插入一個關(guān)鍵幀，調(diào)整按鈕的透明度為50。
那么這樣第一步最初的一個動作實現(xiàn)了，接下來就是考慮如何讓圓移動至左邊后再自己移動至右邊且按鈕顏色發(fā)生變化。
起始這一步也是很簡單的，復(fù)制前面所做的關(guān)鍵幀粘貼ps中按鈕怎么做，這里有一個注意的地方是，時間軸線必須移動至在前面所做的關(guān)鍵幀后面。這樣就是一個完整的動畫效果。如圖所示；
接下來剪切掉多余的時間，如圖；
現(xiàn)在可以播放看一看了，但有一個問題是，不循環(huán)播放。那么可以點擊播放按鈕后面的設(shè)置按鈕ps中按鈕怎么做，設(shè)置為循環(huán)播放。如圖；
現(xiàn)在基本的都做完了，就是怎么導(dǎo)出的問題。
同時按住ctrl+shift+alt+s，存儲為web所用格式。預(yù)設(shè)為GIF格式，循環(huán)選項為永遠(yuǎn)。如圖；
這個播放按鈕的動畫教程就結(jié)束啦！大家可以去練習(xí)下吧。如果你很愛學(xué)習(xí)，可以學(xué)一下AE，比ps實現(xiàn)的效果要好一些。
謝謝大家！
注： 本文純屬學(xué)習(xí)交流，部分圖片來源于網(wǎng)絡(luò)，如有侵犯請及時與本人聯(lián)系！