PS 小技巧|如何製作微博里的那種點開圖和預覽圖不一樣的動圖

PS 小技巧|如何製作微博裡的那種點開圖和預覽圖不一樣的動圖

刷微博的時候經常會看到一些 gif 圖,預覽圖和點開的大圖是不同的圖片,並且 gif 圖點開後也不會循環播放再次看到預覽圖。

就像這樣:

PS 小技巧|如何製作微博裡的那種點開圖和預覽圖不一樣的動圖

(動圖截自費啟鳴微博)

那麼這種圖是怎麼做出來的呢?

其實很簡單,用 Photoshop 做一個只循環一次的 2 幀動畫就可以了。

過程如下:

1、首先,你需要一部裝有 Photoshop 的電腦。

2、準備 2 張圖片,一張用做預覽圖、一張用做點開圖。

建議兩張圖片形狀一樣,否則可能做出的成圖效果不佳。

3、打開 PS,將兩張圖片拖到 PS 中。

這裡建議大家更改一下圖像大小,把寬高像素改為 1000 以下,不然文件太大的話 PS 做動圖會非常卡。

我這裡將圖片寬高改為 500 像素。

更改圖片像素步驟:點擊菜單欄中的「圖像」—「圖像大小」。

PS 小技巧|如何製作微博裡的那種點開圖和預覽圖不一樣的動圖

4、打開時間軸,然後「創建視頻時間軸」。

步驟:點擊菜單欄中的「窗口」—「時間軸」—「創建視頻時間軸」。

PS 小技巧|如何製作微博裡的那種點開圖和預覽圖不一樣的動圖

5、點擊右下角 —「轉化為幀動畫」。

PS 小技巧|如何製作微博裡的那種點開圖和預覽圖不一樣的動圖

6、複製幀,點擊「複製所選幀」。

PS 小技巧|如何製作微博裡的那種點開圖和預覽圖不一樣的動圖

7、設置幀

點擊第一幀圖片,將時間設為一秒以下,0.5 秒、0.2 秒均可。

然後鼠標放到右邊「圖層」板塊,打開將要用做預覽圖的的圖片的眼睛開關,關閉將要用做打開圖的圖片的眼睛開關。

PS 小技巧|如何製作微博裡的那種點開圖和預覽圖不一樣的動圖

點擊二幀圖片,將時間設為一秒以下,0.5 秒、0.2 秒均可。

然後鼠標放到右邊「圖層」板塊,打開將要用做打開圖的的圖片的眼睛開關,關閉將要用做預覽圖圖的圖片的眼睛開關。

(方法和第一幀做法一樣,只不過把兩張圖層的眼睛開關更換以下)

PS 小技巧|如何製作微博裡的那種點開圖和預覽圖不一樣的動圖

8、距離完工的最後一個步驟——導出。

步驟:點擊菜單欄中的「文件」—「導出」—「儲存為 Web 所用格式」。

PS 小技巧|如何製作微博裡的那種點開圖和預覽圖不一樣的動圖

注意:右下角的「循環選項」默認是「一次」,如果「循環選項」不是一次的話,一定要改成一次。

最後儲存,大功告成!

把我剛剛做出的這個動圖發微博試一下

PS 小技巧|如何製作微博裡的那種點開圖和預覽圖不一樣的動圖

注:剛剛用 PS 做出的那張動圖,在微博中是不會再循環了。

但是如果發到別的地方,比如 qq、微信等,動圖依然是循環播放的。

點擊“瞭解更多”可觀看高清視頻教程。


分享到:


相關文章: