淘新聞

教你做“掃描式”GIF動圖

作者微博:@ 小北是個夢想家

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

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

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

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

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

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

這些方法都太簡單,沒什麼技術難度。

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

例圖是我同事靜靜的一張生活照,想靜靜的可以聯繫她。

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

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

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

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

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

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

5.選擇視窗—時間軸—創建幀動畫。如下圖所示:

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

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

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

9.選擇檔—匯出—存儲為web所用格式(快速鍵見圖片),在存儲時還可以修改圖像大小和迴圈參數等。如下圖所示:

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