當前位置:首頁>ps入門教程>動圖教程>動畫教程>教程內容

動畫教程,制作滾動字幕的唱片播放器圖片(12)

來源:不詳 作者:Bao丶ba 學習:27559人次

本教程介紹了如何使用PhotoShop制作逼真的黑膠唱片音樂播放器界面GIF動畫效果的過程,教程寫的非常詳細,制作了一個逼真的轉動播放的黑膠唱片,和一個滾動顯示的字幕效果,喜歡的朋友可以跟著教程練習一下。

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

最終效果

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

1,新建500*200圖層

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

隨意填充一個顏色

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

新建圖層用矩形選區(qū)拉個長條,然后填充紅色

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

再次新建圖層,用剛剛的選區(qū)填充黑色,并建立圖層蒙版

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

選擇漸變工具然后調成這個樣紙,之后在圖層上從頭到尾拉一下,變成下圖

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

ctrl+r然后大致拉成這樣

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

新建一層,選擇圓形選區(qū),按住shift鼠標在參考線的角上拉一個園,直到成這個樣子然后填充白色,再高斯模糊80

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

按住ctrl調整參考線

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

新建一層,然后按住shift+alt拉出選區(qū),填充深灰色

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

ctrl+j復制圖層4,按住ctrl+鼠標然后填充灰色

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

按住ctrl+t,案后按住shift+alt,稍微拉大一點

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

高斯模糊3.5

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

同上按住shift+alt拉同心圓選區(qū),然后選擇最上面的圖層,剪切掉

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

選擇這個

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

 

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

回到圖層4拷貝,然后拉參考線

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

從箭頭那里的參考線交點按住shift案后拉出和剛剛一樣大的圓。。然后設置一下描邊

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

 

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

ctrl+t,然后按住shift+alt+鼠標拉成如圖大小。。

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

ctrl+j復制一層,然后重復上次的步驟拉個小圈回車,如圖

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

吧兩個形狀圖層各自柵格化后合并

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

回到那啥圖層,雙擊圖層空白處之后如圖

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

然后如圖,現在要調漸變了…

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

 

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

然后重復最后一圖的步驟點下第二個橡皮似的東西,調整小黑快位置,直到最后一個“橡皮”也調整好(看不懂問我……,箭頭是鼠標左擊的意思

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

不透明度改一下。。

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

這是我現在的圖層順序,如果有人錯了就調整下吧。。,還有建議大家給圖層定名字

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

新建圖層并且選擇那啥工具

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

大概在這個文字點一下,然后填充黑色

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

把頭和尾刪了,差不多成這樣

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

添加蒙版

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

打開圖層樣式,設置如圖

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

又來到我們親愛的漸變了,設置成這樣,然后點一下蒙版,然后拉一下

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

 

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

ctrl+t,旋轉180度

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

新建圖層,然后不用我說了吧。。

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

然后把不要的直接選中delete,然后用橡皮把兩端擦下

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

ctrl加j復制圖層6,然后按住shift移動到大概這個位置,也可以再加個高斯模糊啥的,隨便-

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

按住shift在如圖位置弄出來,然后調整描邊填充啥的,然后回到圖層4拷貝,拉參考線,吸附到中間

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

ctrl+t把中心點按住shift拖到參考線,之后右鍵180反轉

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

新建圖層,拉選區(qū),填充白色,ctrl+j,移動,移動,移動

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

然后把箭頭的形狀柵格合并移動,那個的播放按鈕也合并

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

新建一層,選鋼筆,圖層也放大點

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

鋼筆路徑自己畫,樓主這個太搓。。然后填充路徑白色

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

然后可以添加蒙版圖圖擦擦,之后混合模式自己看著調。。樓主調的很渣,或者也可以直接用畫筆畫- -

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

覺得太閃了就價格色相飽和度調下名都,注意點下剪貼門板-

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

 

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

回到紅條圖層,把紅條圖層和上面那個帶蒙版的黑條圖層合并,拖到最頂層,添加圖層樣式投影,然后回到時間軸,全選,然后點頂層圖層的眼睛

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

 

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

 

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

 

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

動畫教程,制作滾動字幕的唱片播放器圖片_theoat.com.cn

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
櫻Sword牽夢2018-12-26 06:18
感謝大大無私奉獻
咚咚2018-04-21 09:15
感謝大大無私奉獻
靜觀其變992016-12-03 07:25
什么 叫那啥圖層?教就好好教 干嘛搞的那神秘
靜觀其變992016-12-03 07:12
什么 叫那啥圖層?教就好好教 干嘛搞的那神秘
123564892016-01-22 01:50
缺少的部分就在拷貝多幀上面,拷貝完粘貼到前面的碟片動畫中就行了?影。,熟悉做動畫的當然懂,像我們完全自學的漏掉幾步哪里會做
123564892016-01-22 01:01
表示這個教程就是坑爹的,關鍵部分都沒講12356489 的原帖:缺少的部分就在拷貝多幀上面,拷貝完粘貼到前面的碟片動畫中就行了?影,,熟悉做動畫的當然懂,像我們完全自學的漏掉幾步哪里會做
123564892016-01-21 02:35
表示這個教程就是坑爹的,關鍵部分都沒講
123564892016-01-21 02:01
表示這個教程就是坑爹的,關鍵部分都沒講
龍城柯少2015-05-26 12:06
學習了,好東東
龍城柯少2015-05-26 12:06
學習了,好東東
龍城柯少2015-05-26 12:06
學習了,好東東
浮云舊事好溫柔2015-05-25 11:42
LZ 辛苦了。不回都不好意思啊
浮云舊事好溫柔2015-05-25 11:42
LZ 辛苦了。不回都不好意思啊
浮云舊事好溫柔2015-05-25 11:42
LZ 辛苦了。不回都不好意思啊
囧囧蝸牛哥2015-05-25 11:41
懂了 謝謝

關注大神微博加入>>

網友求助,請回答!