當(dāng)前位置:首頁>ps入門教程>動圖教程>動畫教程>教程內(nèi)容

漸變動畫,教你做漸變GIF動圖教程(7)

來源:theoat.com.cn 作者:小北是個夢想家 學(xué)習(xí):61539人次

我們經(jīng)常會看到,很多修圖師在朋友圈和微博曬一些修圖前后的對比圖小視頻,是這樣的:

漸變動畫,教你做漸變GIF動圖教程_theoat.com.cn

例圖是好萊塢女星Teresa Palmer,我相信她不會漂洋過海來找我索要肖像權(quán)的

漸變動畫,教你做漸變GIF動圖教程_theoat.com.cn

例圖是好萊塢女星Teresa Palmer,我相信她不會漂洋過海來找我索要肖像權(quán)的


相信略懂PS的人都會知道:

第一張圖,是用黑色畫筆擦掉上方圖層的白色蒙版,達(dá)到露出下方圖層的目的。

第二張圖,是直接用方向鍵移動上方圖層,達(dá)到露出下方圖層的目的。

這些方法都太簡單,沒什么技術(shù)難度。

小北要教大家的是下面這張GIF動圖的做法。

漸變動畫,教你做漸變GIF動圖教程_theoat.com.cn

例圖是我同事靜靜的一張生活照,想靜靜的可以聯(lián)系她。


這是我在看一些視頻特效時,得來的靈感,純原創(chuàng)GIF動圖教程,今天無償分享給大家。

做這張動圖需要用到中性灰圖層,以及圖層混合模式的相關(guān)知識。

1.打開Photoshop,把效果圖放在原圖的上方,如下圖所示:

漸變動畫,教你做漸變GIF動圖教程_theoat.com.cn

2.在效果圖上方,建立一個中性灰圖層,圖層混合模式為柔光(不懂如何建立中灰圖層的小伙伴,可以看我寫的上一篇文章《D&B修圖的九種方法》)如下圖所示:

漸變動畫,教你做漸變GIF動圖教程_theoat.com.cn

3.我們把中性灰圖層做一個描邊效果。描邊大小根據(jù)你的照片大小來確定,位置選【外部】,顏色我用的【白色】,當(dāng)然你也可以嘗試其他顏色描邊。如下圖所示:

漸變動畫,教你做漸變GIF動圖教程_theoat.com.cn

漸變動畫,教你做漸變GIF動圖教程_theoat.com.cn

4.這一步其實在第3步里都可以做完,我之所以把它單獨拿出來講,因為它才是最關(guān)鍵的。我們右鍵或雙擊我們創(chuàng)建的中灰層,選擇混合選項—高級混合—挖空,選擇【深】(對于咱們的案例來說,選擇“淺”也是可以的)如下圖所示:

漸變動畫,教你做漸變GIF動圖教程_theoat.com.cn

5.選擇窗口—時間軸—創(chuàng)建幀動畫。如下圖所示:

漸變動畫,教你做漸變GIF動圖教程_theoat.com.cn

6.選擇時間軸面板上的復(fù)制所選幀,復(fù)制出第2幀。選中圖層面板上的中性灰圖層,用鍵盤上的方向鍵或移動工具,把中灰層從左往右,平移出圖層顯示范圍。如下圖所示。

(如何復(fù)制幀?:看下圖左下角,幀下面有一排小圖標(biāo),倒數(shù)第二個就是復(fù)制幀按鈕,點擊它)

漸變動畫,教你做漸變GIF動圖教程_theoat.com.cn

7.點擊時間軸面板上【過渡動畫幀按鈕】或點擊菜單按鈕,選過渡,過渡方式選【上一幀】,幀數(shù)越多會越平滑,但考慮到GIF的文件不能太大,這里我選擇18幀。如下圖所示:

漸變動畫,教你做漸變GIF動圖教程_theoat.com.cn

漸變動畫,教你做漸變GIF動圖教程_theoat.com.cn

8.我們還可以用延時來控制播放速度,播放次數(shù)選永久,就會無限循環(huán)播放了(上一步找不到過渡幀動畫按鈕的小伙伴可以看下圖,我用紅圈做了標(biāo)注)~~如下圖所示:

漸變動畫,教你做漸變GIF動圖教程_theoat.com.cn

9.選擇文件—導(dǎo)出—存儲為web所用格式(快捷鍵見圖片),在存儲時還可以修改圖像大小和循環(huán)參數(shù)等。如下圖所示:

漸變動畫,教你做漸變GIF動圖教程_theoat.com.cn

漸變動畫,教你做漸變GIF動圖教程_theoat.com.cn

是不是非常簡單呢?趕緊動手做一張吧~~~

漸變動畫,教你做漸變GIF動圖教程_theoat.com.cn

用這個方法稍加改變就能看出圖1、2的效果,大家想到要怎么做了嗎?歡迎把你的方法投稿分享給大家。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
熊貓灬跌宕2018-05-12 11:15
為什么我只顯示效果圖 而原圖不顯示啊
法國歐尚軟包-陳小姐2017-06-16 04:42
選中圖層面板上的中性灰圖層,用鍵盤上的方向鍵或移動工具,把中灰層從左往右,平移出圖層顯示范圍。這個弄不了,請教怎么弄的,要是有視頻講解就好了
法國歐尚軟包-陳小姐2017-06-16 04:41
選中圖層面板上的中性灰圖層,用鍵盤上的方向鍵或移動工具,把中灰層從左往右,平移出圖層顯示范圍。
rtyry4652017-05-31 12:09
請樓主把第一張動圖的教程發(fā)出來,先謝了
開始懂了2017-05-31 10:24
請樓主把第一張動圖的教程發(fā)出來,先謝了
開始懂了2017-05-31 10:22
第一張動圖效果很好,怎么做啊,感覺不簡單啊
寒雨2017-04-08 06:52
表示第四步看的不明所以,用的是柔光模式,選的也是中性灰圖層,加深后中性灰圖層就顯示最上層了。
寒雨2017-04-08 06:04
表示第四步看的不明所以,用的是柔光模式,選的也是中性灰圖層,加深后中性灰圖層就顯示最上層了。
ty-Newman2017-04-07 07:09
不會啊啊啊啊啊。。!
ty-Newman2017-04-07 07:04
不會啊啊啊啊啊。。!
房前三株葡萄藤2017-04-06 08:16
不懂為什么第6步要復(fù)制出一個幀來?復(fù)制幀和復(fù)制圖層一樣嗎?
photoshop2017-04-06 04:58
圖層沒選對。
崔穎2017-04-06 04:17
請問一下混合模式里面的挖空加深是什么意思,為什么我做了之后顯示的就只有最上層的中性灰,我已經(jīng)改成柔光模式了,謝謝
房前三株葡萄藤2017-04-06 08:04
不懂為什么第6步要復(fù)制出一個幀來?復(fù)制幀和復(fù)制圖層一樣嗎?
photoshop2017-04-06 04:04
請問一下混合模式里面的挖空加深是什么意思,為什么我做了之后顯示的就只有最上層的中性灰,我已經(jīng)改成柔光模式了,謝謝宕旈 的原帖:圖層沒選對。

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!