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

微信教程,教你自己做一個動態(tài)二維碼指

來源:bbs.16xx8.com 作者:theoat.com.cn 學習:26715人次
教大家把靜態(tài)二維碼圖片做成動態(tài)二維碼圖片,這個二維碼指紋掃描圖片效果主要運用了剪切蒙版和過渡動畫幀來做出指紋顏色的變化。算是動畫圖片的基礎技巧之一。運用這個方法,大家還能做出更復雜的動態(tài)圖片。做完記得交作業(yè)。

先看看效果:
微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn
素材:

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn
1、用魔棒工具把指紋選上,魔棒工具的容差我設置為32。

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn

2、按CTRL+J復制一層,為了讓大家看的清楚效果,我把【圖層1】隱藏了,大家自己做的時候不需要隱藏圖層。

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn

3、按紅剪頭的按鈕新建一個空白圖層,然后用填充工具填充任意顏色,我這里填充紅色,然后點綠色箭頭的按鈕添加蒙版。

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn

4、按住ALT鍵,用鼠標點擊紅箭頭指著的【圖層3】和【圖層2】間的黑線,添加剪切蒙版(位置正確,鼠標會改變成一個新圖標的。)

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn

5、做一個大于跟指紋高度的選區(qū),然后鼠標點擊一下綠箭頭的蒙版框,設置前景色為黑色(也可以按快捷鍵D,這個快捷鍵是直接把前景色設為黑,背景色設為白),按著ALT+DELETE鍵填充前景色

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn

6、做完蒙版后原本紅色的指紋變回綠色,效果如下
(為什么會變回綠色?因為加了蒙版,把該層黑色部分遮蓋住了。關于蒙版的詳細說明,請百度教程:《圖層蒙版,什么是蒙版?圖層蒙版怎么用》)

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn

7、點一下圖層3的鏈接,取消鏈接蒙版(取消鏈接蒙版后,我們可以隨意移動蒙版的黑色框,如果不取消,你移動黑色框同時會也移動紅色那部分的內容。)

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn

8、取消鏈接蒙版后的效果,注意紅箭頭。

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn

9、打開時間軸窗口(窗口 - 時間軸)然后點擊新建幀按鈕,建立一個幀,效果如下圖。

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn

10、點擊第二幀(紅箭頭),點擊圖層3的蒙版框(綠箭頭),然后用移動工具(V)把黑色的框往下移動,讓指紋全部變成紅色,如下圖:

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn

11、設置時間為0.1秒,如下紅箭頭所指,點擊綠箭頭所指的過渡動畫幀按鈕,過渡數值如下圖所示(數值越多越慢但越連貫,大家可以自己嘗試一下一百幀和五幀的區(qū)別)。

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn

12、確定后會新增加15幀,變成一共為17幀,現在基本就已經做好,大家可以點擊紅箭頭的按鈕看一下效果。

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn

13、打開你的地維碼圖片,如下圖。

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn

14、新建一個圖層5,然后用移動工具把二維碼拖動過來,效果如下:

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn

15、按CTRL+T鍵打開自由變換,按住SHIFT鍵,調整圖片的大小和位置。如下圖(注意這步要在第一幀操作):

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn

16、按CTRL+ALT+SHIFT+S 存儲為Web所用格式,預設那里我選128,如果太大,可以選64或32。最后點擊存儲即可。

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn

17、最終效果。轉載保留:theoat.com.cn

微信教程,教你自己做一個動態(tài)二維碼指_theoat.com.cn
考考你:大家看上圖,指紋圖片紅色和綠色過濾的地方是直的,怎么才能做成波浪或其他形狀?會的直接做成圖片提交作業(yè)。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
人生如夢2018-09-26 02:26
我只是愛好者,始終做不出自動識別的效果,見笑了?可以幫我做一個嗎?
清歡2017-09-20 02:30
我的作業(yè):
璇璣2017-07-19 04:54
為什么我17幀全是紅色 v跟著移動第一幀就也變紅色 根本沒有綠色 跟著做了兩遍絎戠瑧銆
笑笑。2016-12-08 04:44
為什么我17幀全是紅色 v跟著移動第一幀就也變紅色 根本沒有綠色 跟著做了兩遍
笑笑。2016-12-08 04:12
為什么我17幀全是紅色 v跟著移動第一幀就也變紅色 根本沒有綠色 跟著做了兩遍
月下的寶2015-11-02 11:01
學習啦。。學習啦。。學習啦。。。
月下的寶2015-11-02 11:01
學習啦。。學習啦。。學習啦。。。
月下的寶2015-11-02 11:01
學習啦。。學習啦。。學習啦。。。
琉璃穎沁2015-11-02 08:58
學習啦。。學習啦。
琉璃穎沁2015-11-02 08:58
學習啦。。學習啦。
琉璃穎沁2015-11-02 08:58
學習啦。。學習啦。
一路向北zklife2015-11-02 07:19
學習啦。。
一路向北zklife2015-11-02 07:19
學習啦。。
一路向北zklife2015-11-02 07:19
學習啦。。
萊伊伊2015-11-02 03:43
學習啦。。。

關注大神微博加入>>

網友求助,請回答!