Ps野教程│一起動手做一個好玩的發光按鈕吧！

之前群里有發這樣的圖片：

這個是江小白的廣告，是做的霓虹燈字體的動圖。看著挺有意思，不過大家知道之前野郎已經分享過一篇霓虹燈字體特效的製作文章啦：

如果只是再把它做成動圖，難免沒啥新穎，思來想去，看看自己的滑鼠和鍵盤...有了！

今天我們來一起製作一個鍵盤上的發光按鈕動態圖吧：

首先用ps打開素材圖，ctrl+j複製一層：

我想在回車鍵上做，所以先把「ENTER」文字搞掉吧，用啥方法都可以，我用的是選區-填充-內容識別：

接著二次構圖裁剪一下吧，讓視線更集中在回車鍵上：

接下來把咱野鹿志的鹿頭拖進來，調整好大小和位置：

柵格化圖層以後，按住ctrl鍵點擊圖層縮略圖載入選區，填充成黑色：

打上文字：

將文字和頭像圖層合併，轉為智能對象，準備工作就做的差不多了：

調出圖層樣式，分別添加斜面和浮雕、內發光、顏色疊加以及外發光，參數大家看著辦吧：

再複製一層出來，把顏色疊加的效果關掉，僅僅加強斜面和浮雕以及內外發光的效果。

並且將填充改為0，搞掉本來的黑色：

再複製一層出來，執行濾鏡-模糊-動感模糊，參數稍微大一點，弄出點字的光效：

接著再降低不透明度，我覺得百分之50左右比較合適：

再搞掉光影出來，在文字層的下面新建一個透明圖層，套一個選區出來：

填充一個和你選擇的光相符的顏色，填充，再執行濾鏡-模糊-高斯模糊把顏色打散，參數給大點，100都不為過：

接著再降低不透明度：

字體的效果就差不多了，費了那麼大勁，其實就是想順便做一個樣機按鈕出來，方便大家使用。

所以把每個字體圖層重命名好打個組：

複製一層剛才的光效圖層，拖到組的外面，重命名為樣機按鈕，把圖層樣式和智能濾鏡都刪除掉，並把填充和不透明度改為0：

測試一下按鈕吧，雙擊樣機按鈕圖層縮略圖，然後輸入自己想要的文字，大小和位置角度大家可以參照原來的文字來：

本來應該在剛輸入文字的時候就轉智能對象，這樣雙擊樣機按鈕之後就不用調整位置了。

嘛~我也是做著做著才想起來乾脆做成樣機的，所以大家就湊合著用吧：

最後再給畫面加個青色的照片濾鏡調色以及拉個S曲線增加一下對比度：

這樣再打上名字就搞定了....

慢著！今天我們好像是要做動圖啊！

啊啊啊！忘記重點了，好吧！將光影、光效以及複製出來的文字圖層全部隱藏掉。

原本的文字圖層的圖層樣式除了顏色疊加以外，其餘全部隱藏，並且將圖層的不透明度降低一點，讓它的顏色和旁邊的按鍵上字母顏色盡量一致：

ctrl+shift+alt+e蓋印所有可見圖層：

隱藏掉圖層1，將剛才隱藏了的圖層全部顯示出來以後，再蓋印一次得到圖層2：

在窗口裡打開時間軸：

接著對圖層1創建幀動畫：

點擊複製所選幀，再把圖層2的眼睛打開，這樣第二幀就弄好了：

多複製出來幾幀，將間隔時間設置的不規律點：

最後再將圖片存為gif格式導出來看看吧：

GIF/2K

好了，大概就這樣吧，快猝了！我得睡了！

本文由「野鹿志」發布

轉載前請聯繫作者「馬鹿野郎」

私轉必究

我建立了一個ps愛好者群

歡迎同好者入群交流、討論

為了保證群的質量

我關閉了二維碼掃描進群的功能

我拉你們

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！